:root{--bg:#f5f6f3;--panel:#ffffff;--ink:#1c2420;--mute:#5a6660;--line:#dde2dc;--brand:#1f6f5c;--brand-ink:#ffffff;--brand-soft:#e2efea;--call:#167a43;--warn:#8a5a00;--warn-bg:#fbefd6;--live:#1d6a3e;--live-bg:#ddf2e5;--hist:#3d4f8a;--hist-bg:#e4e9f7;--sim:#7a4b00;--sim-bg:#fcecd2;--sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--mono:ui-monospace,Consolas,"Liberation Mono",monospace}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#121614;--panel:#1a201d;--ink:#e6ebe8;--mute:#9aa7a0;--line:#2c3531;--brand:#5cc4a6;--brand-ink:#0e1513;--brand-soft:#1c2f29;--call:#6fd49a;--warn:#e7b85c;--warn-bg:#352a14;--live:#7fdca3;--live-bg:#183326;--hist:#a9bdf2;--hist-bg:#1e2742;--sim:#f0c070;--sim-bg:#3a2c12;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#121614;--panel:#1a201d;--ink:#e6ebe8;--mute:#9aa7a0;--line:#2c3531;--brand:#5cc4a6;--brand-ink:#0e1513;--brand-soft:#1c2f29;--call:#6fd49a;--warn:#e7b85c;--warn-bg:#352a14;--live:#7fdca3;--live-bg:#183326;--hist:#a9bdf2;--hist-bg:#1e2742;--sim:#f0c070;--sim-bg:#3a2c12;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:var(--brand)}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top{background:var(--panel);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between;padding-block:12px}
.mark{font-weight:700;font-size:17px;text-decoration:none;color:var(--ink)}
.mark span{color:var(--brand)}
.tagline{font-size:13px;color:var(--mute)}
nav{display:flex;flex-wrap:wrap;gap:4px}
nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px}
nav a[aria-current="page"]{background:var(--brand-soft);color:var(--brand)}
h1{font-size:clamp(26px,4.5vw,36px);line-height:1.2;margin:0 0 10px;text-wrap:balance}
h2{font-size:22px;margin:0 0 10px;text-wrap:balance}
h3{font-size:17px;margin:0 0 6px}
p{margin:0 0 10px}
.lede{color:var(--mute);max-width:66ch;font-size:17px}
section{padding-block:28px}
.label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 9px;border-radius:99px;vertical-align:2px}
.label.live{background:var(--live-bg);color:var(--live)}
.label.hist{background:var(--hist-bg);color:var(--hist)}
.label.sim{background:var(--sim-bg);color:var(--sim)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid>*{min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:10px;font:inherit;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn.primary{background:var(--brand);color:var(--brand-ink)}
.btn.call{background:var(--call);color:var(--brand-ink)}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.slot{border:2px dashed var(--line);border-radius:12px;padding:18px;background:transparent}
.slot h3{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.foot{border-top:1px solid var(--line);color:var(--mute);font-size:14px;padding-block:22px 40px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.facts{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}
.facts li{line-height:1.55}
.fine{font-size:13px;color:var(--mute);margin-top:12px}
.slot:has(.facts){border-style:solid}