/* =====================================================================
   台灣醫療科技展 2026 活動頁系列：共用版面與字級規範
   三個網站用同一套：醫藥韌性研討會、亞太醫療品質年會、國際商機交流會
   這份檔案在醫藥韌性論壇與亞太醫療品質年會兩站內容完全相同（兩站沿用同一套 v3 版型 class）；
   國際商機交流會版型不同，同一套數值寫在它自己的 page.css。改規範時三處一起改。

   字體          中文 Noto Sans TC｜英文、標籤、數字 Montserrat｜大數字 Archivo
                 英文版內文另用 Inter（只在 /en/ 載入）
   字重          內文 400｜副標、小數字 500｜標題、姓名、標籤、按鈕 700｜大數字 Archivo 900
   數字          大數字＝標題級（桌機 64、手機 32）用 Archivo 900；
                 其餘日期、時間、序號都是小數字，用 Montserrat Medium 500（醫藥韌性、亞太兩站沒有大數字）
   字級          桌機 96 / 64 / 48 / 32 / 20 / 16 / 13
                 手機 44 / 32 / 32 / 20 / 17 / 15 / 12
                 主標（hero）短標題用 96 / 44，長標題用 64 / 32
                 區塊標題（含引言標題）一律 48 / 32，比主標小一級（2026-11-12 使用者指示）
   版心          內容 1200 寬；桌機兩側至少 32、手機 16
   Hero          桌機高度 560，內容垂直置中；手機依內容高度
   區塊間距      桌機 120｜手機 60
   區塊標題      標籤 → 16 → 標題 → 56（手機 24）→ 內容
   ===================================================================== */

.series {
  --mont: Montserrat, 'Noto Sans TC', sans-serif;
  --num: Montserrat, 'Noto Sans TC', sans-serif;  /* 小數字：Montserrat Medium */
}
/* 中文版不用 Inter：原本指定 Inter 的地方一律改成 Montserrat ＋ Noto Sans TC */
.series:not(.lang-en) { --inter: Montserrat, 'Noto Sans TC', sans-serif; }
/* 英文版：內文 Inter，標題、標籤、按鈕維持 Montserrat */
.series.lang-en { --mont: Inter, 'Noto Sans TC', sans-serif; }
.series :is(h1, h2, h3, .h2, .label, .d-cta, .m-btn, .ag-tag) { font-family: Montserrat, 'Noto Sans TC', sans-serif; }

/* ---------- 版心 ---------- */
.series .wrap { width: min(1200px, 100% - 64px); }

/* ---------- 共用元件 ---------- */
.series .label { font-size: 13px; font-weight: 700; }
.series .h2 { font-size: 48px; line-height: 1.2; font-weight: 700; }
.series .d-cta { font-size: 20px; font-weight: 700; }
.series .m-btn { font-size: 17px; font-weight: 700; letter-spacing: .04em; }

/* ================= 桌機 ================= */

/* Hero：高度 560、內容垂直置中 */
.series .d-hero .wrap { min-height: 560px; display: flex; flex-direction: column; justify-content: center; padding-block: 40px; }
.series .d-hero .event .t { font-size: 32px; font-weight: 700; }
.series .d-hero h1 .l1 { font-size: 96px; line-height: 1.08; font-weight: 700; }
.series .d-hero h1 .l2 { font-size: 64px; line-height: 1.15; font-weight: 700; }
.series .d-hero .en { font-size: 20px; line-height: 1.6; font-weight: 500; }
.series .d-hero .meta .date { font-family: var(--num); font-size: 32px; line-height: 1.2; font-weight: 500; letter-spacing: 0; }
.series .d-hero .meta .venue { font-size: 20px; font-weight: 500; }
.series .d-org dd { font-size: 16px; font-weight: 500; }

/* 區塊間距 120 */
.series .d-main { padding-top: 120px; }
.series .d-hl { padding-top: 120px; }
.series .d-speakers { padding-block: 120px 0; }
.series .d-agenda { padding-block: 120px; }
.series .d-register { margin-top: 0; padding-block: 120px; }

/* 區塊標題：標籤 16 標題 56 內容 */
.series .head .label + h2, .series .cols .label + h2 { margin-top: 16px; }
.series .d-intl, .series .hl-list, .series .ag-list { margin-top: 56px; }
.series .d-agenda h2 { font-size: 48px; line-height: 1.2; font-weight: 700; letter-spacing: -.24px; color: var(--ink); text-align: left; }
.series .d-agenda .note { margin-top: 16px; text-align: left; font-size: 16px; }

/* 引言、亮點、講者 */
.series .d-intro .body p { font-size: 20px; line-height: 1.7; }
.series .d-point h3 { font-size: 20px; line-height: 1.5; font-weight: 700; }
.series .d-point p, .series .d-point p.sm { font-size: 16px; }
.series .hl .num { font-family: var(--num); font-size: 32px; font-weight: 500; letter-spacing: 0; }
.series .hl h3 { font-size: 20px; font-weight: 700; }
.series .hl li { font-size: 16px; }
.series .d-intl .org { font-size: 13px; font-weight: 700; }
.series .d-intl h3 { font-size: 20px; font-weight: 700; }
.series .d-intl .role { font-size: 16px; }
.series .d-local h3 { font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: 0; color: var(--ink); }
.series .d-local .role { font-size: 16px; line-height: 1.5; color: var(--muted); }

/* 議程：時間「開始 / 短直線 / 結束」上下置中排列 */
.series .ag-time .range { display: grid; justify-items: center; row-gap: 6px; width: max-content; }
.series .ag-time .start,
.series .ag-time .end { display: block; margin: 0; color: var(--ink); font-family: var(--num); font-size: 20px; line-height: 24px; font-weight: 500; letter-spacing: 0; }
.series .ag-time .bar { width: 1.5px; height: 14px; background: #8A9696; }
.series .ag-time .loc { font-size: 13px; font-weight: 700; }
.series .ag-tag { font-size: 13px; font-weight: 700; }
.series .ag-title { font-size: 20px; font-weight: 700; }
.series .ag-people li { font-size: 16px; }
.series .ag-people em { font-size: 13px; font-weight: 700; }
.series .ag-day-h { font-size: 20px; font-weight: 700; }
.series .ag-day-h .num { font-family: var(--num); font-size: 32px; font-weight: 500; letter-spacing: 0; }
.series .ag-day:first-of-type .ag-day-h { margin-top: 56px; }
.series .ag-desc, .series .ag-topics { font-size: 16px; }

/* 報名 */
.series .d-register h2 { font-size: 48px; line-height: 1.2; }
.series .d-register .meta .num { font-family: var(--num); font-size: 32px; font-weight: 500; letter-spacing: 0; }
.series .d-register .meta .venue, .series .d-register .reg-meta { font-size: 20px; font-weight: 500; }

/* ================= 手機 ================= */

/* 區塊間距 60，左右 16 */
.series .m-intro, .series .m-hl, .series .m-speakers { padding: 60px 16px 0; }
.series .m-agenda { padding: 60px 16px; }
.series .m-register { padding: 60px 16px; }

/* Hero */
.series .m-hero .sub { font-size: 20px; line-height: 1.4; font-weight: 500; }
.series .m-hero h1 { font-size: 44px; line-height: 1.25; font-weight: 700; }
.series .m-hero .en { font-size: 17px; line-height: 1.5; font-weight: 500; }
.series .m-info { font-family: var(--mont); font-size: 15px; line-height: 1.4; }
.series .m-org p { font-size: 15px; }

/* 區塊標題 32，標題到內容 24 */
.series :is(.m-intro, .m-hl, .m-speakers, .m-agenda, .m-register) h2 {
  font-size: 32px; line-height: 1.35; font-weight: 700; letter-spacing: -.01em; color: var(--ink);
}
.series .m-sp-grid, .series .m-ag-list, .series .m-hl .hl-list { margin-top: 24px; }
.series .m-intro .body { font-size: 17px; line-height: 1.8; }
.series .m-point h3 { font-size: 20px; line-height: 1.5; font-weight: 700; }
.series .m-point p, .series .m-point p.sm { font-size: 15px; }

/* 講者卡 */
.series .m-sp-grid h3,
.series .m-sp-grid.intl h3,
.series .m-sp-grid.local h3 { font-size: 17px; line-height: 1.3; font-weight: 700; letter-spacing: 0; color: var(--ink); }
.series .m-sp-grid .role,
.series .m-sp-grid.intl .role,
.series .m-sp-grid.local .role { font-size: 15px; line-height: 1.45; color: var(--muted); }

/* 議程卡 */
.series .m-ag .time { font-family: var(--num); font-size: 17px; font-weight: 500; }
.series .m-ag h3 { font-size: 17px; line-height: 1.45; font-weight: 700; }
.series .m-ag .people { font-size: 15px; }
.series .m-ag .row .k { font-size: 12px; font-weight: 700; }
.series .m-ag .loc { font-size: 12px; font-weight: 700; }
.series .m-ag .desc, .series .m-ag .ag-topics { font-size: 15px; }
.series .m-ag .ag-topic-h { font-size: 12px; }
.series .m-day-h { font-family: var(--mont); font-size: 17px; font-weight: 700; color: var(--ink); }
.series .m-day-h .num { font-family: var(--num); font-size: 20px; font-weight: 500; }
.series .m-agenda .note { font-size: 15px; }

/* 亮點卡、報名卡 */
.series .m-hl .hl .num { font-family: var(--num); font-size: 20px; font-weight: 500; }
.series .m-hl .hl h3 { font-size: 17px; font-weight: 700; }
.series .m-hl .hl li { font-size: 15px; }
.series .m-register .reg-meta { font-size: 15px; }

/* ================= 各站例外 ================= */

/* 醫藥韌性研討會：主標較長，桌機、手機都用標題級（64 / 32）*/
.series.forum .d-hero h1 .l1,
.series.forum .d-hero h1 .l2 { font-size: 64px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; }
.series.forum .m-hero h1 { font-size: 32px; line-height: 1.3; }
.series.forum .m-hero .sub { font-size: 17px; }
.series.forum .d-hero .tags { font-size: 16px; font-weight: 500; }
.series.forum .m-hero .tags li { font-size: 12px; font-weight: 500; }
.series.forum .m-hero .m-info p:first-child { font-family: var(--num); font-size: 20px; font-weight: 500; letter-spacing: 0; }
.series.forum .m-hero .m-info p + p { font-size: 15px; }

/* 英文版：標題字數多，hero 主標用 64、報名標題限制行長 */
.series.lang-en .d-hero h1 .l1,
.series.lang-en .d-hero h1 .l2 { font-size: 64px; line-height: 1.12; font-weight: 700; letter-spacing: -.02em; }
.series.lang-en .m-hero h1 { font-size: 32px; line-height: 1.25; }
.series.forum.lang-en .d-register h2 { max-width: 900px; }

/* 標題換行時平均分行，避免最後一行只剩一兩個字 */
.series :is(h1, h2, .h2) { text-wrap: balance; }

/* ---------- 官網 header / footer：照官網原樣（site-chrome.css）；只修正官網固定 1366 寬在較窄螢幕撐出橫向捲動的問題 ---------- */
@media (max-width: 1365px) {
  body .ths-chrome .header_NEW, body .ths-chrome .headerTopLine_NEW { min-width: 0; }
  body .ths-chrome .headerTopLine_TEXT { width: auto; max-width: 1226px; }
  body .ths-chrome .main { width: auto; max-width: 1366px; }
  body .ths-chrome .footer_main { width: auto; max-width: 1246px; }
}
