/* 自行託管的 Archivo（latin 子集，2026-08-26）。
   原本走 fonts.googleapis.com ＋ fonts.gstatic.com，兩台陌生伺服器
   都在關鍵路徑上，慢速 4G 每台約 1.5 秒的 DNS＋TCP＋TLS 路費，
   而且第二台要等第一台的 CSS 回來才知道抓什麼。搬到同源之後走的是
   已經開好的連線。PSI 的「阻斷算繪 1,620 毫秒」指的就是這筆。
   ⚠️ 只有 latin 子集、只有 400/600/800 三個字重 —— 與原本的 Google
      Fonts 請求完全一致。可用字重一變畫面就會跟著變，不要順手加減。
   ⚠️ 檔案由 tools/fetch_fonts.py 下載，--check 可驗齊全。
      授權 SIL OFL 1.1，條文在 site/fonts/OFL.txt。 */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/archivo-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/archivo-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/archivo-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* MI Buddy 官網共用樣式（2026-08 Modernist 綠版改版）
   五頁共用：index / demo / cases / capital-daily / service
   設計語彙：白底墨字＋單一綠色重點、0 圓角、2px 分隔線、格線可見、標題齊左
   字型自 2026-08-26 起自行託管，@font-face 就在本檔最上方（見檔頭第一段）。
   ⚠️ 不要改回 @import：那要等本檔下載完才被發現，平白多一段串行等待。
   對比紅線（2026-08-22 無障礙審查後定案）：
   - 綠 #00A876 對米白只有 2.66:1，只能當底色／線條／圖形，不能當文字色；
     綠底上的文字一律用墨色（5.43:1）；小字要用綠系一律 --accent-700（5.69:1）。
   - 灰階最淡到 --softer（65% 墨，4.91:1）為止，不得再淡。 */

:root{
  --bg:#F2EFE6; /* 頁面底：沿用原「米白墨刻」的米白（2026-08-22 營運者指定改回） */ --surface:#FBFAF6; /* 卡片/面板底：沿用原米白墨刻的暖白（2026-08-22 配合米白頁底改回） */ --ink:#201e1d;
  --accent:#00A876; --accent-600:#028a62; --accent-700:#036b4c; --accent-900:#04321f;
  --divider:color-mix(in srgb,#201e1d 40%,transparent);
  --soft:color-mix(in srgb,#201e1d 65%,transparent);
  --softer:color-mix(in srgb,#201e1d 65%,transparent);
  --font-h:"Archivo","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  /* 舊代幣別名：cm-render.css 與部分沿用樣式仍讀這些名字 */
  --paper:var(--bg); --card:var(--surface); --ink-soft:#5a5754;
  --accent-ink:var(--accent-700); --line:var(--divider);
  --thead:#EDE9DE; /* 表頭：同上，改回暖灰 */ --zebra:rgba(32,30,29,.03);
  --warn-bg:#fdf1ef; --warn-line:#e9b8ae; --warn-ink:#8a2013;
  --up:#C8352B; --down:#0A7A52;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-h);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-h);font-weight:800;line-height:1.12;letter-spacing:-.015em;margin:0}
a{color:var(--accent-700);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* 綠底元件上綠色焦點框會隱形，改墨色（對綠 5.4:1、對米白 13:1） */
.btn-primary:focus-visible,.btn-inverse:focus-visible,.sc.on:focus-visible{outline-color:var(--ink)}
::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}

/* ── 導覽列 ── */
.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;
  padding:14px 40px;background:var(--bg);border-bottom:2px solid var(--divider)}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;color:var(--ink)}
.brand svg{width:28px;height:28px;flex:none}
.brand .t{line-height:1.1}
.brand .t b{display:block;font-weight:800;font-size:16px}
.brand .t small{display:block;font-size:9px;letter-spacing:.24em;color:var(--softer);font-weight:600;margin-top:2px}
.nav a.lnk{font-size:14px;color:color-mix(in srgb,var(--ink) 70%,transparent);text-decoration:none;font-weight:500;padding:4px 0}
.nav a.lnk:hover{color:var(--ink)}
.nav a.lnk.on{color:var(--ink);font-weight:700}

/* ── 按鈕（齊左標籤、0 圓角）── */
.btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;
  font-family:var(--font-h);font-weight:800;font-size:14px;line-height:1.2;
  padding:10px 16px;border:1px solid transparent;border-radius:0;cursor:pointer;text-decoration:none}
.btn-primary{background:var(--accent);color:var(--ink)}
.btn-primary:hover{background:var(--ink);color:var(--bg)}
.btn-primary:active{background:var(--accent-600);color:var(--ink)}
.btn-inverse{background:var(--bg);color:var(--ink)}
.btn-inverse:hover{background:var(--ink);color:var(--bg)}
.btn-secondary{background:transparent;color:var(--ink);border-color:var(--divider)}
.btn-secondary:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}
.btn-lg{font-size:15px;padding:13px 26px}

/* ── 版面工具 ── */
.wrap{max-width:1160px;margin:0 auto;padding:56px 40px 64px}
.kicker{font-size:12px;letter-spacing:.22em;color:var(--accent-700);font-weight:600;font-family:var(--font-h)}
.lede{font-size:15px;line-height:1.9;color:color-mix(in srgb,var(--ink) 72%,transparent)}
.rule-top{border-top:2px solid var(--divider)}
.note-sm{font-size:12.5px;line-height:1.8;color:var(--softer)}
/* 內頁 hero 大標（cases／capital-daily／capital-market 共用；demo 加 .pg-sm 縮一階） */
h1.pg{font-size:clamp(30px,4.4vw,52px);line-height:1.1;letter-spacing:-.02em;margin:16px 0 0}
h1.pg.pg-sm{font-size:clamp(28px,3.6vw,44px)}

/* ── 表格 ── */
table.table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
table.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:color-mix(in srgb,var(--ink) 70%,transparent);padding:8px;border-bottom:2px solid var(--divider);font-weight:700}
table.table td{padding:8px;border-bottom:1px solid var(--divider);vertical-align:top}
table.table tbody tr:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
td.up{color:var(--up);font-weight:700;text-align:right}
td.dn{color:var(--down);font-weight:700;text-align:right}
.num{text-align:right}

/* ── 免責卡與 CTA 列 ── */
.disc{margin-top:36px;border:1px solid var(--divider);border-left:4px solid var(--accent);
  padding:18px 22px;font-size:12.5px;line-height:1.9;color:var(--soft)}
.disc b{color:var(--ink)}
.cta-row{margin-top:48px;border-top:2px solid var(--divider);padding-top:28px;
  display:flex;gap:32px;align-items:center;justify-content:space-between}
.cta-row p{font-size:14.5px;line-height:1.9;margin:0;flex:1}
.cta-row .btn{flex:none}

/* ── 頁尾 ── */
.sitefoot{margin-top:44px;border-top:1px solid var(--divider);padding-top:20px;
  font-size:13px;line-height:1.85;color:var(--soft)}
.sitefoot .merchant{border:1px solid var(--divider);padding:16px 20px;margin-bottom:18px}
.sitefoot .merchant b{color:var(--ink)}
.sitefoot .legal{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:10px;font-weight:700}
.sitefoot .legal a{color:inherit;text-decoration:none}
.sitefoot .legal a:hover{color:var(--ink)}

/* ── cm-render.css 換皮（capital-daily 專用；蓋掉舊圓角）── */
.cm-skin .tablewrap,.cm-skin .empty,.cm-skin .warn,.cm-skin .news,.cm-skin .meta{border-radius:0}
.cm-skin .sect .head{border-bottom-width:2px}
/* 表格換皮做完（2026-08-22）：表頭由灰色色塊改為與 cases 頁一致的細線編輯風，
   外框與卡片底移除；斑馬紋刻意保留——日報欄多列密，隔行底色有掃讀價值。 */
.cm-skin .tablewrap{background:transparent;border:0}
.cm-skin thead th{background:transparent;border-bottom:2px solid var(--divider);
  font-weight:700;font-size:11px;letter-spacing:.08em;
  color:color-mix(in srgb,var(--ink) 70%,transparent)}
/* 日報表格的小節標題（一、承銷公告…／證期局每日新聞全文）原本上緣只有 22px，
   緊貼上一張表看起來擠成一團（2026-08-22 營運者回饋），拉開到 36px。 */
.cm-skin h3{margin-top:36px}

/* ── 響應式 ── */
@media(max-width:900px){
  .nav{flex-wrap:wrap;gap:8px 14px;padding:10px 14px}
  .brand{order:-2;flex:1 1 auto}
  .nav a.btn{order:-1}
  .nav::after{content:"";flex-basis:100%;height:0;order:-1}
  .nav a.lnk{font-size:13.5px}
  .wrap{padding:32px 20px 48px}
  .cta-row{flex-direction:column;align-items:flex-start;gap:18px}
}
@media(max-width:560px){
  .nav{gap:7px 12px;padding:8px 12px}
  /* 觸控目標：上下內距撐到 ~41px 高、左右 2px 擴大熱區（2026-08-22 審查） */
  .nav a.lnk{font-size:13px;padding:11px 2px}
  .wrap{padding:24px 14px 40px}
  .btn{min-height:44px}
  .btn-lg{width:100%;min-height:48px}
}
@media(max-width:430px){
  .nav{gap:6px 10px;padding:8px 10px}
  .nav a.lnk{font-size:12px;padding:10px 2px}
}

/* ── 列印（日報常被印出帶去開會；法務頁具契約效力會被存檔）── */
@media print{
  .nav,.betabar,.cta-row,.poster,.btn,.swipe{display:none!important}
  .wrap,.doc{padding:0;max-width:none}
  body{background:#fff}
}