/* Base look: colour tokens (light and dark theme follow the device), type, buttons, page header. */
:root{--bg:#f4f6f3;--card:#fff;--ink:#18211b;--ink2:#3e4a42;--muted:#5b665e;--line:#e2e7e1;--wire:#b9c6bd;--brand:#0b6b3a;--good:#14853f;--bad:#c93a30;--warn:#b77a00;--neutral:#8a988f;--chip:#eef2ed;--sel:#e3f1e8;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0e1411;--card:#17201b;--ink:#e5ede8;--ink2:#b9c6be;--muted:#8b9991;--line:#2b3731;--wire:#46594e;--brand:#2fc06f;--good:#3ccf7c;--bad:#ff6b5e;--warn:#f0b43a;--neutral:#6f7f76;--chip:#1f2a24;--sel:#173325;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1{font-size:20px;margin:2px 0 0}
h2{font-size:16px;margin:0 0 10px}
h3{font-size:13px;margin:0 0 6px;color:var(--ink2);font-weight:600}
p{margin:0}
.top,.bar-sticky,main,.status{max-width:1500px;margin-inline:auto;padding-inline:16px}
[hidden]{display:none!important}
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;padding-block:14px 8px}
.kicker{font-size:12px;color:var(--muted);letter-spacing:.03em}
.links{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
button,.links a{font:inherit;font-size:13px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 11px;text-decoration:none;cursor:pointer}
button:hover,.links a:hover{border-color:var(--wire)}
button:disabled{opacity:.5;cursor:default}
a{color:var(--ink)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.bar-sticky{background:var(--bg);padding-block:6px;border-bottom:1px solid var(--line)}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px}
.seg button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.status{min-height:20px;margin-block:8px 0;font-size:13px;color:var(--muted)}
.status.err{color:var(--bad)}
.who{font-size:13px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}