/* ============================================================
   TWCN 文字系統 Typography System
   ------------------------------------------------------------
   1. 全站主字型 = Noto Sans TC，由 body 繼承；元件不要再重複宣告 font-family。
   2. Noto Serif TC 只用於「品牌／專題性」文字：品牌標語、專題報導與編輯精選標題、
      大型裝飾字。使用方式：class="u-serif" 或 font-family:var(--font-serif)。
   3. 元件請引用語意 token（--fs-card、--line-title…），不要再寫死 px，
      手機／平板字級由本檔案的 media query 統一調整，元件端不需重寫。
   ============================================================ */
:root{
  /* ── 字族 ───────────────────────────────────────────── */
  --font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  --font-serif:"Noto Serif TC","Songti TC",serif;
  /* 舊變數保留為別名，避免任何遺漏處失效（新程式碼請用 --font-*） */
  --sans:var(--font-sans);
  --serif:var(--font-serif);

  /* ── 字重 ───────────────────────────────────────────── */
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-extrabold:800;

  /* ── 基準字級刻度 ───────────────────────────────────── */
  --text-xs:12px;
  --text-sm:14px;
  --text-base:16px;
  --text-lg:18px;
  --text-xl:22px;
  --text-2xl:28px;
  --text-3xl:36px;
  --text-4xl:44px;

  /* ── 語意字級 ─────────────────────────────────────────
     全部維持改版前的尺寸，字級一律不放大；只在手機做「縮小」。 */
  --fs-hero:clamp(22px,2.5vw,34px);        /* Hero 主新聞標題（手機 22 / 桌機 32-34）*/
  --fs-page-title:30px;                    /* 文章頁大標題 */
  --fs-section:22px;                       /* 區塊標題、頁面 H1 */
  --fs-lead:22px;                          /* 區塊主打大圖標題 */
  --fs-card:18px;                          /* 一般新聞卡片標題 */
  --fs-sub:16px;                           /* 次級清單標題（橫排卡、活動卡）*/
  --fs-mini:13.5px;                        /* 側欄／小縮圖清單標題 */
  --fs-excerpt:13.5px;                     /* 新聞摘要 */
  --fs-meta:12px;                          /* 時間、作者、來源 */
  --fs-badge:12px;                         /* 分類標籤 */
  --fs-body:18px;                          /* 文章正文 */

  /* ── 行高 ───────────────────────────────────────────── */
  --line-tight:1.35;      /* 大標題 */
  --line-heading:1.4;     /* 區塊標題 */
  --line-title:1.55;      /* 新聞標題（多行仍好讀）*/
  --line-normal:1.6;      /* 一般 UI */
  --line-relaxed:1.75;    /* 摘要 */
  --line-body:1.95;       /* 文章正文 */

  /* ── 字距：中文標題微負收緊、標籤與英數微正 ─────────── */
  --tracking-tight:-.015em;
  --tracking-heading:-.01em;
  --tracking-normal:0;
  --tracking-wide:.02em;

  /* ── 內文可讀寬度（中文約 42 字／行）───────────────── */
  --measure:42em;
}

/* ── 元素預設 ─────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{
  line-height:var(--line-heading);
  color:var(--text);
  font-family:var(--font-sans);
  font-weight:var(--fw-extrabold);
  letter-spacing:var(--tracking-heading);
}
/* 表單控制項一律跟隨全站字型，避免瀏覽器預設字體混入 */
input,select,textarea,button{font-family:inherit;letter-spacing:inherit}
strong,b{font-weight:var(--fw-bold)}
small{font-size:var(--text-xs)}

/* ── 工具類 ───────────────────────────────────────────── */
/* 品牌／專題用襯線：品牌標語、專題報導、人物專訪、編輯精選、城市深度內容標題 */
.u-serif{font-family:var(--font-serif);letter-spacing:var(--tracking-normal)}
.u-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.u-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ── 手機：只縮小、不放大（桌機字級一律維持改版前尺寸）── */
@media(max-width:767px){
  :root{
    --fs-card:17px;
    --fs-sub:15.5px;
    --fs-body:17px;
    --line-body:1.9;
  }
}