/* ===== H站 边境纪事 main.css ===== */
/* 對標 ProPublica（H站設計規格書.md §一），全站灰階、唯一彩色只用於「提供线索／求助」行動元素
   （v2.1 起另加頭條地圖示意圖的妙瓦底/KK园/果敢標點，同一語意，見設計規格書 §2.3）。
   本檔直接承接 mockup-h.html 內嵌 <style>（五維度 token + 排版邏輯皆照搬），移除 mockup 專用的
   .mk-*／.m-row／.m-frame демо框架樣式，改寫成跨斷點都能真實運作的 header／漢堡選單／地圖占位系統。 */

:root{
  --c-bg:#FFFFFF;
  --c-ink:#121210;
  --c-text:#2E2C28;
  --c-text-2:#63605A;
  --c-line:#E4E0D7;
  --c-box:#F2F0EA;
  --c-accent:#B8822E;
  --c-accent-dark:#96691F;
  --c-footer-bg:#17140F;
  --c-footer-text:#CFC9BD;
  --c-footer-head:#8D887C;
  --c-footer-wordmark:#2A251D;
  --f-serif:'Noto Serif SC', serif;
  --f-sans:'Noto Sans SC', sans-serif;
  --measure:680px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--f-serif);font-weight:400;color:var(--c-text);background:var(--c-bg);font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
ul,ol{list-style:none}
img,svg{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}

/* ===== 共用：圖片占位（本站無照片版權，一律地圖示意，不留斜紋空白）===== */
.img-ph{position:relative;background:#EEEAE1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.img-ph img{width:100%;height:100%;object-fit:cover;position:relative}
.ph-icon{width:30%;max-width:72px;height:auto;position:relative;color:#A89F8C}
.border-map-icon{width:100%;height:100%;display:block;position:relative}
.border-map-icon.bm-sm{width:100%;height:100%}
.img-cap{font:400 12px/1.6 var(--f-sans);color:var(--c-text-2);margin-top:8px}
/* 縮圖情境（故事列/系列卡/歸檔列/更多卡）不顯示圖說文字，只留地圖示意圖本身填滿圖框 */
.story-row .img-cap,.series-main .img-cap,.series-secondary .img-cap,.archive-row .img-cap,.more-card .img-cap{display:none}

/* ===== 導覽：CSS-only 漢堡選單（checkbox + 兩種 label，桌面文字/手機圖示共用一顆 checkbox）===== */
.nav-toggle{position:absolute;opacity:0;pointer-events:none;top:0;left:0}
.menu-link{cursor:pointer;font:600 14px/1 var(--f-sans);color:var(--c-text-2)}
.menu-link:hover{color:var(--c-ink)}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;cursor:pointer;flex-shrink:0;z-index:21}
.utility-row-m{display:none}
.burger span,.burger span::before,.burger span::after{display:block;width:22px;height:2px;background:var(--c-ink);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-7px}
.burger span::after{top:7px}
.nav-toggle:checked ~ .burger span{background:transparent}
.nav-toggle:checked ~ .burger span::before{top:0;transform:rotate(45deg);background:#fff}
.nav-toggle:checked ~ .burger span::after{top:0;transform:rotate(-45deg);background:#fff}

.nav-overlay{display:none;position:fixed;inset:0;background:#1C1C1C;color:#fff;overflow-y:auto;padding:76px 24px 32px;z-index:20}
.nav-toggle:checked ~ .nav-overlay{display:block}
.nav-overlay .nav-about{font:400 15px/1.7 var(--f-sans);color:#D8D4C9;max-width:640px;margin:0 auto 24px}
.nav-overlay .nav-about a{color:#fff;text-decoration:underline}
.nav-overlay .nav-main{max-width:640px;margin:0 auto}
.nav-overlay .nav-main li{margin-bottom:16px;font:700 22px/1.2 var(--f-serif)}
.nav-overlay .nav-sub{max-width:640px;margin:24px auto 0;padding-top:20px;border-top:1px solid #332d23}
.nav-overlay .nav-sub li{margin-bottom:10px;font:400 15px/1.4 var(--f-sans);color:#B9B4A6}
.nav-overlay .nav-series-h{max-width:640px;margin:28px auto 0;padding-top:20px;border-top:1px solid #332d23;font:600 12px/1 var(--f-sans);letter-spacing:.06em;color:#8d887c;margin-bottom:12px}
.nav-overlay .nav-series-link{max-width:640px;display:block;margin:0 auto;font:700 17px/1.4 var(--f-serif);color:#fff}
.nav-overlay .nav-foot{max-width:640px;margin:32px auto 0;font:400 13px/1.4 var(--f-sans);color:#6f6a5e}

/* ===== 大版 masthead（首頁用）===== */
.site-header{border-bottom:1px solid var(--c-line);position:relative}
.masthead-row1{display:flex;align-items:flex-end;justify-content:space-between;padding-top:30px;padding-bottom:16px;gap:24px}
.wordmark{font-weight:700;font-size:clamp(70px, 15vw, 176px);line-height:.86;font-family:var(--f-serif);color:var(--c-ink);letter-spacing:-.01em;white-space:nowrap}
.masthead-right{display:flex;align-items:flex-end;gap:26px}
.tagline{font:400 14px/1.6 var(--f-sans);color:var(--c-text-2);max-width:230px;text-align:right}
.masthead-actions{display:flex;gap:18px;font:600 14px/1 var(--f-sans);color:var(--c-text-2);white-space:nowrap}
.tagline-m{font:400 12px/1.5 var(--f-sans);color:var(--c-text-2)}
.topic-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px;border-top:1px solid var(--c-line);flex-wrap:wrap}
.topic-label{font:600 12px/1 var(--f-sans);letter-spacing:.06em;color:var(--c-text-2)}
.topic-links{display:flex;gap:22px;font:700 16px/1 var(--f-serif);margin-right:auto;margin-left:18px}
.topic-links a:hover{text-decoration:underline}
.util-links{display:flex;gap:18px;font:400 14px/1 var(--f-sans);color:var(--c-text-2)}
.util-links a:hover{color:var(--c-ink)}

/* ===== 精簡版 header（分類頁／文章頁用）===== */
.site-header-compact{border-bottom:1px solid var(--c-line)}
.chdr-inner{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.chdr-word{font:700 22px/1 var(--f-serif);color:var(--c-ink)}
.chdr-tag{font:400 13px/1.4 var(--f-sans);color:var(--c-text-2)}
.chdr-actions{display:flex;gap:16px;font:600 13px/1 var(--f-sans);color:var(--c-text-2)}

/* ===== 行動元素（全站唯一彩色，僅此類別）===== */
.cta-accent{display:inline-block;background:var(--c-accent);color:#fff;font:600 13px/1 var(--f-sans);padding:10px 18px}
.cta-accent:hover{background:var(--c-accent-dark);text-decoration:none}

/* ===== 首頁：頭條 ===== */
.headline{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;padding-top:36px;padding-bottom:34px;border-top:1px solid var(--c-line);align-items:start}
.headline h1{font:700 40px/1.12 var(--f-serif);color:var(--c-ink);margin-bottom:14px}
.headline .dek{font:400 18px/1.55 var(--f-sans);color:var(--c-text-2);margin-bottom:18px;max-width:46em}
.related-links{border-top:1px solid var(--c-line);padding-top:12px}
.related-links li{font:700 15px/1.7 var(--f-serif);margin-bottom:4px}
.headline .img-ph{aspect-ratio:4/3}

/* ===== 首頁：故事列 ===== */
.section-title{font:600 13px/1 var(--f-sans);letter-spacing:.06em;color:var(--c-text-2);padding-top:30px;margin-bottom:4px}
.story-row{display:grid;grid-template-columns:1fr 230px;gap:28px;padding:24px 0;border-top:1px solid var(--c-line);align-items:start}
.story-row h3{font:700 23px/1.32 var(--f-serif);margin-bottom:8px;color:var(--c-ink)}
.story-row .dek{font:400 15px/1.6 var(--f-sans);color:var(--c-text-2)}
.story-row .img-ph{aspect-ratio:4/3}

/* ===== 首頁：系列區塊 ===== */
.series{padding-top:40px;padding-bottom:44px;border-top:1px solid var(--c-line)}
.series-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--c-ink);padding-bottom:10px;margin-bottom:14px}
.series-name{font:700 22px/1.2 var(--f-serif);color:var(--c-ink)}
.series-sub{font:400 18px/1.2 var(--f-sans);color:var(--c-text-2)}
.series-dek{font:400 15px/1.6 var(--f-sans);color:var(--c-text-2);max-width:640px;margin-bottom:26px}
.series-grid{display:grid;grid-template-columns:1.3fr 1fr .95fr;gap:30px;align-items:start}
.series-grid h4{font:700 19px/1.32 var(--f-serif);margin-top:12px;color:var(--c-ink)}
.series-grid .dek{font:400 14px/1.6 var(--f-sans);color:var(--c-text-2);margin-top:6px}
.series-main .img-ph{aspect-ratio:16/11}
.series-secondary .img-ph{aspect-ratio:16/11}
.series-related{border-top:1px solid var(--c-line)}
.series-related li{padding:12px 0;border-bottom:1px solid var(--c-line);font:700 15px/1.5 var(--f-serif)}
.series-related.help-tip{border-top:0;margin-top:16px;font:400 13px/1.6 var(--f-sans);color:var(--c-text-2);padding:0}

/* ===== 首頁：機構說明（米灰底）===== */
.about-block{background:var(--c-box);padding:48px 0}
.about-block h2{font:700 25px/1.3 var(--f-serif);margin-bottom:14px;color:var(--c-ink)}
.about-block p{font:400 17px/1.75 var(--f-serif);max-width:760px}
.about-block a{text-decoration:underline}
.about-block .about-cta{display:inline-block;margin-top:16px;font:600 14px/1 var(--f-sans)}
.about-block .about-cta::after{content:" →"}

/* ===== 首頁：求助提示 ===== */
.help-block{padding-top:44px;padding-bottom:50px;border-top:1px solid var(--c-line)}
.help-block h2{font:700 24px/1.3 var(--f-serif);margin-bottom:10px;color:var(--c-ink)}
.help-block > p{font:400 16px/1.7 var(--f-sans);color:var(--c-text);max-width:640px;margin-bottom:20px}
.help-list{border:1px solid var(--c-line);max-width:640px;padding:4px 20px}
.help-list li{font:400 15px/1.8 var(--f-sans);padding:12px 0;border-top:1px dashed var(--c-line)}
.help-list li:first-child{border-top:0}
.help-list b{font-weight:600;color:var(--c-ink)}

/* ===== 頁尾 ===== */
.site-footer{background:var(--c-footer-bg);color:var(--c-footer-text);margin-top:0}
.footer-top{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:32px;padding-top:52px;padding-bottom:36px;border-bottom:1px solid #2b261d}
.footer-col-static h4,.footer-col-acc summary{font:600 12px/1 var(--f-sans);letter-spacing:.06em;color:var(--c-footer-head);margin-bottom:14px;list-style:none}
.footer-col-acc summary{cursor:pointer}
.footer-col-acc summary::-webkit-details-marker{display:none}
.footer-col-acc summary::marker{content:""}
.footer-col li{margin-bottom:9px;font:400 14px/1.6 var(--f-sans)}
.footer-col a:hover{color:#fff}
.footer-col-acc{display:none}
.footer-note{font:400 13px/1.6 var(--f-sans);color:#8d887c;max-width:26em}
.footer-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-top:30px;padding-bottom:40px;flex-wrap:wrap;gap:20px}
.footer-wordmark{font:700 68px/.86 var(--f-serif);color:var(--c-footer-wordmark)}
.footer-tag-policy{text-align:right}
.footer-tag{font:400 15px/1.4 var(--f-sans);color:#9b968a}
.footer-policy{display:flex;gap:18px;font:400 13px/1 var(--f-sans);color:#8d887c;margin-top:10px;justify-content:flex-end}

/* ===== 分類／主題頁 ===== */
.topic-head{text-align:center;padding:52px 0 0;border-top:1px solid var(--c-line)}
.topic-head h1{font:700 46px/1.1 var(--f-serif);color:var(--c-ink)}
.topic-head .sub{font:400 18px/1.4 var(--f-sans);color:var(--c-text-2);margin-top:10px}
.topic-sub-links{display:flex;justify-content:center;gap:18px;margin-top:24px;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--c-line);font:700 15px/1 var(--f-serif)}
.topic-sub-links .sep{color:var(--c-line);font-weight:400}

.archive-head{display:flex;justify-content:space-between;align-items:baseline;padding:28px 0 8px}
.archive-head h2{font:600 13px/1 var(--f-sans);letter-spacing:.06em;color:var(--c-text-2)}
.archive-row{display:grid;grid-template-columns:150px 86px 1fr 140px;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--c-line)}
.archive-row .date{font:400 14px/1.4 var(--f-sans);color:var(--c-text-2)}
.archive-row .img-ph{aspect-ratio:1/1}
.archive-row h3{font:700 18px/1.4 var(--f-serif);color:var(--c-ink)}
.archive-row .byline{font:400 13px/1.4 var(--f-sans);color:var(--c-text-2);text-align:right}

/* ===== 單篇文章頁 ===== */
.art-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding-top:32px;padding-bottom:32px;border-top:1px solid var(--c-line);align-items:start}
.art-hero h1{font:700 42px/1.14 var(--f-serif);color:var(--c-ink)}
.art-hero .dek{font:400 17px/1.5 var(--f-sans);color:var(--c-text-2);margin-top:14px}
.art-hero .img-ph{aspect-ratio:4/3}

.art-meta{max-width:var(--measure);margin:0 auto;display:flex;gap:16px;flex-wrap:wrap;font:400 14px/1 var(--f-sans);color:var(--c-text-2);padding:18px 0;border-bottom:1px solid var(--c-line)}

.highlight-box{max-width:var(--measure);margin:26px auto;background:var(--c-box);padding:26px 28px}
.highlight-box h2{font:700 20px/1.3 var(--f-serif);margin-bottom:14px;color:var(--c-ink)}
.highlight-box li{font:400 16px/1.6 var(--f-serif);margin-bottom:10px;padding-left:16px;position:relative}
.highlight-box li::before{content:"•";position:absolute;left:0;color:var(--c-text-2)}
.highlight-box b{font-weight:700}
.highlight-box .src{font:400 13px/1.5 var(--f-sans);color:var(--c-text-2);margin-top:8px}

.art-body{max-width:var(--measure);margin:0 auto}
.art-body p{font:400 18px/1.85 var(--f-serif);margin-bottom:22px;color:var(--c-text)}
.art-body h2{font:700 24px/1.3 var(--f-serif);color:var(--c-ink);margin:32px 0 16px}
.art-body h3{font:700 20px/1.3 var(--f-serif);color:var(--c-ink);margin:26px 0 12px}
.art-body a{text-decoration:underline}

.pull-wrap{max-width:960px;margin:8px auto 30px;display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start}
.pull-quote{font:400 25px/1.32 var(--f-serif);color:var(--c-ink);border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-ink);padding:16px 0}
.pull-cite{font:400 13px/1.5 var(--f-sans);color:var(--c-text-2);margin-top:10px}
.pull-wrap p{font:400 18px/1.85 var(--f-serif);margin-bottom:22px}

.timeline{max-width:var(--measure);margin:34px auto}
.timeline-title{font:700 20px/1.3 var(--f-serif);margin-bottom:18px;color:var(--c-ink)}
.timeline ul{margin:0}
.timeline li{position:relative;padding:0 0 26px 28px;border-left:2px solid var(--c-line);list-style:none}
.timeline li:last-child{border-left:2px solid transparent;padding-bottom:0}
.timeline li::before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--c-ink)}
.t-date{font:600 14px/1 var(--f-sans);color:var(--c-text-2);margin-bottom:5px}
.t-desc{font:400 16px/1.6 var(--f-sans);color:var(--c-text)}

.diagram-wrap{max-width:var(--measure);margin:34px auto}
.diagram-wrap .img-ph{aspect-ratio:16/9}
.diagram-wrap .img-cap{display:block}

.art-end{max-width:var(--measure);margin:38px auto 0;padding-top:20px;border-top:1px solid var(--c-line);font:400 14px/1.75 var(--f-sans);color:var(--c-text-2)}
.art-end a{text-decoration:underline}
.filed{max-width:var(--measure);margin:20px auto 32px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:600 13px/1 var(--f-sans)}
.tag-pill{border:1px solid var(--c-line);padding:5px 10px;color:var(--c-text-2)}

.more-in{padding-top:42px;padding-bottom:50px;border-top:1px solid var(--c-line)}
.more-in h2{font:700 22px/1.3 var(--f-serif);margin-bottom:18px;color:var(--c-ink)}
.more-row{display:flex;gap:24px;overflow-x:auto;padding-bottom:4px}
.more-card{flex:0 0 240px}
.more-card .img-ph{aspect-ratio:4/3}
.more-card h4{font:700 16px/1.4 var(--f-serif);margin-top:10px;color:var(--c-ink)}
.more-card h4 a:hover{text-decoration:underline}

/* ===== 分頁 ===== */
.pager-list{display:flex;gap:8px;list-style:none;margin-top:32px;font:400 14px/1 var(--f-sans)}
.pager-list a{padding:6px 10px;border:1px solid var(--c-line)}
.pager-list strong{padding:6px 10px;border:1px solid var(--c-ink);color:var(--c-ink)}

/* ===== 站務頁（about/contact/privacy/editorial-policy）===== */
.art-body ul,.art-body ol{margin:0 0 20px 0;padding-left:0}
.art-body li{font:400 17px/1.75 var(--f-serif);margin-bottom:10px;padding-left:18px;position:relative}
.art-body li::before{content:"•";position:absolute;left:0;color:var(--c-text-2)}

/* ===== 文章內元件：num-highlight / skip-box / budget-table（hugo-template §十二 強制 3 shortcode，
   mockup 無對應視覺、依全站灰階＋hairline 風格自訂）===== */
.num-highlight{max-width:var(--measure);margin:22px auto;display:flex;gap:16px;flex-wrap:wrap}
.num-cell{background:var(--c-box);padding:18px 24px;min-width:140px}
.num-label{font:600 12px/1 var(--f-sans);letter-spacing:.04em;color:var(--c-text-2);margin-bottom:8px}
.num-value{font:700 34px/1 var(--f-serif);color:var(--c-ink);display:inline-block}
.num-unit{font:600 15px/1 var(--f-sans);color:var(--c-text-2);margin-left:4px;display:inline-block}
.num-note{font:400 13px/1.5 var(--f-sans);color:var(--c-text-2);margin-top:8px}

.skip-box{max-width:var(--measure);margin:22px auto;border:1px solid var(--c-line);background:#FBF9F5}
.skip-box-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--c-line)}
.skip-box-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--c-text-2);color:#fff;font:700 13px/1 var(--f-sans);flex-shrink:0}
.skip-box-title{font:700 15px/1.3 var(--f-sans);color:var(--c-ink)}
.skip-box-body{padding:16px 18px}
.skip-box-body ul{margin:0;padding-left:0}
.skip-box-body li{font:400 15px/1.7 var(--f-sans);color:var(--c-text);margin-bottom:8px;padding-left:18px;position:relative;list-style:none}
.skip-box-body li::before{content:"•";position:absolute;left:0;color:var(--c-text-2)}
.skip-box-body li:last-child{margin-bottom:0}

.budget-table-wrap{max-width:var(--measure);margin:22px auto;border:1px solid var(--c-line)}
.budget-table-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:14px 18px;background:var(--c-box);border-bottom:1px solid var(--c-line)}
.budget-table-head-title{font:700 15px/1.3 var(--f-sans);color:var(--c-ink)}
.budget-table-head-sub{font:400 13px/1.3 var(--f-sans);color:var(--c-text-2)}
.budget-table-inner{padding:16px 18px;overflow-x:auto}
.budget-table-inner table{width:100%;border-collapse:collapse;font:400 14px/1.6 var(--f-sans)}
.budget-table-inner th,.budget-table-inner td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--c-line)}
.budget-table-inner th{font-weight:700;color:var(--c-ink)}

/* ===== RWD：≤768px ===== */
/* O3 retry 修正：手機版刊頭重構為「utility-row-m（tagline）→ wordmark+漢堡行 → 主題列/內容」
   三層不疊（對照 _對標截圖/deep/mobile/8wtsz7）；burger 現為 flex item（非 absolute），
   不再需要 padding-right 讓位。headline/story-row 的地圖示意圖用 order:-1 移到標題上方
   （對照 mobile/8wtsz7、4sv82n：圖在上、標題在下）。
   O3 第二輪 DevTools innerWidth=400 實測修正：
   1) wordmark line-height 原本沿用桌面 .86（unitless ratio），40px 字級算出行高只有
      34.4px＜字級本身，CJK 字形上下溢出行框、壓到 topic-bar；改 line-height:1.15 並把
      字級放大到 62px（約對照 mobile/8wtsz7 版寬七成）。topic-bar 子項同樣把 line-height:1
      的緊繃值放寬，整列高度能撐開、不再被內容撐破導致與下方地圖幾乎貼合。
   2) art-meta/art-body/pull-wrap/timeline/diagram-wrap/art-end/filed 原本靠
      max-width:680px+margin:0 auto 置中、手機寬度(400px)遠小於 680px 時 margin:auto 不產生
      左右留白，直接貼螢幕邊——補上與 .wrap 一致的 18px 左右 padding（highlight-box 本身有
      26px 28px 自帶 padding、不受影響、不重複加）。
   3) filed 補 32px 下邊距、避免最後一段內容與 footer 太近（見下方 .filed 基礎規則已加）。
   4) footer 三個連結欄改用 <details>/<summary>，手機維持原生收合（CSS 不強制 ul 展開），
      summary 右側加「+」在收合態、展開態轉 90 度變視覺上的「×」概念（實際用旋轉模擬）。 */
@media (max-width:768px){
  .wrap{padding:0 18px}
  .wordmark{font-size:62px;line-height:1.15}
  .tagline{display:none}
  .menu-link{display:none}
  .burger{display:flex}
  .utility-row-m{display:flex;padding:8px 18px;border-bottom:1px solid var(--c-line)}
  .masthead-right{display:none}
  .chdr-tag{display:none}
  .topic-bar{padding-top:12px;padding-bottom:12px;row-gap:8px}
  .topic-label{line-height:1.4}
  .topic-links{margin-left:0;gap:16px;font-size:14px;line-height:1.4}
  .util-links{display:none}
  .headline{grid-template-columns:1fr;gap:14px;margin-top:6px}
  .headline h1{font-size:26px}
  .headline .map-figure{order:-1}
  .story-row{grid-template-columns:1fr;gap:10px}
  .story-row .map-figure{order:-1}
  .series-grid{grid-template-columns:1fr;gap:26px}
  .footer-top{grid-template-columns:1fr;gap:0;padding-top:36px}
  .footer-col{border-bottom:1px solid #2b261d;padding:14px 0}
  .footer-col-note{border-bottom:0;padding-top:18px}
  .footer-wordmark{font-size:40px}
  .topic-head h1{font-size:30px}
  .topic-sub-links{flex-wrap:wrap}
  .archive-row{grid-template-columns:70px 1fr;gap:12px}
  .archive-row .img-ph{display:none}
  .archive-row .byline{display:none}
  .art-hero{grid-template-columns:1fr;gap:14px}
  .art-hero h1{font-size:26px}
  .art-hero .map-figure{order:-1}
  .art-meta,.art-body,.pull-wrap,.timeline,.diagram-wrap,.art-end,.filed{padding-left:18px;padding-right:18px}
  .art-body p,.art-body li{font-size:16px}
  .pull-wrap{grid-template-columns:1fr;gap:16px}
  .pull-quote{font-size:21px}
  .more-card{flex:0 0 200px}
  /* O3 第四輪修正：桌面 .footer-col-static 在 Chrome 無法用 CSS 強制展開 closed <details>
     （browser 原生行為、非 CSS 覆蓋問題），改桌機/手機各自獨立標記、media query 互斥顯示。
     頁尾手風琴（對照 mobile/m71mr6）：收合預設、summary 右側「+」、展開態轉「-」。 */
  .footer-col-static{display:none}
  .footer-col-acc{display:block}
  .footer-col-acc ul{margin-top:10px}
  .footer-col-acc summary{position:relative;padding-right:24px}
  .footer-col-acc summary::after{content:"+";position:absolute;right:0;top:-2px;font:400 16px/1 var(--f-sans);color:var(--c-footer-head)}
  .footer-col-acc[open] summary::after{content:"\2212"}
  .help-block{padding-bottom:56px}
}