/* =============================================================
   mx-version.css　版本定位條 ＋ 版面橋接層
   -------------------------------------------------------------
   定位：全站「最後一層」樣式。載入順序固定為
     max-layout.css → max-brand.css → iv.css / iv-simple.css → mx-version.css
   本檔永遠最後，故可覆寫前面各層。

   責任分界：
     max-layout.css  版怎麼排（骨架）
     max-brand.css  識別長什麼樣（品牌）
     iv.css         內部版內容元件（舊）
     iv-simple.css  公開版內容元件（新）
     mx-version.css 兩版的「定位識別」與「設計系統對齊」

   設計原則（2026-10-15 定）：
     兩版不是要做成一樣，而是同一個設計系統的兩種密度模式。
     共用：品牌色票、字體階層、圓角、陰影、間距節奏、等級徽章、版本條。
     刻意不同：容器寬度（公開 1120px 易讀／內部 1560px 表格不擠）、
               標題語言（公開中英並陳／內部中文為主）、
               資訊密度（公開結論優先／內部含不利數字與缺口）。
   ============================================================= */

/* ---------- 0. 舊版切換條：功能已併入 .mx-vbar ---------- */
/* 若舊腳本（_apply_brand.py 等）重跑而再次插入 mx-xver，一律隱藏，
   避免頁首出現「兩條並列」的版面缺陷。功能不損失：切換連結已在 mx-vbar 內。 */
.mx-xver{ display:none !important; }

/* ---------- 1. 版本定位條（全站） ---------- */
.mx-vbar{
  position:relative; z-index:5;
  font-family:var(--mx-font);
  font-size:12px; line-height:1.5;
  border-bottom:1px solid var(--mx-line);
  background:#fff;
}
.mx-vbar-in{
  max-width:var(--mx-maxw); margin:0 auto;
  padding:7px 20px;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.mx-vbar-tag{
  display:inline-flex; align-items:center; gap:5px;
  padding:2px 10px; border-radius:999px;
  font-size:11.5px; font-weight:800; letter-spacing:.02em;
  color:#fff; background:var(--mx-blue);
  white-space:nowrap;
}
.mx-vbar-tag.int{ background:var(--mx-ink-2); }
.mx-vbar-tag.int::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#FFB020; box-shadow:0 0 0 3px rgba(255,176,32,.22);
}
.mx-vbar-tag.pub::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#7CE0C0; box-shadow:0 0 0 3px rgba(124,224,192,.22);
}
.mx-vbar-txt{ color:var(--mx-muted); font-size:11.5px; }
.mx-vbar-txt b{ color:var(--mx-ink); font-weight:700; }
.mx-vbar-sep{ color:var(--mx-line); }
.mx-vbar-a{
  margin-left:auto; white-space:nowrap;
  font-size:11.5px; font-weight:700; text-decoration:none;
  color:var(--mx-blue); border:1px solid var(--mx-line);
  padding:3px 10px; border-radius:999px; background:#fff;
}
.mx-vbar-a:hover{ background:var(--mx-blue); color:#fff; border-color:var(--mx-blue); }
.mx-vbar-warn{
  margin-left:auto; white-space:nowrap; font-size:11px; font-weight:700;
  color:#8A4B00; background:#FDF3E3; border:1px solid #F0DDBE;
  padding:3px 10px; border-radius:999px;
}

/* ---------- 2. 內部版版面橋接：套用品牌令牌 ---------- */
/* iv.css 原本自成一套色票（--accent:#0a6cff 等），與 LOGO 實測色不符。
   此處不改 iv.css 檔案，僅於本層把令牌重新指向品牌色，一次對齊。 */
body.mx-a{
  --accent:var(--mx-blue);
  --bg:var(--mx-bg);
  --card:var(--mx-card);
  --ink:var(--mx-ink);
  --line:var(--mx-line);
  --muted:var(--mx-muted);
  --ok:var(--mx-ok);
  --warn:var(--mx-warn, #B26A00);
  --risk:var(--mx-risk);
}

/* 主視覺：由 iv.css 的實心色塊改為品牌漸層，與公開版 .s-open 同源 */
.hero{
  background:linear-gradient(122deg,var(--mx-blue-ink) 0%,var(--mx-blue-deep) 46%,var(--mx-blue) 100%);
  border-radius:0; padding:34px 20px 30px;
}
.hero .wrap{ max-width:var(--mx-maxw); }
.hero h1{ font-size:clamp(23px,3.4vw,34px); line-height:1.24; letter-spacing:-.01em; }
.hero .sub{ font-size:14.5px; line-height:1.72; max-width:900px; }
.hero .meta{ font-size:12px; }

/* 節標題：改成「號碼＋標題」的品牌格式，與公開版 .s-row .mark 同源 */
h2.st{
  display:flex; align-items:baseline; gap:10px;
  font-size:19px; font-weight:800; margin:34px 0 8px;
  padding:0 0 9px; border-bottom:2px solid var(--mx-line);
  color:var(--mx-ink);
}
h2.st .n{
  flex:0 0 auto;
  font-family:var(--mx-font-num); font-weight:900;
  font-size:12.5px; letter-spacing:.06em;
  color:#fff; background:var(--mx-blue);
  padding:3px 9px; border-radius:6px;
  transform:translateY(-2px);
}
h2.st + .lead{ margin-top:0; }
h3.st{
  font-size:15px; font-weight:800; color:var(--mx-ink);
  margin:22px 0 8px; padding-left:11px;
  border-left:3px solid var(--mx-teal);
}

/* KPI：統一圓角／陰影／數字字體，與公開版 .s-bignum 同源 */
.kpi{
  border-radius:var(--mx-radius); box-shadow:var(--mx-shadow);
  border:1px solid var(--mx-line);
}
.kpi .v{
  font-family:var(--mx-font-num); font-weight:900;
  letter-spacing:-.01em; color:var(--mx-blue);
}
.grid{ gap:12px; }
.card{
  border-radius:var(--mx-radius); border:1px solid var(--mx-line);
  box-shadow:var(--mx-shadow);
}

/* 表格：斑馬紋＋表頭吸頂感，內部版為高密度閱讀，必須有列節奏 */
table{ border-radius:var(--mx-radius-sm); overflow:hidden; }
thead th{
  background:var(--mx-ink); color:#fff; font-weight:800;
  font-size:12.5px; letter-spacing:.02em;
}
tbody tr:nth-child(even){ background:#FAFCFE; }
tbody tr:hover{ background:#F2F8FF; }
td, th{ padding:8px 11px; }

/* 等級徽章：全站一致（A／B／C／X） */
.g, .gA, .gB, .gC, .gX{
  display:inline-block; font-size:11px; font-weight:800;
  padding:2px 8px; border-radius:999px; letter-spacing:.02em;
}
.gA{ color:#0B5C2E; background:var(--mx-ok-bg); border:1px solid #CBE8D6; }
.gB{ color:#1B4E7A; background:#EEF6FD; border:1px solid #CFE2F3; }
.gC{ color:#7A4B00; background:var(--mx-warn-bg,#FDF8EF); border:1px solid #EFDDBE; }
.gX{ color:#7C1F1F; background:var(--mx-risk-bg); border:1px solid #F1D2D2; }

/* 提示框 */
.note{
  border-radius:var(--mx-radius-sm); border:1px solid var(--mx-line);
  border-left:4px solid var(--mx-blue); background:#F7FAFD;
  font-size:13px; line-height:1.7;
}
.note.warn{ border-left-color:#D98A00; background:var(--mx-warn-bg,#FDF8EF); }
.note.risk{ border-left-color:var(--mx-risk); background:var(--mx-risk-bg); }
.note.ok{ border-left-color:var(--mx-ok); background:var(--mx-ok-bg); }

/* 導覽列：與公開版同一高度與字級 */
.nav{ background:#fff; border-bottom:1px solid var(--mx-line); }
.navl a{ font-size:12.5px; font-weight:700; color:var(--mx-muted); border-radius:999px; padding:5px 11px; }
.navl a:hover{ background:#F1F6FB; color:var(--mx-blue); }
.navl a.on{ color:#fff; background:var(--mx-blue); }

/* ---------- 3. 統一頁尾（內部版原本無頁尾） ---------- */
.mx-foot2{
  margin-top:44px; border-top:1px solid var(--mx-line); background:#fff;
  font-family:var(--mx-font); font-size:11.5px; line-height:1.75; color:var(--mx-muted);
}
.mx-foot2-in{
  max-width:var(--mx-maxw); margin:0 auto; padding:20px;
  display:flex; gap:24px; flex-wrap:wrap; align-items:flex-start;
}
.mx-foot2-brand{ display:flex; align-items:center; gap:10px; }
.mx-foot2-brand img{ height:30px; width:auto; }
.mx-foot2-brand span{ font-weight:800; color:var(--mx-ink); font-size:12px; letter-spacing:.04em; }
.mx-foot2-note{ flex:1 1 340px; min-width:280px; }
.mx-foot2-note b{ color:var(--mx-ink); }
.mx-foot2-badge{
  display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:.02em;
  padding:2px 9px; border-radius:999px; margin-right:6px;
  color:#7C1F1F; background:var(--mx-risk-bg); border:1px solid #F1D2D2;
}

/* ---------- 4. 列印：內部版不列印版本條與導覽 ---------- */
@media print{
  .mx-vbar, .nav, .mx-xver{ display:none !important; }
  .mx-foot2{ border-top:1px solid #999; }
  .hero{ background:#fff !important; color:#000 !important; }
  .hero h1, .hero .sub, .hero .meta{ color:#000 !important; }
  thead th{ background:#E8E8E8 !important; color:#000 !important; }
}

/* =============================================================
   第二部分：兩版差異化元件（2026-10-15 W11-S006）
   -------------------------------------------------------------
   公開版：吸睛、易懂。頁首 .s-brief 用「一句話＋三數字」把投資人
           30 秒內帶進主題；頁尾 .s-next 交代限制與下一步。
   內部版：鉅細靡遺。每個 h2.st 節帶 .mx-ic 資訊五分類
           （來源／分析／驗證／結論／應用），讓每一節的性質一目了然。
   ============================================================= */

/* ---------- 公開版：頁首導言（TL;DR） ---------- */
.s-brief{
  margin:0 0 var(--s-gap,26px);
  border-radius:var(--mx-radius);
  border:1px solid var(--mx-line);
  background:linear-gradient(180deg,#F8FBFE 0%,#FFFFFF 100%);
  box-shadow:var(--mx-shadow);
  overflow:hidden;
}
.s-brief-top{
  padding:15px 20px 13px;
  border-bottom:1px dashed var(--mx-line);
}
.s-brief-lab{
  display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:.14em;
  color:var(--mx-blue); background:#EAF3FB; border-radius:999px;
  padding:2px 9px; margin-bottom:7px;
}
.s-brief-one{
  font-size:16.5px; line-height:1.68; font-weight:700; color:var(--mx-ink);
  margin:0;
}
.s-brief-one em{ color:var(--mx-blue); font-style:normal; }
.s-brief-keys{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--mx-line);
}
.s-brief-key{ background:#fff; padding:11px 14px; }
.s-brief-key .n{
  display:block; font-family:var(--mx-font-num); font-weight:900;
  font-size:22px; line-height:1.12; color:var(--mx-blue); letter-spacing:-.01em;
}
.s-brief-key .t{
  display:block; font-size:11.5px; line-height:1.5; color:var(--mx-muted); margin-top:3px;
}
.s-brief-ask{ padding:13px 20px 15px; }
.s-brief-ask h4{
  margin:0 0 6px; font-size:11.5px; font-weight:800; letter-spacing:.06em; color:var(--mx-ink);
}
.s-brief-ask ul{ margin:0; padding-left:17px; }
.s-brief-ask li{ font-size:13px; line-height:1.75; color:var(--mx-body); }
@media (max-width:760px){ .s-brief-keys{ grid-template-columns:1fr; } }

/* ---------- 公開版：頁尾（限制＋下一步） ---------- */
.s-next{
  margin-top:var(--s-gap,26px);
  display:grid; grid-template-columns:1fr 1fr; gap:14px;
}
.s-next-box{
  border-radius:var(--mx-radius-sm); border:1px solid var(--mx-line);
  padding:14px 17px; background:#fff;
}
.s-next-box.limit{ background:#FFFBF4; border-color:#F0E0C2; }
.s-next-box.go{ background:#F4FBF8; border-color:#CFE8D8; }
.s-next-box h4{
  margin:0 0 6px; font-size:12px; font-weight:800; letter-spacing:.04em;
}
.s-next-box.limit h4{ color:#8A5A00; }
.s-next-box.go h4{ color:#0B5C2E; }
.s-next-box p{ margin:0; font-size:12.8px; line-height:1.72; color:var(--mx-body); }
.s-next-box a{ color:var(--mx-blue); font-weight:700; text-decoration:none; }
.s-next-box a:hover{ text-decoration:underline; }
@media (max-width:760px){ .s-next{ grid-template-columns:1fr; } }

/* ---------- 公開版：免責聲明（法律風險補件） ---------- */
.mx-disc{
  margin-top:16px; padding-top:12px; border-top:1px solid var(--mx-line-soft);
  font-size:11px; line-height:1.7; color:var(--mx-faint);
}
.mx-disc b{ color:var(--mx-muted); }

/* ---------- 導覽第二層（作業明細） ---------- */
.navl .nav-sep{
  width:1px; height:16px; background:var(--mx-line);
  margin:0 4px; align-self:center;
}
.navl a.dim{ color:var(--mx-faint); font-weight:600; font-size:11.5px; }
.navl a.dim:hover{ color:var(--mx-muted); }

/* ---------- 內部版：資訊五分類標籤 ---------- */
.mx-ic{
  display:inline-flex; align-items:center; gap:5px; flex-wrap:wrap;
  margin:0 0 9px; font-size:11px;
}
.mx-ic-i{
  display:inline-flex; align-items:center; gap:4px;
  padding:2px 8px; border-radius:999px;
  font-weight:800; letter-spacing:.02em; line-height:1.5;
  border:1px solid var(--mx-line); background:#fff; color:var(--mx-muted);
}
.mx-ic-i b{ font-weight:900; }
.mx-ic-src{ color:#1B4E7A; background:#EEF6FD; border-color:#CFE2F3; }
.mx-ic-anl{ color:#5A3A8A; background:#F4F0FB; border-color:#DED3F0; }
.mx-ic-ver{ color:#0B5C2E; background:#F1F9F4; border-color:#CBE8D6; }
.mx-ic-con{ color:#7C1F1F; background:#FDF3F3; border-color:#F1D2D2; }
.mx-ic-app{ color:#7A4B00; background:#FDF8EF; border-color:#EFDDBE; }

@media print{
  .s-brief{ box-shadow:none; }
  .mx-ic{ margin-bottom:6px; }
}

/* ---------- 公開版：長頁主題索引（避免節數堆疊、讀起來一氣呵成） ---------- */
.mx-jump{
  display:flex; align-items:stretch; gap:1px; flex-wrap:wrap;
  background:var(--mx-line); border:1px solid var(--mx-line);
  border-radius:var(--mx-radius-sm); overflow:hidden; margin:0 0 18px;
}
.mx-jump-h{
  flex:0 0 auto; display:flex; align-items:center;
  padding:9px 14px; background:var(--mx-ink); color:#fff;
  font-size:11px; font-weight:800; letter-spacing:.06em; white-space:nowrap;
}
.mx-jump-i{
  flex:1 1 190px; background:#fff; padding:9px 13px;
  font-size:12px; line-height:1.5; color:var(--mx-body);
}
.mx-jump-i b{ display:block; color:var(--mx-ink); font-size:12.5px; font-weight:800; }

/* =============================================================
   第三部分：投資故事主線（2026-10-15 W11-S008）
   -------------------------------------------------------------
   公開版：五幕論證鏈。投資人不必讀完 10 頁才知道論點是什麼，
           在首頁就看見完整的推理順序，並可逐幕深入。
   內部版：DD 問答總表。八大面向 × 每題五欄
           （問題／答案／等級／出處／缺口），盡調不必翻全站。
   ============================================================= */

/* ---------- 公開版：五幕故事主線 ---------- */
.mx-story{
  margin:0 0 22px; border:1px solid var(--mx-line);
  border-radius:var(--mx-radius); overflow:hidden; background:#fff;
  box-shadow:var(--mx-shadow);
}
.mx-story-h{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  padding:13px 18px; border-bottom:1px solid var(--mx-line);
  background:linear-gradient(90deg,#F2F7FC 0%,#FFFFFF 100%);
}
.mx-story-h b{ font-size:14px; font-weight:900; color:var(--mx-ink); letter-spacing:.01em; }
.mx-story-h span{ font-size:11.5px; color:var(--mx-muted); }
.mx-story-ol{ list-style:none; margin:0; padding:0; counter-reset:act; }
.mx-story-act{
  display:grid; grid-template-columns:52px 1fr 150px; gap:0;
  border-bottom:1px solid var(--mx-line-soft);
  text-decoration:none; color:inherit; transition:background .14s ease;
}
.mx-story-act:last-child{ border-bottom:none; }
.mx-story-act:hover{ background:#F7FAFD; }
.mx-story-n{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:14px 0; border-right:1px solid var(--mx-line-soft); background:#FCFDFE;
}
.mx-story-n i{
  font-style:normal; font-family:var(--mx-font-num); font-weight:900; font-size:19px;
  color:var(--mx-blue); line-height:1;
}
.mx-story-n em{
  font-style:normal; font-size:9.5px; letter-spacing:.1em; color:var(--mx-faint);
  margin-top:4px; font-weight:700;
}
.mx-story-b{ padding:13px 16px; }
.mx-story-b h4{
  margin:0 0 4px; font-size:13.5px; font-weight:800; color:var(--mx-ink);
}
.mx-story-b p{
  margin:0; font-size:12.6px; line-height:1.68; color:var(--mx-body);
}
.mx-story-b p b{ color:var(--mx-blue); font-weight:700; }
.mx-story-go{
  display:flex; align-items:center; justify-content:flex-end;
  padding:13px 16px; border-left:1px solid var(--mx-line-soft);
  font-size:11.5px; font-weight:800; color:var(--mx-blue); white-space:nowrap;
}
.mx-story-go::after{ content:" →"; }
@media (max-width:860px){
  .mx-story-act{ grid-template-columns:44px 1fr; }
  .mx-story-go{ display:none; }
}

/* ---------- 公開版：每頁在故事中的位置 ---------- */
.mx-act{
  display:inline-block; margin-left:7px; padding:1px 8px; border-radius:999px;
  font-size:10px; font-weight:800; letter-spacing:.04em;
  background:var(--mx-blue); color:#fff; vertical-align:middle;
}

/* ---------- 內部版：DD 問答總表 ---------- */
.mx-dd{ margin:0 0 8px; }
.mx-dd-dom{
  margin:26px 0 12px; padding:8px 13px;
  border-left:4px solid var(--mx-blue); background:#F3F8FC;
  border-radius:0 var(--mx-radius-sm) var(--mx-radius-sm) 0;
}
.mx-dd-dom b{ font-size:13.5px; font-weight:900; color:var(--mx-ink); }
.mx-dd-dom span{ font-size:11px; color:var(--mx-muted); margin-left:7px; }
.mx-dd-tb{ width:100%; border-collapse:collapse; font-size:12.6px; }
.mx-dd-tb th{
  background:#F7F9FB; border:1px solid var(--mx-line);
  padding:7px 10px; text-align:left; font-size:11.5px; font-weight:800;
  color:var(--mx-ink); white-space:nowrap;
}
.mx-dd-tb td{
  border:1px solid var(--mx-line-soft); padding:9px 10px;
  vertical-align:top; line-height:1.66; color:var(--mx-body);
}
.mx-dd-tb td.q{ font-weight:700; color:var(--mx-ink); width:20%; }
.mx-dd-tb td.a{ width:38%; }
.mx-dd-tb td.g{ width:7%; text-align:center; white-space:nowrap; }
.mx-dd-tb td.s{ width:20%; font-size:11.8px; }
.mx-dd-tb td.x{ width:15%; font-size:11.8px; color:#8A5A00; }
.mx-dd-tb tr:nth-child(even) td{ background:#FCFDFE; }
.mx-g{
  display:inline-block; min-width:19px; padding:1px 6px; border-radius:4px;
  font-size:10.5px; font-weight:900; text-align:center;
}
.mx-gA{ background:#0B5C2E; color:#fff; }
.mx-gB{ background:#1B4E7A; color:#fff; }
.mx-gC{ background:#8A5A00; color:#fff; }
.mx-gX{ background:#8A2B2B; color:#fff; }
.mx-gN{ background:#E6E9EC; color:#5A6470; }
.mx-dd-tb a{ color:var(--mx-blue); text-decoration:none; font-weight:700; }
.mx-dd-tb a:hover{ text-decoration:underline; }
@media (max-width:1100px){
  .mx-dd-tb td.s, .mx-dd-tb td.x{ display:none; }
}
@media print{
  .mx-story{ box-shadow:none; }
  .mx-dd-tb th{ background:#EEF2F6 !important; }
}

/* =============================================================
   第四部分：內容分層——主線 vs 進階（2026-10-15 W11-S011）
   -------------------------------------------------------------
   長頁（highlights 19 節、market 13 節）若全數等重並列，讀者無從
   判斷何者為論證主線、何者可略讀，讀起來是堆疊而非一氣呵成。
   解法不是刪內容（會動到已認可數字），而是**視覺分層**：
   進階節降一階並標「進階 · 可略讀」，主線連讀不被打斷。
   完全可逆，不更動任何數字與文字。
   ============================================================= */
.s-row.adv{
  background:#FCFCFD;
  border-left:2px solid #E3E8EE;
  padding-left:clamp(10px,1.4vw,16px);
  border-radius:0 var(--mx-radius-sm) var(--mx-radius-sm) 0;
}
.s-row.adv .lead .mark{ opacity:.7; }
.s-row.adv .body{ font-size:.955em; color:#5b677a; }
.s-row.adv .body b{ color:#3d4a5c; }
.mx-adv{
  display:inline-block; margin-left:7px; padding:1px 7px; border-radius:999px;
  font-size:9.8px; font-weight:800; letter-spacing:.04em;
  background:#EFF2F6; color:#6b7787; border:1px solid #E0E5EB;
  vertical-align:middle; white-space:nowrap;
}
@media print{
  .s-row.adv{ background:none; border-left-color:#D5DAE1; }
  .mx-adv{ border-color:#C8CFD6; }
}

/* =============================================================
   第五部分：官方監測通道（2026-10-15 W11-S013）
   -------------------------------------------------------------
   監測頁專用。每一國的專利法律狀態只取自已連線的官方 API，
   非官方來源只作交叉參考、不作為狀態依據（憲法第 34 條①）。
   JP 通道 2026-10-15 開通（W11-S001／S013），為本區新增之第四個日常通道。
   ============================================================= */
.mx-ch{
  margin:18px 0 20px;
}
.mx-ch-h{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  margin:0 0 10px;
}
.mx-ch-h b{ font-size:14px; font-weight:900; color:var(--mx-ink); letter-spacing:.01em; }
.mx-ch-h span{ font-size:11.5px; color:var(--mx-muted); }
.mx-ch-g{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(212px,1fr));
  gap:10px;
}
.mx-ch-c{
  position:relative;
  border:1px solid var(--mx-line); border-radius:var(--mx-radius-sm);
  background:#fff; padding:12px 14px 11px;
  box-shadow:0 1px 2px rgba(16,32,56,.04);
}
.mx-ch-c.is-jp{
  border-color:#CFE2F3; background:linear-gradient(180deg,#F5FAFF 0%,#FFFFFF 100%);
}
.mx-ch-c.is-new::after{
  content:"NEW";
  position:absolute; top:9px; right:9px;
  font-size:9.5px; font-weight:900; letter-spacing:.08em;
  color:#fff; background:var(--mx-blue); border-radius:4px; padding:2px 6px;
}
.mx-ch-top{
  display:flex; align-items:center; gap:8px; margin-bottom:7px;
}
.mx-ch-cc{
  font-family:var(--mx-font-num); font-weight:900; font-size:12px;
  color:#fff; background:var(--mx-ink); border-radius:5px;
  padding:2px 7px; letter-spacing:.02em;
}
.mx-ch-c.is-jp .mx-ch-cc{ background:var(--mx-blue); }
.mx-ch-nm{
  font-size:12.8px; font-weight:800; color:var(--mx-ink); line-height:1.4;
}
.mx-ch-st{
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; font-weight:800; color:#0B5C2E;
  margin-bottom:6px;
}
.mx-ch-st::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#0B5C2E; box-shadow:0 0 0 3px rgba(11,92,46,.14);
}
.mx-ch-d{
  font-size:12px; line-height:1.68; color:var(--mx-body);
}
.mx-ch-d b{ color:var(--mx-ink); }
.mx-ch-note{
  margin-top:10px; font-size:12px; line-height:1.75; color:var(--mx-body);
  background:#F7FAFD; border:1px solid var(--mx-line-soft);
  border-left:3px solid var(--mx-blue);
  border-radius:0 var(--mx-radius-sm) var(--mx-radius-sm) 0;
  padding:10px 14px;
}
.mx-ch-note b{ color:var(--mx-ink); }
@media print{
  .mx-ch-c{ box-shadow:none; }
  .mx-ch-c.is-jp{ background:#fff; }
}