/* CC-EXEC D20261002D W2：跨頁共用結構樣式，本輪僅 public/m4.html 一頁引入
   試點（其餘頁面不引入、不受影響，見單上「禁改 /m4 以外頁面樣式」）。

   ★W0預測清單含.loading，CC逐頁核對後發現該選擇器在m1/m2/m3/m8為另一種
   完全不同的元件（預設display:none之精簡行內提示，13-13.5px），與m4/
   yijing之大型置中載入狀態（46px留白、17px文字）僅是「選擇器名稱恰好相同」
   非真正共用樣式，如實登錄不納入本檔，m4.html維持原inline定義（已token化）。

   抽出範圍（逐一核對各頁實際CSS後確認，非僅憑名稱出現次數）：
   - .wrap：m4/yijing兩頁逐字相同（m1/m2/m3/m8為另一種不同定義：
     max-width:480px;margin:0 auto;padding:0 0 60px，無flex/min-height，
     屬不同版面模式，未納入抽出範圍）。
   - .brand：此處4項屬性（font-family/font-weight/letter-spacing/
     font-size）在m1/m2/m3/m8/yijing/m4六頁一致（m1/m2/m3/m8之<a>版本
     額外帶text-decoration/color，屬該用法專屬之附加屬性，未抽出，
     不影響共用子集本身）。
   - .eyebrow：顏色與margin在m4/yijing一致（color:var(--gold)，非m1/m2/
     m3/m8之模組專屬色--c-m1/m2/m3/m8，兩者是不同設計；margin原值
     30px/14px無對應token，snap至最近token--sp-5(24px)/--sp-3(12px)，
     為本單「字級/間距收斂」範圍內的刻意微調，非誤差）。
   - .toast：yijing/m4/index三頁逐字相同。

   ★.btn 刻意只抽「新增之 min-height」一行，不搬動其餘宣告——.btn 之
   color/background 為模組專屬色（如 M4 用 --cinnabar），scripts/
   scan-cta-contrast.mjs 直接以 regex 掃 HTML 原始碼找 .btn 規則計算對比度，
   若整條 .btn 規則外移到此檔，該掃描器會因為只讀 HTML 本身而看不到這條
   規則、錯判為「無 CTA 可檢查」而假綠（非真正通過），故色彩相關宣告一律
   保留在各頁原 inline <style> 內，詳見 UI_AUDIT 報告「哪些既有掃描器讀
   inline style」章節。

   ★.notice/.scrim 本輪未抽出——.notice 在 /m4 現況不存在對應元素（抽出
   無意義死CSS）；.scrim 牽涉 @keyframes rise 等頁面本地動畫定義，本輪
   試點範圍保守處理，留待未來多頁rollout時再評估。 */

.wrap{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative;z-index:1}
.brand{font-family:var(--serif);font-weight:900;letter-spacing:.04em;font-size:var(--fs-4)}
.eyebrow{font-size:var(--fs-1);letter-spacing:.34em;color:var(--gold);margin:var(--sp-5) 0 var(--sp-3)}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:60;
  background:var(--ink-3);border:1px solid var(--hair);color:var(--ink);
  font-size:var(--fs-1);padding:11px 18px;border-radius:var(--r-3);opacity:0;pointer-events:none;
  transition:opacity var(--motion);max-width:88vw;text-align:center}

/* 新增：全域無障礙基線（單上W2明文要求），非既有樣式之外移。 */
.btn{min-height:44px}

:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
}