/* 品牌頁的手機版字級收斂（≤820px）。
   各頁 member-*.css 的手機字級偏大，這裡統一往下收一階，集中管理不必逐頁改。
   _Layout 在頁面內容之後才載入這支（晚於各頁的 <link> 與 <style>），同權重時由這裡勝出；
   輸入框維持 16px 不動（小於 16px 時 iOS Safari 聚焦會自動放大畫面）。 */

@media (max-width: 820px) {

    /* ── 各頁深綠標題區 ── */
    body.jl-login-page :is(.jl-od__hero, .jl-about__hero, .jl-sf__hero, .jl-bonus__hero, .jl-org__hero, .jl-shop__hero, .jl-rec__hero, .jl-acct__hero) {
        margin-bottom: 12px;
        padding: 16px 18px;
    }

    body.jl-login-page :is(.jl-od__eyebrow, .jl-about__eyebrow, .jl-sf__eyebrow, .jl-bonus__eyebrow, .jl-org__eyebrow, .jl-shop__eyebrow, .jl-rec__eyebrow, .jl-acct__eyebrow) {
        margin-bottom: 6px;
        font-size: 9px;
    }

    body.jl-login-page :is(.jl-od__title, .jl-about__title, .jl-sf__title, .jl-bonus__title, .jl-org__title, .jl-shop__title, .jl-rec__title, .jl-acct__title) {
        font-size: 19px;
        line-height: 1.45;
    }

    body.jl-login-page :is(.jl-od__desc, .jl-about__desc, .jl-sf__desc, .jl-bonus__desc, .jl-org__desc, .jl-rec__desc, .jl-acct__desc) {
        font-size: 12px;
        line-height: 1.7;
    }

    body.jl-login-page .jl-acct__name { font-size: 19px; }
    body.jl-login-page .jl-acct__avatar { width: 44px; height: 44px; font-size: 18px; }
    body.jl-login-page .jl-about__stat { font-size: 12px; }
    body.jl-login-page .jl-about__stat strong { font-size: 14px; }

    /* ── 卡片／區塊標題 ── */
    body.jl-login-page :is(.jl-od-card__title, .jl-dl__panel-title, .jl-acct__card-title) { font-size: 15px; }
    body.jl-login-page .jl-od-card__head,
    body.jl-login-page .jl-dl__panel-head,
    body.jl-login-page .jl-acct__card-head { padding-top: 11px; padding-bottom: 11px; }

    /* ── 內文、欄位 ── */
    body.jl-login-page :is(.jl-od-info__item, .jl-acct__rows > div) { padding-top: 10px; padding-bottom: 10px; }
    body.jl-login-page :is(.jl-od-info__item dt, .jl-acct__rows dt) { font-size: 12px; }
    body.jl-login-page :is(.jl-od-info__item dd, .jl-acct__rows dd) { font-size: 14px; line-height: 1.65; }
    body.jl-login-page .jl-od-table { font-size: 13px; }
    body.jl-login-page .jl-od-table th { font-size: 12px; }

    body.jl-login-page .jl-dl__name { font-size: 14px; }
    body.jl-login-page .jl-dl__meta { font-size: 12px; }
    body.jl-login-page .jl-dl__row { padding-top: 12px; padding-bottom: 12px; }

    body.jl-login-page .jl-faq__title { font-size: 14px; }
    body.jl-login-page .jl-faq__summary { min-height: 50px; padding-top: 10px; padding-bottom: 10px; }
    body.jl-login-page .jl-faq__content { font-size: 13px; line-height: 1.8; }

    body.jl-login-page .jl-acct__ball-name { font-size: 14px; }
    body.jl-login-page .jl-acct__notice { padding: 11px 14px; font-size: 13px; }

    body.jl-login-page .order-card-id { font-size: 15px; }
    body.jl-login-page .order-card-row { font-size: 13px; }

    body.jl-login-page .jl-shop .jl-product__name { font-size: 13px; }
    body.jl-login-page .sh .sh-title { font-size: 19px; }

    /* ── 按鈕 ── */
    body.jl-login-page :is(.jl-od-btn, .jl-acct__btn, .jl-dl__action, .jl-member-primary, .jl-member-secondary, .od-m-btn, .jl-sf__submit, .jl-od__hero-link, .jl-prof__btn, .jl-acct__back) {
        min-height: 42px;
        font-size: 14px;
    }

    /* ── 入會申請／多口加入／補件上傳（register wizard） ── */
    body.jl-login-page :is(.rw-header h1, .jl-registration-intro h1) { font-size: 22px; }
    body.jl-login-page .rw-header .jl-registration-subtitle,
    body.jl-login-page .jl-registration-intro > p:last-of-type { font-size: 13px; line-height: 1.8; }
    body.jl-login-page .rw-step-head h2 { font-size: 1rem; }
    body.jl-login-page .rw-card > h3 { font-size: 15px; }
    body.jl-login-page .jl-membership__title { font-size: 19px; }
    body.jl-login-page .jl-membership__description { font-size: 13px; }

    /* ── 登入頁 ── */
    body.jl-login-page .jl-login__intro h1 { font-size: 24px; }

    /* ── 彈窗 ── */
    body.jl-login-page .modal-title { font-size: 15px !important; }
    body.jl-login-page .modal-body { font-size: 14px; }
}