/* Boardroom Memo: white paper, navy ink, a ruled memo header and serif headlines. */
:root {
  --bg: #fbfbf8;
  --surface: #ffffff;
  --ink: #13202f;
  --muted: #5e6875;
  --line: #d9dde2;
  --accent: #1f4e8c;
  --accent-ink: #ffffff;
  --accent-2: #b8821c;
  --ok: #2e7d4f;
  --bad: #b23b2e;
  --font-display: "Deck Serif", var(--cjk-serif), Georgia, serif;
  --font-body: "Deck Sans", var(--cjk), system-ui, sans-serif;
  --radius: 6px;
  --pad: 140px;
  --chart-colors: #1f4e8c, #b8821c, #7d97b8, #2e7d4f, #9aa3ad;
  --outer: #0f1722;
}
.deck-stage > section { padding-top: 170px; }
.deck-stage > section::before {
  content: ""; position: absolute; left: var(--pad); right: var(--pad); top: 92px; height: 2px; background: var(--ink);
}
.deck-stage > section::after {
  content: var(--memo, ""); position: absolute; left: var(--pad); top: 52px;
  font: 600 22px/1 var(--font-mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted);
}
section .kicker { color: var(--accent-2); }
section h1, section h2 { color: var(--ink); }
section em { color: var(--accent); font-style: italic; }
:lang(zh) section em { font-style: normal; }
section[data-layout="cover"] { justify-content: center; }
section[data-layout="cover"] h1 { border-left: 10px solid var(--accent); padding-left: 48px; }
section[data-layout="bullets"] li::before { background: var(--accent); width: 18px; height: 18px; border-radius: 2px; top: 0.45em; }
.stat { border-top: 4px solid var(--accent); background: var(--surface); padding: 32px 36px 36px; box-shadow: 0 1px 0 var(--line); }
.stat b { color: var(--ink); font-size: 150px; }
section[data-layout="compare"] .col { border-width: 1px; }
section[data-layout="compare"] .col:last-child { border: 2px solid var(--accent); }
.match .item { background: var(--accent); }