/* ==========================================================================
   gmba-type.css  —  卡片字級與註解可讀性統一
   建立 2026-09-07｜適用：academics(.html/-zh) 、admissions(.html/-zh)
   --------------------------------------------------------------------------
   掛法：四頁的 <link rel="stylesheet" href="layout.css"> 後面各加一行
         <link rel="stylesheet" href="gmba-type.css">
           academics.html    第 1399 行後
           academics-zh.html 第 1461 行後
           admissions.html   第〈見清單〉行後
           admissions-zh.html第〈見清單〉行後

   為什麼每條都有 !important 和 html body 前綴：
     兩頁後段的覆寫區塊（academics.html 1150–1260、academics-zh.html 1210–1310，
     admissions.html 2160–2490、admissions-zh 對應區塊）本身就是 !important，
     而且部分 <style> 排在 <link> 之後（包含 .gs 寫在 body 裡的那一段）。
     加 html body 把權重提高兩級，就不必依賴載入順序。

   本檔只改 font-size / font-weight / color / line-height。
   不改 class 名、不改 markup、不碰 data-k 與區塊標記。
   ========================================================================== */

/* --- 1. 新增兩個 token ---------------------------------------------------
   卡片註解下限 14.5px（原本散在 9–13px）
   數字下的標籤 13px（原本 9–12px）
   中文版沿用原本比英文大 2px 的設計，不打平。                              */

:root {
  /* student-voices 兩頁沒有定義 --t-* ，所以每個共用 token 都要有 fallback，
     不然 var() 解不出來、整條宣告會被丟掉。 */
  --t-sm-x: var(--t-sm, 16px);
  --t-tag-x: var(--t-tag, 13px);
  --t-body-x: var(--t-body, 18px);

  --t-note: 14.5px;
  --t-numlbl: 13px;
  --t-cardtitle: 17px;
  --t-note-ink: #4A4A4A;   /* 白底 8.6:1，取代 #8A8378 (3.6:1)、#A9A29A (2.6:1) */
}

html[lang^="zh"] {
  --t-sm-x: var(--t-sm, 18px);
  --t-tag-x: var(--t-tag, 14px);
  --t-body-x: var(--t-body, 20px);

  --t-note: 16px;
  --t-numlbl: 14px;
  --t-cardtitle: 19px;     /* 中文註解已是 16px，標題要拉開才有層級 */
  --t-note-ink: #4A4A4A;
}


/* --- 2. 課程四層 · 學分帶 ------------------------------------------------ */

/* 分類眉標：10.5px #8A8378 → --t-tag #4A4A4A */
html body #curriculum .ac-layers > div > div:nth-child(2),
html body #curriculum .ac-credits > div > div:last-child {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  color: var(--t-note-ink) !important;
}

/* 課名：維持 16px/800，只把行高放開一點 */
html body #curriculum .ac-layers > div > div:last-child {
  line-height: 1.5 !important;
}


/* --- 3. 關鍵數字條 .ac-glance -------------------------------------------- */

/* 數字下的標籤：inline 12px → --t-numlbl，加粗到 700 */
html body .ac-glance > div > span:last-child {
  font-size: var(--t-numlbl) !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  color: var(--t-note-ink) !important;
  margin-top: 8px !important;
}

/* 底下那句附註：inline 13px #8A8378 → --t-note #4A4A4A */
html body .ac-glance + p {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
  line-height: 1.65 !important;
}


/* --- 4. 通用卡片 .card --------------------------------------------------- */

html body .card h3 {
  font-size: var(--t-cardtitle) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

/* 內文：後段覆寫壓到 15px → 回到 --t-sm（英 16 / 中 18）
   [class] 是為了贏過 .card.om-reveal p（兩個 class，權重比 .card p 高） */
html body .card[class] p,
html body .card p {
  font-size: var(--t-sm-x) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: var(--ink-3, #4A4A4A) !important;
}


/* --- 5. 師資 ------------------------------------------------------------- */

/* 領域標題：15px → 17px，跟其他卡片標題對齊 */
html body .fv2-label {
  font-size: var(--t-cardtitle) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: var(--ink, #0D0D0D) !important;
}

/* 領域摘要：13px #8A8378 400 → --t-note #4A4A4A 500 */
html body .fv2-sub {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: var(--t-note-ink) !important;
}

/* 領域人數：12px #8A8378 → --t-numlbl #4A4A4A */
html body details.fv2-domain .fv2-count {
  font-size: var(--t-numlbl) !important;
  font-weight: 700 !important;
  color: var(--t-note-ink) !important;
}

/* 老師姓名：14.5px → --t-sm */
html body .fv2-name {
  font-size: var(--t-sm-x) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  color: var(--ink, #0D0D0D) !important;
}

/* 職稱與系所：11px opacity .75 → --t-note，不再降透明度 */
html body .fac-title {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: var(--t-note-ink) !important;
}

html body .fac-dept {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: var(--t-note-ink) !important;
  opacity: 1 !important;
}


/* --- 6. 表單下載 --------------------------------------------------------- */
/* class 名是 .gs 正則讀回試算表的鑰匙，只改樣式不改名 */

html body .forms-item-name {
  font-size: var(--t-sm-x) !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--ink, #0D0D0D) !important;
}

/* 說明：11px → --t-note */
html body .forms-item-desc {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: var(--t-note-ink) !important;
  margin-top: .3rem !important;
}

html body .forms-dl-btn {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .1em !important;
  padding: .55rem 1.1rem !important;
}

html body .forms-group-title {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
}


/* --- 7. 海外研修 .xc-* --------------------------------------------------- */

html body .xc-title {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
}

/* 副標：13px #8A8378 → --t-note #4A4A4A */
html body .xc-note {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
  line-height: 1.6 !important;
}

/* 國別：11px → --t-tag */
html body .xc-country {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  color: var(--maroon, #9B1A2C) !important;
}

html body .xc-school {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: var(--ink, #0D0D0D) !important;
}

/* 學校英文名：13px #7A736B (4.4:1) → --t-note #4A4A4A */
html body .xc-en {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: var(--t-note-ink) !important;
}

html body .xc-term {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--t-note-ink) !important;
}


/* --- 8. 行事曆 ----------------------------------------------------------- */

html body #academic-calendar .record-table thead th {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
  color: var(--t-note-ink) !important;
}

html body #academic-calendar .record-table td {
  font-size: var(--t-sm-x) !important;
  line-height: 1.6 !important;
}

/* 第三欄備註：11px → --t-note */
html body #academic-calendar .record-table td:nth-child(3) {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
}

/* badge：桌機 10.5px、手機 9.5px #8A8378 → --t-tag #4A4A4A */
html body #academic-calendar .cal-badge {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  color: var(--t-note-ink) !important;
  line-height: 1.4 !important;
}


/* --- 9. 影片卡 ---------------------------------------------------------- */

html body .video-card-body p {
  font-size: var(--t-sm-x) !important;
  line-height: 1.7 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

html body .video-card-body .video-duration,
html body .video-duration {
  font-size: var(--t-note) !important;
  font-weight: 600 !important;
  color: var(--t-note-ink) !important;
}

html body .video-tag {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .12em !important;
}

html body .video-embed-note {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  color: var(--t-note-ink) !important;
}


/* --- 10. 年度報告 · FAQ · 其他小字 --------------------------------------- */

html body .ar-sub {
  font-size: var(--t-numlbl) !important;
  color: var(--t-note-ink) !important;
}

html body .ar-btn,
html body .ar-pill {
  font-size: var(--t-tag-x) !important;
  padding: .45rem 1rem !important;
}

html body .faq-a {
  font-size: var(--t-sm-x) !important;
  line-height: 1.8 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

html body .forms-note {
  font-size: var(--t-sm-x) !important;
  line-height: 1.75 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

html body .feature-desc {
  font-size: var(--t-sm-x) !important;
  line-height: 1.8 !important;
}

html body .feature-date,
html body .feature-category,
html body .feature-snapshot-title,
html body .feature-meta-label {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .12em !important;
}


/* --- 11. 手機 ----------------------------------------------------------- */
/* 原本 640px 以下把 badge 壓到 9.5px、表格欄壓到 15px。
   註解在手機只降 0.5px，不再往下掉。                                       */

@media (max-width: 640px) {
  html body {
    --t-note: 14px;
    --t-numlbl: 12.5px;
  }

  html[lang^="zh"] body {
    --t-note: 15.5px;
    --t-numlbl: 13.5px;
  }

  html body #academic-calendar .cal-badge {
    font-size: 12px !important;
    letter-spacing: .08em !important;
    white-space: normal !important;
  }

  html body #academic-calendar .record-table thead th {
    font-size: 11.5px !important;
    letter-spacing: .1em !important;
  }

  html body .fv2-name {
    font-size: 15px !important;
    white-space: normal !important;
  }

  html body .xc-school {
    font-size: 18px !important;
  }
}


/* ==========================================================================
   ADMISSIONS 專用
   admissions.html / admissions-zh.html
   上面 1–11 節同時作用在這兩頁（.card p / .faq-a / .forms-* / .video-* /
   .feature-* / .fv2-* / .ar-* 都共用），下面只補 admissions 獨有的東西。
   ========================================================================== */

/* --- 12. 對齊 academics 的內文尺度 ---------------------------------------
   admissions 原本把 .card p / .faq-a / .forms-item-name / .forms-note
   設成 --t-body（英 18 / 中 20），academics 是 --t-sm（英 16 / 中 18）。
   第 4、6、10 節已經把四者統一成 --t-sm，這裡不必重複。
   剩下要處理的是「標籤卻用了內文尺寸」的那幾個。                             */

/* 深色下載卡的欄標：--t-body 18px 大寫 → --t-tag */
html body .dl-item-label {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}

html body .dl-item-desc {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

/* 說明卡內文：admissions 是 --t-sm、academics 是寫死 18px → 兩頁都用 --t-body */
html body .ai-callout p {
  font-size: var(--t-body-x) !important;
  line-height: 1.75 !important;
  color: var(--ink-3, #4A4A4A) !important;
}


/* admissions 另外有一條 #practical-info .card p 壓到 15px（帶 id，權重更高）
   中文版的註解下限是 16px，15px 太小，這裡拉回 --t-sm */
html body #practical-info .card p,
html body #practical-info .card li {
  font-size: var(--t-sm-x) !important;
  line-height: 1.7 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

html body #practical-info .card h3 {
  font-size: var(--t-cardtitle) !important;
  font-weight: 800 !important;
}


/* --- 13. 報名資格卡 [data-eligibility] ----------------------------------- */
/* 原本標題與內文同為 --t-sm，沒有層級；補充說明是寫死的 12px。               */

html body [data-eligibility] h3 {
  font-size: var(--t-cardtitle) !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  line-height: 1.35 !important;
}

html body [data-eligibility] p,
html body [data-eligibility] ul,
html body [data-eligibility] li {
  font-size: var(--t-sm-x) !important;
  line-height: 1.65 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

/* 卡片最後一兩行的補充說明：12px → --t-note */
html body [data-eligibility] p[style*="margin:.5rem 0 0"] {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
  line-height: 1.6 !important;
}

html body .elig-route-link {
  font-size: var(--t-note) !important;
  font-weight: 700 !important;
}


/* --- 14. 先修課程 #prep-program ------------------------------------------ */
/* 同樣的卡片形狀，補充說明也是寫死 12px。
   用 [style*=] 命中，是為了不動 markup；若你寧願加一個 class 名，
   那就是 markup 改動，清單裡有列，由你決定。                                */

html body #prep-program p[style*="font-size:12px"],
html body #prep-program + p[style*="font-size:12px"] {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
  line-height: 1.65 !important;
}


/* --- 15. 學費卡 .fee-* --------------------------------------------------- */

html body .fee-cards-header {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  color: var(--t-note-ink) !important;   /* 原本 #8A8378，而這一列底色是透明的 */
}

html body .fee-card-label {
  font-size: var(--t-sm-x) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--ink, #0D0D0D) !important;
}

/* 「每學分計費」那一行：12px → --t-note */
html body .fee-card-label > div {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
  margin-top: 4px !important;
}

html body .fee-card-nt {
  font-size: 24px !important;
  font-weight: 800 !important;
}

/* 美元換算：11.5px → 12.5px #8A8378 → --t-note #4A4A4A */
html body .fee-card-usd {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
  white-space: normal !important;
  margin-top: 4px !important;
}

/* 官方連結：11.5px opacity .75 → --t-tag，不再降透明度 */
html body .fee-card-note {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  color: var(--maroon, #9B1A2C) !important;
  opacity: 1 !important;
  white-space: normal !important;
}


/* --- 16. 獎學金 --------------------------------------------------------- */

html body .gov-schol-head,
html body .thu-schol-name {
  font-size: var(--t-sm-x) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

/* 欄名：10.5px #8A8378 → --t-tag #4A4A4A */
html body .gov-schol-key {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  color: var(--t-note-ink) !important;
}

html body .gov-schol-val {
  font-size: var(--t-sm-x) !important;
  line-height: 1.6 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

/* 那句 12px 斜體註記 */
html body .gov-schol-val[style*="font-size:12px"] {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
}

html body .gov-schol-link a {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .12em !important;
}

/* 資格說明：13px → --t-note */
html body .thu-schol-eligibility {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: var(--t-note-ink) !important;
}

html body .schol-box h3 {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

html body .schol-amt .alabel {
  font-size: var(--t-numlbl) !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  color: var(--t-note-ink) !important;
}


/* --- 17. 招生管道表 .adm-* ---------------------------------------------- */

html body .adm-thead > div {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}

html body .adm-num {
  font-size: 26px !important;
  font-weight: 900 !important;
}

html body .adm-pill {
  font-size: var(--t-numlbl) !important;
  font-weight: 700 !important;
}

html body .adm-stat-n {
  line-height: 1 !important;
}

/* 數字下的標籤：10.5px #8A8378 → --t-numlbl #4A4A4A */
html body .adm-stat-l {
  font-size: var(--t-numlbl) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  color: var(--t-note-ink) !important;
}


/* --- 18. 說明會條 .adm-session-* ---------------------------------------- */

html body .adm-session-eyebrow {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
}

/* 13px #8A8378 → --t-note #4A4A4A */
html body .adm-session-meta {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
  line-height: 1.6 !important;
}

html body .adm-seat,
html body .adm-seat--sm {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .1em !important;
}

html body .adm-seat-note {
  font-size: var(--t-note) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}


/* --- 19. 招生時程帶 #admissions-band ------------------------------------
   🔴 【不可刪】這一節是唯一讓這段字級正確的東西，不是暫時的止血層。

   原先的理解是錯的（2026-09-07 由 CoWork 查出）：
     這段 CSS 難道是 .gs 寫的，但它的 <style> 在 adm:band:start / end 標記
     【外面】。發布只替換標記之間的內容，碰不到 <style>。
     而寫出那段 style 的 招生區塊_骸架_() 只有 招生區塊_建立_() 會叫，
     那個函式開頭就是「已有這個區段 → 跳過」。

   → 線上那段 CSS 是六月建立區塊時寫進去的那一版，v4.5 到 v4.12 從來沒被
     更新過，以後也不會。【發布不會把 9.5px 寫回來】。
   → 所以這一節刪了，字就回到 9.5px。v4.12 的 .gs patch 只對【未來重建區塊】
     （刪掉區段再跑 招生區塊_建立_()）有意義，不是現在畫面的修正來源。       */

html body #admissions-band .ab-tag {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
}

html body #admissions-band .ab-lead {
  font-size: var(--t-body-x) !important;
  line-height: 1.75 !important;
}

/* 10.5px → --t-tag */
html body #admissions-band .ab-cycle,
html body #admissions-band .ab-side-h,
html body #admissions-band .ab-status-h {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  color: var(--t-note-ink) !important;
}

/* 月份字母 9.5px #A9A29A (2.6:1) → --t-numlbl #4A4A4A */
html body #admissions-band .ab-months span {
  font-size: var(--t-numlbl) !important;
  font-weight: 700 !important;
  color: var(--t-note-ink) !important;
}

/* 管道名 12px → 16px（中 17px）
   ⚠ 【不用 --t-cardtitle】這不是卡片標題，是 12 個月甘特圖的列標籤，
     被欄寬限住。原本的 17/19px 在 132px 欄裡會把〈Overseas Compatriots〉
     擠成兩行，標籤跟旁邊 26px 的條子看起來就脆開了。
     16px 配 160px 欄寬（下面一併改）大部分管道名可以一行排完。       */
html body #admissions-band .ab-rowname b {
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

html[lang^="zh"] body #admissions-band .ab-rowname b {
  font-size: 17px !important;
}

/* ── 版面三值：因為 .gs 的 <style> 永遠不會更新，這三個也得在這裡覆寫 ──
   管道名從 12px 变 16px，132px 欄寬不夠。欄寬拉到 160px，
   ⬛ 月份列的 padding-left 【必須跟欄寬一樣】，不然甘特條會對不齊月份。
   條子高 22 → 26px，因為標籤高了，22px 的條子會顯得浮在上面。        */

html body #admissions-band .ab-rowname {
  width: 160px !important;
  padding-right: .9rem !important;
  gap: 2px !important;
}

html body #admissions-band .ab-months {
  padding-left: 160px !important;
}

html body #admissions-band .ab-cells i {
  height: 26px !important;
}

/* 管道副標 9.5px #A9A29A → --t-note #4A4A4A，並取消全大寫 */
html body #admissions-band .ab-rowname span {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--t-note-ink) !important;
  line-height: 1.4 !important;
}

/* 窗寬較小時把欄寬收回來，不然甘特圖剩不到一半寬度。
   ⬛ 兩個值一定要一起改。 */
@media (max-width: 1024px) {
  html body #admissions-band .ab-rowname {
    width: 140px !important;
  }

  html body #admissions-band .ab-months {
    padding-left: 140px !important;
  }

  html body #admissions-band .ab-rowname b {
    font-size: 15px !important;
  }
}

html body #admissions-band .ab-list b,
html body #admissions-band .ab-open b {
  font-size: var(--t-cardtitle) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

html body #admissions-band .ab-list-m,
html body #admissions-band .ab-open-w,
html body #admissions-band .ab-status-d,
html body #admissions-band .ab-next-b,
html body #admissions-band .ab-poster-c {
  font-size: var(--t-sm-x) !important;
  line-height: 1.65 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

/* 12px / 13px #A9A29A → --t-note #4A4A4A */
html body #admissions-band .ab-list-s,
html body #admissions-band .ab-status-n {
  font-size: var(--t-note) !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  color: var(--t-note-ink) !important;
}

/* 10px / 10.5px #A9A29A → --t-tag #4A4A4A */
html body #admissions-band .ab-doc-k,
html body #admissions-band .ab-poster-d {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  color: var(--t-note-ink) !important;
}

html body #admissions-band .ab-doc-t {
  font-size: var(--t-cardtitle) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

html body #admissions-band .ab-cta,
html body #admissions-band .ab-doc-a,
html body #admissions-band .ab-side-link {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
}

html body #admissions-band .ab-next-r {
  font-size: var(--t-cardtitle) !important;
  font-weight: 800 !important;
}


/* --- 20. admissions 手機 ------------------------------------------------ */

@media (max-width: 640px) {
  html body .fee-cards-header,
  html body .adm-stat-l,
  html body .gov-schol-key,
  html body .adm-pill {
    font-size: 11.5px !important;
  }

  html body .fee-card-usd,
  html body .fee-card-note {
    font-size: 13.5px !important;
    white-space: normal !important;
  }

  html body .stat-label {
    font-size: var(--t-numlbl) !important;
  }

  html body #admissions-band .ab-months span {
    font-size: 11.5px !important;
  }
}


/* --- 21. 兩頁共用的其他小字 ---------------------------------------------- */

/* 區塊眉標 11.5px → --t-tag
   admissions 有一條帶 id 的 #tuition/.#admissions/#downloads .sec-tag，權重更高 */
html body .sec-tag,
html body #tuition .sec-tag,
html body #admissions .sec-tag,
html body #downloads .sec-tag,
html body #curriculum .sec-tag,
html body #faculty .sec-tag {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
}

/* #contact 的眉標與按鈕同樣是 id 權重 */
html body #contact > div > p:first-child,
html body #contact a[href="#admissions"] {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
}

/* FAQ 分組標題：寫死 13px 大寫 → --t-tag（不動 markup，用 style 屬性命中） */
html body h3[style*="font-size:13px"] {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .12em !important;
}

/* 按鈕類只往上 1px，避免撐破表格欄寬 */
html body .adm-apply,
html body #prep-program .forms-dl-btn {
  font-size: var(--t-tag-x) !important;
}

html body .ph-tag {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .12em !important;
}


/* ==========================================================================
   22. Apply 浮動條（右側窄軌 .gmba-rail / 底部 .gmba-bar）
   來源：layout.css 第 126–270 行　→　八頁共用
   --------------------------------------------------------------------------
   layout.css 裡有一行註解寫「10px 是這個寬度下還讀得了的下限」——
   那是被 56px 的軌寬逼出來的結論，不是字級判斷。
   所以這裡先把軌道放寬，再把字放大；不放寬就只能繼續用 10px。
     --rail-w    56px → 64px
     --rail-card 160px → 200px
   ========================================================================== */

:root {
  --rail-w: 64px;
  --rail-card: 200px;
}

/* 倒數天數格（軌道內，受寬度限制，所以只小幅放大） */
html body .gmba-rail__num {
  font-size: 22px !important;
}

/* 10px 大寫 → 11.5px。軌道放寬到 64px 才容得下 */
html body .gmba-rail__unit {
  font-size: 11.5px !important;
  letter-spacing: .04em !important;
}

html body .gmba-rail__count.is-word .gmba-rail__num {
  font-size: 17px !important;
}

/* 直排按鈕：文字是垂直排的，放大不影響軌寬 */
html body .gmba-rail__btn {
  font-size: 13px !important;
  letter-spacing: .12em !important;
}

/* 滑過展開的小卡 —— 這張卡不受 64px 限制，是放大空間最大的地方 */
html body .gmba-rail__kicker {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .12em !important;
}

html body .gmba-rail__route {
  font-size: var(--t-cardtitle) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

html body .gmba-rail__when {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: var(--t-note-ink) !important;
}

/* 底部固定條（手機 / <1024px） */
html body .gmba-bar__kicker {
  font-size: 12.5px !important;
  letter-spacing: .12em !important;
}

html body .gmba-bar__route {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--t-note-ink) !important;
}

html body .gmba-bar__btn {
  font-size: 13px !important;
  letter-spacing: .08em !important;
}

html body .gmba-bar__meta {
  padding: 11px 16px !important;
}


/* ==========================================================================
   23. CURRENT STUDENTS 專用 —— .od-* 系列（辦公時間與口試時程）
   ========================================================================== */

html body .od-toggle {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .1em !important;
}

/* 13.5px #8A8378 (3.6:1) → --t-note #4A4A4A */
html body .od-office {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: var(--t-note-ink) !important;
}

html body .od-phase-label {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
}

/* 11px #8A8378 → --t-numlbl #4A4A4A */
html body .od-when,
html body .od-card-k,
html body .od-body .od-dates-k {
  font-size: var(--t-numlbl) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  color: var(--t-note-ink) !important;
}

html body .od-btn,
html body .od-link {
  font-size: var(--t-tag-x) !important;
}

/* 深色帶上的說明，維持白字但放大 */
html body .od-band-d {
  font-size: var(--t-note) !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.92) !important;
}

/* 師資卡排名 12px → --t-numlbl */
html body .fv2-rank {
  font-size: var(--t-numlbl) !important;
  font-weight: 600 !important;
  color: var(--t-note-ink) !important;
}

/* 年報區塊那個寫死 10px 的眉標 */
/* 年報區塊那個寫死 10px 的眉標（那一段沒有 class，只能用 style 屬性命中） */
html body div[style*="font-size:10px"][style*="letter-spacing:.12em"] {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .12em !important;
  color: var(--t-note-ink) !important;
}


/* ==========================================================================
   24. FAQ 專用 —— .faq-* 系列
   ========================================================================== */

/* 11.5px #C94B0A → --t-tag */
html body .faq-cat-count {
  font-size: var(--t-tag-x) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}

/* 10.5px #8A8378 → --t-numlbl #4A4A4A */
html body .faq-stat-l {
  font-size: var(--t-numlbl) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  color: var(--t-note-ink) !important;
}

/* 分類頁籤 13.5px #8A8378 → --t-sm #4A4A4A（未選取態也要讀得到） */
html body .faq-tab {
  font-size: var(--t-sm-x) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: var(--t-note-ink) !important;
}

html body .faq-deep {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .12em !important;
}

/* 搜尋結果那一行寫死 13.5px（三頁的 JS 都會產生） */
html body #siteSearchResults div[style*="font-size:13.5px"],
html body [id*="Results"] div[style*="font-size:13.5px"] {
  font-size: var(--t-note) !important;
  line-height: 1.6 !important;
  color: var(--t-note-ink) !important;
}


/* ==========================================================================
   25. FAQ 手風琴（三頁共用 summary / .faq-a）
   ========================================================================== */

html body summary {
  font-size: var(--t-sm-x) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

@media (max-width: 640px) {
  html body .faq-cat-count,
  html body .faq-stat-l {
    font-size: 12px !important;
  }

  html body .faq-tab {
    font-size: 14.5px !important;
  }

  html body .gmba-bar__route {
    font-size: 14px !important;
  }
}


/* ==========================================================================
   26. INDEX（首頁）
   index.html / index-zh.html
   --------------------------------------------------------------------------
   首頁跟其他七頁不一樣的地方：主視覺是一張 600px 高的照片，
   而且 .hf-card（三個數字＋Apply 按鈕）是絕對定位、壓在照片下緣。
   放大字之前先算過幾何：

     #hero-final      = .hf-stage 600px ＋ padding-bottom 96px
     .hf-card         = position:absolute; bottom:0  →  貼在 #hero-final 底部
     卡片現在高約 115px  →  19px 壓在照片上、96px 落在白底

   所以卡片變高是「往上長進照片裡」，不是往下擠下一段。
   照片本來就是設計成被壓住的，所以不會被裁掉，也不用改 padding-bottom。
   手機版（.hf-card 變 position:static）是正常流，更不受影響。
   ⚠ 但這是有上限的：卡片如果長超過 ~160px，會壓到 h1 的位置。
     所以下面 .hf-card p 只放到 --t-note（14.5/16），沒有拉到內文的 16/18。
   ========================================================================== */

/* 主視覺眉標 11.5px → --t-tag。金色 #E8C55A 在暗色 scrim 上對比足夠，只改大小 */
html body #hero-final .hf-tag {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .16em !important;
}

html body #hero-final .hf-lead {
  font-size: 20px !important;
  line-height: 1.7 !important;
}

/* 數字下的說明 13.5px → --t-note。
   ⚠ 這是四欄並排的窄格，再大就會折行折成三行，所以停在 --t-note 不往上。 */
html body #hero-final .hf-card p {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

/* 截止日 12.5px #8A8378（3.6:1）→ --t-note #4A4A4A 600
   ⚠ 這一行是整張首頁「行動相關性最高」的字，原本卻是卡片裡最小最淡的一個。
     階層跟意圖是反的 —— 這是這一節最該修的一處，不只是可讀性問題。 */
html body #hero-final .hf-deadline {
  font-size: var(--t-note) !important;
  font-weight: 600 !important;
  color: var(--ink-3, #4A4A4A) !important;
}

html body #hero-final .hf-btn {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .1em !important;
}

/* 輪播主視覺：眉標 10px、白字 .6 alpha 疊在照片上 */
html body .hero-feature-tag {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
  color: rgba(255,255,255,.82) !important;
}

html body .hero-feature-desc {
  line-height: 1.75 !important;
}

/* 媒體報導 */
html body .press-scope .press-year {
  font-size: var(--t-note) !important;
  font-weight: 600 !important;
  color: var(--t-note-ink) !important;
}

html body .press-scope .press-also {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: var(--t-note-ink) !important;
}

/* 在台生活 .wt-scope */
html body .wt-scope .wt-note,
html body .wt-scope .wt-foot p {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  color: var(--t-note-ink) !important;
}

html body .wt-scope .wt-foot a {
  color: var(--t-note-ink) !important;
  text-decoration-color: #9C958B !important;
}

html body .wt-scope .wt-rail-lab {
  font-size: var(--t-numlbl) !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  color: var(--t-note-ink) !important;
}

/* 學生見證署名 13px #8A8378 → --t-note #4A4A4A */
html body .sv-scope .sv-by {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
}

/* 職涯方向 */
html body #career-directions .cd-sub {
  font-size: var(--t-numlbl) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  color: var(--t-note-ink) !important;
}

html body #career-directions .cd-foot p {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  color: var(--t-note-ink) !important;
}

/* 首頁 FAQ 區的最新消息 */
html body #faq .fn-news-list .nrow-d {
  font-size: var(--t-numlbl) !important;
  font-weight: 800 !important;
  color: var(--t-note-ink) !important;
  width: 96px !important;
}

html body #faq .news-source {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
}

/* 引言的出處署名（寫死在 blockquote 裡，用 cite 命中，不動 markup） */
html body blockquote cite {
  font-size: var(--t-numlbl) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: var(--t-note-ink) !important;
}

/* 生源地區卡：國名跟國旗並排，14px 偏小 */
html body #cp-regions .cp-hero-flags span {
  font-size: 15px !important;
}

html body #cp-regions .cp-hero-name {
  font-size: var(--t-cardtitle) !important;
}


/* --- 27. index 手機 ----------------------------------------------------- */
/* ⚠ 原本 .hero-lead 在手機被壓到 14px。
     首頁主視覺的副標是第一印象裡第二重要的一行字，14px 太小。 */

@media (max-width: 768px) {
  html body .hero-lead {
    font-size: 16px !important;
    line-height: 1.75 !important;
    max-width: 92% !important;
  }

  html body #hero-final .hf-lead {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }

  html body #hero-final .hf-card p {
    font-size: var(--t-note) !important;
    max-width: 18em !important;
  }

  html body .hero-tag {
    font-size: 12px !important;
  }

  html body #cp-regions .cp-hero-flags span {
    font-size: 14px !important;
  }

  html body #faq .fn-news-list .nrow-d {
    width: 84px !important;
  }
}


/* ==========================================================================
   28. 表單頁 —— contact.html / save-my-seat.html
   兩頁的 .form-* / .gf-* / .field-* / .radio-option-* / .step-* 樣式完全一樣
   （只有行號不同），所以同一組規則兩頁通用。
   --------------------------------------------------------------------------
   ⚠ 這兩頁沒有定義 --t-* token，全靠上面的 -x 別名 fallback（英 16 / 中 18）。
   ========================================================================== */

/* ── 最重要的一條：輸入框 ──────────────────────────────────────────────
   原本 15px。iOS Safari 只要 input 小於 16px，**點進去就會自動放大整頁**，
   使用者填到一半畫面亂跳。這不只是可讀性，是填表填不下去的問題。
   --t-sm-x 在英文是 16px、中文 18px，剛好在門檻上或以上。               */
html body .gf-text,
html body .gf-select,
html body .gf-textarea {
  font-size: var(--t-sm-x) !important;
  line-height: 1.5 !important;
  padding: .7rem .75rem !important;
}

/* 題目標籤：11.5px 全大寫 + .1em 字距 → 15px 一般大小寫。
   全大寫是「標籤」的語彙，但這幾行其實是**在問問題**（你的姓名？你從哪裡申請？），
   問句用大寫標籤的語氣讀起來像欄位名，而且大寫沒有字母高低差、最難掃讀。
   改成一般大小寫之後：
     字重 800 → 700（一般大小寫不需要那麼粗就有份量）
     顏色 #4A4A4A → --ink（問句是主要內容，不是註解）
     字距 .1em → normal（一般大小寫加字距只會鬆散） */
html body .gf-q-title,
html body .q-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.55 !important;
  color: var(--ink, #0D0D0D) !important;
}

html[lang^="zh"] body .gf-q-title,
html[lang^="zh"] body .q-title {
  font-size: 16px !important;
}

/* 標籤裡的中文那一行 11.5px → --t-note。中文在 11.5px 幾乎讀不到筆畫 */
html body .q-title span {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  color: var(--t-note-ink) !important;
}

/* 補充說明 11.5px → --t-note */
html body .gf-q-hint,
html body .q-hint,
html body .checkbox-hint {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: var(--t-note-ink) !important;
}

/* 錯誤訊息 12.5px → --t-note。讀不到錯誤訊息就送不出表單 */
html body .field-error {
  font-size: var(--t-note) !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

/* 選項文字 12.5px → --t-sm。這是使用者真正要讀來作答的內容，不是註解 */
html body .radio-option-text {
  font-size: var(--t-sm-x) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

html body .radio-option-sub {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: var(--t-note-ink) !important;
}

/* 圓鈕 15px → 18px。連帶讓 .radio-option 那一列高過 44px 的觸控下限 */
html body .radio-option input[type="radio"],
html body .radio-option input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px !important;
}

html body .radio-option {
  grid-template-columns: 20px 1fr !important;
  padding: .8rem .9rem !important;
}

/* 步驟指示 */
html body .step-label {
  font-size: var(--t-numlbl) !important;
  letter-spacing: .1em !important;
  color: var(--t-note-ink) !important;
}

html body .step-num {
  width: 28px !important;
  height: 28px !important;
  font-size: 13px !important;
}

/* 表單卡標頭 */
html body .form-card-header > *:first-child {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .14em !important;
}

html body .form-card-header p {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: var(--t-note-ink) !important;
}

html body .form-note {
  font-size: var(--t-note) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: var(--t-note-ink) !important;
}

/* 不符資格說明 13.5px → --t-sm */
html body .inelig-criteria p {
  font-size: var(--t-sm-x) !important;
  line-height: 1.75 !important;
}

/* 送出按鈕 12px → --t-tag */
html body .btn-primary,
html body .btn-next,
html body .btn-retry {
  font-size: var(--t-tag-x) !important;
  letter-spacing: .1em !important;
  padding: .9rem 1.8rem !important;
}


/* ==========================================================================
   29. 404.html —— 不掛這支檔
   --------------------------------------------------------------------------
   404.html 是一個 52 行、完全自帶樣式的獨立頁：沒有 layout.css、沒有 --t-* token，
   而且它的 .btn-primary 是 14px 的連結按鈕 —— 掛上這支檔反而會被第 28 節
   壓成 13px，變小。所以 404 改用直接改三行的方式處理，patch 另附。
   ========================================================================== */


/* ==========================================================================
   gmba-type.css  第 30 節  —  Notify Me 候補表單與說明會報名表單
   建立 2026-09-07
   --------------------------------------------------------------------------
   掛法：整段貼到 gmba-type.css 檔尾（第 29 節後面），不需要動任何 HTML。
         layout.css 的 .gmba-notify* 是全站共用（首頁 inline + 各頁 overlay），
         所以這一節一改，Notify Me 在哪裡出現都跟著改。

   涵蓋兩處：
     A. Notify Me 候補名單  layout.css 652–832（JS 產生的 DOM，layout.js 606–790）
     B. 說明會報名表單      save-my-seat.html 內嵌 <style> 430–580
        （contact.html 共用同一批 class，一起吃到）

   ⚠ save-my-seat.html 的內嵌 <style> 排在 <link gmba-type.css> 後面，
     所以每條都要 html body 前綴 + !important 才蓋得過。跟前 29 節同一套。

   本節沿用第 1 節的 token：--t-note / --t-numlbl / --t-note-ink / --t-sm-x。
   ========================================================================== */

/* --- 30.1 表單標籤：拿掉全大寫 ------------------------------------------
   原本是 10–11.5px + 全大寫 + .12em 字距。三個條件疊起來，
   標籤比它要說明的輸入框還難讀 —— 而且中文根本沒有大寫，
   .q-title span 那一行中文吃到 letter-spacing 只會散開。
   改成一般大小寫 15px 粗體，字距歸零。                                 */
html body .gmba-notify__label,
html body .gf-q-title,
html body .q-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ink, #0D0D0D) !important;
  line-height: 1.55 !important;
}

/* 標籤裡的中文說明行（save-my-seat 是內嵌樣式寫死的） */
html body .q-title span,
html body .gf-q-title span {
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--t-note-ink, #4A4A4A) !important;
}

html body .gmba-notify__req,
html body .req {
  color: var(--maroon, #9B1A2C) !important;
  font-size: 15px !important;
}


/* --- 30.2 說明文字 ------------------------------------------------------ */
html body .gmba-notify__routes-hint,
html body .gmba-notify__guide-text,
html body .gmba-notify__note,
html body .gmba-notify__fine,
html body .gf-q-hint,
html body .q-hint,
html body .checkbox-hint,
html body .form-note,
html body .radio-option-sub,
html body .form-card-header p,
html body .success-ref {
  font-size: var(--t-note, 14.5px) !important;
  line-height: 1.65 !important;
  color: var(--t-note-ink, #4A4A4A) !important;
}


/* --- 30.3 可點的選項列 --------------------------------------------------
   管道名稱與選項標題是「要用來做決定」的字，不能比說明文字小。      */
html body .gmba-notify__guide-name,
html body .radio-option-text {
  font-size: var(--t-sm-x, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/* 季節標籤：10px 太小，而且它是唯一區分春秋招的文字線索 */
html body .gmba-notify__season {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  padding: 2px 8px !important;
}


/* --- 30.4 輸入框 --------------------------------------------------------
   16px 是底線 —— iOS Safari 對 <16px 的輸入框會自動放大整頁，
   使用者一點欄位版面就跳掉。                                          */
html body .gmba-notify__field input,
html body .gmba-notify__field select,
html body .gf-text,
html body .gf-select,
html body .gf-textarea {
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: var(--ink, #0D0D0D) !important;
}


/* --- 30.5 錯誤訊息 ------------------------------------------------------
   錯誤是要人立刻讀到的，比說明文字再大一級。                          */
html body .gmba-notify__err,
html body .field-error {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}


/* --- 30.6 按鈕 ---------------------------------------------------------- */
html body .gmba-notify__submit,
html body .btn-primary,
html body .btn-next,
html body .btn-retry {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}


/* --- 30.7 面板頭與步驟列 ------------------------------------------------ */
html body .gmba-notify__kicker,
html body .form-card-header h2 {
  font-size: var(--t-tag-x, 13px) !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  color: var(--t-note-ink, #4A4A4A) !important;
}

html body .gmba-notify__close {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  color: var(--t-note-ink, #4A4A4A) !important;
}

html body .step-num {
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body .step-label {
  font-size: var(--t-tag-x, 13px) !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  color: var(--t-note-ink, #4A4A4A) !important;
}


/* --- 30.8 完成畫面與不符資格卡 ------------------------------------------ */
html body .gmba-notify__donetext h4,
html body .success-section h2,
html body .inelig-card h3 {
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

html body .gmba-notify__doneline,
html body .success-section p,
html body .inelig-card p {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

html body .inelig-criteria p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* 資格條件卡裡那三行 0.81rem（≈13px）的中英說明是內嵌樣式 */
html body .inelig-criteria p span,
html body .inelig-criteria p[style*="0.81rem"] {
  font-size: 15px !important;
  color: var(--t-note-ink, #4A4A4A) !important;
}


/* --- 30.9 頁尾細字（save-my-seat / contact 兩頁的 12px 一排）---------- */
html body .footer-bottom-logo-text,
html body .footer-bottom-copy,
html body .footer-bottom-links a,
html body .page-footer {
  font-size: 13px !important;
}


/* --- 30.10 中文分支 -----------------------------------------------------
   沿用全站「中文比英文大 2px」的設計，不打平。                        */
html[lang^="zh"] body .gmba-notify__label,
html[lang^="zh"] body .gf-q-title,
html[lang^="zh"] body .q-title,
html[lang^="zh"] body .q-title span,
html[lang^="zh"] body .gf-q-title span {
  font-size: 17px !important;
}

html[lang^="zh"] body .gmba-notify__guide-name,
html[lang^="zh"] body .radio-option-text {
  font-size: var(--t-sm-x, 18px) !important;
}

html[lang^="zh"] body .gmba-notify__field input,
html[lang^="zh"] body .gmba-notify__field select,
html[lang^="zh"] body .gf-text,
html[lang^="zh"] body .gf-select,
html[lang^="zh"] body .gf-textarea {
  font-size: 17px !important;
}

html[lang^="zh"] body .gmba-notify__err,
html[lang^="zh"] body .field-error {
  font-size: 16px !important;
}


/* --- 30.11 手機 --------------------------------------------------------
   Notify Me 的浮層在手機上是滿版，字級不必縮 ——
   要縮的是內距，那個在 layout.css 826–831 已經處理過，這裡不重複。
   唯一要補的是選項列：字變大後兩行會擠到圓點。                        */
@media (max-width: 760px) {
  html body .gmba-notify__guide-row.is-radio,
  html body .radio-option {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
  }
}


/* ==========================================================================
   gmba-type.css  第 31 節  —  導覽列兩層字級修正（方案 2b：兩層分工）
   建立 2026-09-07｜依交件單 nav2bspec.md v2
   --------------------------------------------------------------------------
   問題不在字太小，在兩層長得一樣：都是「小字＋全大寫＋粗字重」，
   讀者只能逐字母掃，無法用整字外形辨認。
   2b 讓兩層講不同的字體語言：
     第一層＝定位標籤　小字、寬字距、保留全大寫（機構感留在這一層）
     第二層＝主導覽　　放大、脫離全大寫、零字距（使用者真正在掃的一層）

   選擇器一律用 #navItems，不綁 aria-label，中英兩版一次到位
   （中文版 <nav> 的 aria-label 是「主選單」，跟英文版不同，
     但 #navItems 這個 id 兩版都有——見 E-2 的既有問題，不在本節範圍）。

   只改 font-size / font-weight / letter-spacing / color / text-transform /
   min-width，不碰 data-k、四組區塊標記、JSON-LD、__SEARCH_INDEX__。
   ========================================================================== */

/* --- 31.1 token -----------------------------------------------------------
   只有兩個值中英不同（字體本身造成，不是設計差異），寫成 token 方便微調：
     --t-nav1     第一層字級：中文筆畫密度高，補 0.5px 打平視覺大小
     --t-nav1-ls  第一層字距：中文沒有詞距，.13em 會把中文字拆散，改 .05em
   --t-nav2 中英相同（16.5px），寫成 token 是為了 31.6 若要降字級只改一處。 */
:root {
  --t-nav1: 12.5px;
  --t-nav1-ls: .13em;
  --t-nav2: 16.5px;
}
html[lang^="zh"] {
  --t-nav1: 13px;
  --t-nav1-ls: .05em;
}

/* --- 31.2 第一層：定位標籤（.nav-item > a、搜尋鈕、語言鈕同步跟上）------
   四項要一起改才成立，缺一項都不算。
   搜尋鈕（inline style，無 !important）、語言鈕（本身已是 !important）
   最容易漏，因為樣式來源跟四個項目不同，但視覺上要同一級。               */
html body #navItems .nav-item > a,
html body #siteSearchBtn,
html body #navItems .lang-btn {
  font-size: var(--t-nav1) !important;
  font-weight: 600 !important;
  letter-spacing: var(--t-nav1-ls) !important;
  color: #fff !important;
}

/* --- 31.3 第二層：主導覽（.gmba-index a）---------------------------------
   text-transform:none 不需要改任何一個字，markup 本來就是 Title Case
  （Why Taiwan、Life in Taichung、Key Dates……），取消全大寫後升部降部
   直接回來。FAQ 是縮寫，本來就大寫，不受影響。
   顏色沿用第 1 節的 --t-note-ink（8.9:1），跟 #8A8378 是同一個已處理過的問題。*/
html body .gmba-index a,
html body .acad-index a,
html body .adm-index a {
  font-size: var(--t-nav2) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--t-note-ink) !important;
}
/* 顏色本來就是 !important，會被上面那條蓋掉，這裡補回來——
   顏色不該是唯一訊號，所以加 600 字重當第三個信號，跟底線、maroon 並存。 */
html body .gmba-index a.is-active,
html body .acad-index a.is-active,
html body .adm-index a.is-active {
  color: var(--maroon) !important;
  border-bottom-color: var(--maroon) !important;
  font-weight: 600 !important;
}
/* academics.html 的「Current Students →」退出連結（.ai-out）本來就該維持
   maroon，不受上面灰色覆寫影響——補 !important 固定住，避免被灰色蓋掉。 */
html body .acad-index a.ai-out {
  color: var(--maroon) !important;
}
html body .acad-index a.ai-out:hover {
  color: var(--maroon-hover) !important;
}

/* --- 31.4 下拉選單 ---------------------------------------------------------
   下拉是「已經點開、正在讀」的狀態，不是掃視狀態，不套標籤處理，
   照第二層的字級走。min-width 加大是因為 Exchange & Study Abroad 頂邊界。
   .nav-dd-label 顏色 var(--ink-3) 已達標，不動。                          */
html body #navItems .nav-dropdown a {
  font-size: 15.5px !important;
  font-weight: 500 !important;
}
html body #navItems .nav-dropdown {
  min-width: 205px !important;
}
html body #navItems .nav-dd-label {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
}

/* --- 31.5 手機 --------------------------------------------------------- */
@media (max-width: 1120px) {
  html body #navItems .nav-item > a { font-size: 12px !important; }
}
@media (max-width: 960px) {
  /* 漢堡展開後是縱向清單，不是橫向標籤列，形態變了角色就變，
     這裡改用主導覽的字級，不沿用第一層的標籤處理。 */
  html body #navItems .nav-item > a {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}
@media (max-width: 640px) {
  html body .gmba-index a,
  html body .acad-index a,
  html body .adm-index a { font-size: 15px !important; }
}

/* --- 31.6 備用區（預設關閉）------------------------------------------------
   取消全大寫之後字會變長，1120–1200px 之間可能提早換行（.gmba-index 是
   flex-wrap:wrap，換行不會破版）。先上線看實機，不好看再從下面三塊挑，
   不必全開。改完把用不到的那幾塊刪掉，不要留著註解堆在檔裡。
   建議順序：先只開 ①，通常就夠；還是不行再考慮把 --t-nav2 降到 16px
  （這是最後手段，字級是 2b 的核心，間距是可以讓的）。                    */

/* ① 水平間距 1.9rem → 1.5rem —— 多爭 2.8rem 橫向空間，最有效的一招
html body .gmba-index-row { gap: 1.5rem !important; }
*/

/* ② 兩層之間的空氣 .85rem → .95rem —— 縱向，不影響換行
html body .gmba-index-row { padding: .95rem 0 !important; }
*/

/* ③ 900px 以下橫向捲動的間距 1.2rem → 1.4rem —— 這塊是放鬆不是收緊，
      字大了 1.2rem 會顯得擠，但放鬆會要捲更久，看實機決定
@media (max-width: 900px) {
  html body .gmba-index-row { gap: 1.4rem !important; }
}
*/


/* ==========================================================================
   gmba-type.css  第 32 節  —  下拉選單分組小標「在校生專區」貼齊左邊界
   建立 2026-09-07｜改寫 2026-09-07（原本這一節是「下拉選單置中」，
   那是誤判，已整段換掉 —— 見下方說明）
   --------------------------------------------------------------------------
   Amy 回報：學生見證頁的下拉選單裡，「在校生專區 / Current Students」
   這一行貼著白框左邊界，比它下面的三個項目還要靠左，中英文版都一樣。

   真正的原因（實機量過）：
     `.nav-dd-label` 的樣式是寫在「各頁自己的 <style>」裡的，
     而 student-voices.html 與 student-voices-zh.html 這兩頁
     **只有 markup、沒有那段 CSS**（其他 12 頁都有）。
     所以那兩頁的小標 padding 是 0 —— 直接貼齊白框左邊界，
     底色、字距、顏色也全部沒有。

   之前那一版把整個下拉選單改成「置中在觸發連結下方」，那是誤判：
   量過之後，置中反而把箱子往左推了 49–67px，等於把問題弄得更明顯。
   已經整段拿掉，回到原本的 `left: 0`（對齊觸發連結左邊界往右展開）。

   改法：把 `.nav-dd-label` 的結構樣式補進這個共用檔，14 頁一次到位，
   不需要去各頁補 CSS。字級／字重／字距已經由 31.4 處理，這裡只補
   padding、底色、大小寫、顏色這些「那兩頁完全沒有」的部分。
   ========================================================================== */

html body #navItems .nav-dd-label {
  padding: .75rem 1.1rem .3rem !important;
  background: var(--cream, #F8F6F2) !important;
  text-transform: uppercase !important;
  color: var(--ink-3, #5A4E46) !important;
  white-space: nowrap !important;
  cursor: default !important;
  user-select: none !important;
}

/* 手機：漢堡展開後下拉是深底，小標要跟著換成淺字（其他 12 頁的頁內 CSS
   本來就有這一條，這裡補的是 student-voices 兩頁缺的那一份）。 */
@media (max-width: 960px) {
  html body #navItems .nav-dd-label {
    background: rgba(255,255,255,.07) !important;
    color: rgba(255,255,255,.5) !important;
    padding: .7rem 1.4rem .3rem 2rem !important;
  }
}


/* ==========================================================================
   gmba-type.css  第 33 節　導覽列標誌組合（方案 1b「共構雙標」）
   建立 2026-09-07｜依交件單「導覽列標誌組合改版」（原文件內部標號為 32，
   因為本檔第 32 節已被下拉選單分組小標的修正占用，這裡改編為第 33 節，
   內容與交件單所附 gmba-type-32-logo.css 相同，只改了標號並補上 33.6）
   --------------------------------------------------------------------------
   要解決的問題：GMBA 太淡。但原因不是字級 ——
     1. 主從量體差太多　東海字標 4 漢字 ＋ 1 行拉丁，GMBA 只有 4 個小字母
     2. 細白豎線把 GMBA 推到「附註」的位置
     3. 字標兩行、GMBA 一行，垂直置中後兩邊沒有任何共用的線

   三個動作：
     細白豎線 →  2px 金色實線（把兩塊綁成一個標誌，不是兩個 logo）
     GMBA     →  22px 襯線，補回視覺量體
     上方加一行 GLOBAL MBA　（用 ::before 產生，不需要改 markup）

   ⚠ 完全不動 HTML。14 頁的 markup 都是同一行：
       <img …><span class="nav-logo-gmba">GMBA</span>
     所以這一節只靠 CSS 就能中英文一次到位。

   ⚠ 中文 6 頁另外做了一件事：head 的 Google Fonts <link> 補上 Newsreader
     （見交件單 C 節），否則中文版的 GMBA 會掉到 Georgia，兩個語言版本
     長得不一樣。已在本次一併處理，不需要另外排。

   要退版：把第 33 節整段刪掉，畫面回到修改前。字族 <link> 可以留著，
   多載一個 latin 子集，沒有副作用。
   ========================================================================== */

/* --- 33.1　token ------------------------------------------------------- */
:root {
  --t-logo-gmba:        22px;    /* 主字 */
  --t-logo-gmba-ls:     .07em;
  --t-logo-kicker:      9px;     /* 上方小字 */
  --t-logo-kicker-ls:   .2em;
  --c-logo-rule:        #E8C55A; /* 全站既有的金，不另開新色 */
  --c-logo-kicker-ink:  #F0D68C; /* 金再亮一階，9px 才夠對比（酒紅底 ≈ 6.3:1） */
}

/* --- 33.2　整組 --------------------------------------------------------
   .nav-logo 的樣式寫在各頁 <style> 裡（專一性 0,1,0），
   這裡用 html body + !important 蓋過，不需要改頁面。               */
html body .nav-logo {
  align-items: center !important;
  gap: .95rem !important;                    /* 原本 2px：字標與 GMBA 幾乎貼在一起 */
}

/* 字標從 36px 收到 32px。不是縮小東海 ——
   是因為 GMBA 那一側現在也有兩行，兩邊量體才會平。 */
html body .nav-logo > a > img {
  height: 32px !important;
}

/* --- 33.3　GMBA 這一側 -------------------------------------------------
   span 變成縱向 flex：::before 是第一個 flex item（GLOBAL MBA），
   原本的文字節點 GMBA 成為匿名 flex item 排在下面。            */
html body .nav-logo .nav-logo-gmba {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  align-self: center !important;

  margin-left: 0 !important;                 /* 原本 10px，改由 padding 控制 */
  padding: 4px 0 4px .95rem !important;
  border-left: 2px solid var(--c-logo-rule) !important;   /* ← 本節核心 */

  font-family: 'Newsreader', 'Noto Serif TC', Georgia, 'Times New Roman', serif !important;
  font-size: var(--t-logo-gmba) !important;
  font-weight: 500 !important;
  letter-spacing: var(--t-logo-gmba-ls) !important;
  line-height: 1 !important;
  text-transform: none !important;
  color: #fff !important;                    /* 原本 rgba(...,.6) —— 那個 .6 就是「淡」的來源 */
}

html body .nav-logo .nav-logo-gmba::before {
  content: "Global MBA";
  font-family: 'IBM Plex Sans', 'Noto Sans TC', sans-serif;
  font-size: var(--t-logo-kicker);
  font-weight: 600;
  letter-spacing: var(--t-logo-kicker-ls);
  text-transform: uppercase;
  line-height: 1;
  color: var(--c-logo-kicker-ink);
  margin-bottom: 5px;
  white-space: nowrap;
}

/* --- 33.4　斷點 --------------------------------------------------------
   ⚠ 33.2 的 img 規則會蓋掉各頁 960px 的 `nav .nav-logo img{height:30px}`，
     所以每一級都要自己重寫一次高度，不能只寫 GMBA 那一側。       */
@media (max-width: 1120px) {
  html body .nav-logo { padding: 0 1.1rem !important; gap: .8rem !important; }
  html body .nav-logo > a > img { height: 30px !important; }
  html body .nav-logo .nav-logo-gmba {
    font-size: 20px !important;
    padding-left: .8rem !important;
  }
}

@media (max-width: 960px) {
  html body .nav-logo > a > img { height: 28px !important; }
  html body .nav-logo .nav-logo-gmba {
    font-size: 19px !important;
    padding: 3px 0 3px .75rem !important;
  }
  html body .nav-logo .nav-logo-gmba::before {
    font-size: 8.5px;
    letter-spacing: .16em;
    margin-bottom: 4px;
  }
}

/* 400px 以下：GLOBAL MBA 那行收掉。
   小螢幕上它只剩下佔位的作用，讀不到 —— 金線與 GMBA 留著就夠。 */
@media (max-width: 400px) {
  html body .nav-logo { gap: .65rem !important; padding: 0 .85rem !important; }
  html body .nav-logo > a > img { height: 26px !important; }
  html body .nav-logo .nav-logo-gmba {
    font-size: 18px !important;
    padding: 0 0 0 .65rem !important;
  }
  html body .nav-logo .nav-logo-gmba::before { display: none; }
}

/* --- 33.6　拿掉標誌右側那條白色細線 ------------------------------------
   Amy 2026-09-07：「GMBA logo 與 Why 中間也有一條線清掉」。
   來源是各頁 <style> 的 `.nav-logo { border-right: 1px solid rgba(255,255,255,.18) }`，
   14 頁都有。它原本是用來把標誌區跟主選單分開的，但 33.3 已經有一條金線
   在標誌內部當分隔，右邊再來一條白線就變成「兩條分隔線並排」，
   而且那條白線比金線更靠近主選單，讀起來像是 GMBA 被關在一個框裡。      */
html body .nav-logo {
  border-right: 0 !important;
}


/* --- 33.7　兩塊標誌各自連到各自的首頁 ----------------------------------
   Amy 2026-09-07：「標誌現在拆成明顯的兩個，東海的點擊應連到東海首頁，
   點擊 GMBA 才回到 GMBA 首頁。」

   markup 從一個 <a class="nav-logo"> 改成
     <div class="nav-logo">
       <a class="nav-logo-thu">  …東海字標圖…
       <a class="nav-logo-home"> …<span class="nav-logo-gmba">GMBA</span>
   （<a> 不能巢狀，所以一定要拆；14 頁都改了。）

   東海那一側的網址沿用站內既有慣例，不是新開的：頁尾 .footer-official-logo
   本來就是英文頁連 eng.thu.edu.tw、中文頁連 www.thu.edu.tw，
   而且用的是同一張 thu-wordmark-w.png，連 target/rel 都一樣。

   本節其他規則的 a.nav-logo 一律改成 .nav-logo —— 各頁自己的 CSS 本來就寫
   .nav-logo（class 選擇器），元素換成 <div> 完全不受影響。

   兩條連結撐滿導覽列高度，點擊區才不會只有字那麼大。                    */
html body .nav-logo > a {
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: opacity .18s ease !important;
}

/* 滑過去要看得出「這是兩個可以分別點的東西」，不然使用者不會發現。
   沿用頁尾官方標誌的作法（那邊是 .92 → 1），這裡預設是全不透明，
   所以改成往下淡一階。 */
html body .nav-logo > a:hover { opacity: .8 !important; }


/* --- 33.5　備用：如果 1120px 附近主選單被擠到換行 ----------------------
   預設註解掉。實機看過再決定要不要開，開的時候把整塊搬出註解。

html body .nav-logo { padding: 0 1rem !important; gap: .8rem !important; }
html body .nav-logo .nav-logo-gmba { font-size: 20px !important; }

   ------------------------------------------------------------------- */