/* Structure comes only from the pinned kit layout pieces. This sheet is colour, type and surface. */
:root{--bg:#fff;--surface:#fff;--surface2:#f3f6f9;--ink:#1b2a36;--muted:#4a5b69;--line:#cfdae3;--r:.8rem;--shadow:0 1px 2px #0a2a4010;scrollbar-gutter:stable;color-scheme:light}
body{background:#fff}
h1,h2,h3{color:var(--brand-text)}h1{letter-spacing:-.03em;font-size:clamp(1.35rem,1.1rem + 1.4vw,2.3rem)}h2{font-size:var(--step-1)}
.top,.top-in,.tabbar,.foot{background:#fff}.top{border-bottom:1px solid var(--line)}
.top-in,.foot-in,.rs-center{max-inline-size:90rem;margin-inline:auto;padding-inline:var(--space-6);box-sizing:border-box;width:100%}
.brand{color:var(--brand-text)}
.demo-bar{background:var(--brand-soft);color:var(--brand-text)}.demo-bar a{color:var(--brand-text)}
.hero{background:var(--brand-soft);border-radius:var(--r);padding:var(--space-5)}
.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;margin:0}
.tile{background:#fff;border:1px solid var(--line);border-top:2px solid var(--brand);box-shadow:var(--shadow)}.tile .n{color:var(--brand-text)}
.card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.card .card{background:var(--surface2);box-shadow:none}
.btn.accent{background:var(--brand);color:var(--brand-ink)}
.pill.ok{background:#e4f1e0;color:#1f4d12}.pill.warn{background:#fff1d6;color:#6b3f00}.pill.late{background:#fde5e0;color:#8a1c0c}
.coverage{font-size:.75rem;color:var(--muted);margin:0}
output{display:block;min-block-size:3rem;padding:var(--space-3);border:1px solid var(--line);background:var(--surface2);border-radius:var(--r-sm)}
svg.map{inline-size:100%;block-size:auto;display:block;border:1px solid var(--line);border-radius:var(--r);background:#f6f9fb}
.zone-dmg{fill:#fde5e0;stroke:#8a1c0c;stroke-dasharray:2 1.5;stroke-width:.4}
.zone-ring{fill:#e0e8ed66;stroke:var(--brand);stroke-width:.4}
.dot-ok{fill:var(--brand)}.dot-stale{fill:#b35c00}.dot-out{fill:#8a98a4}.dot-pin{fill:var(--accent);stroke:#fff;stroke-width:.5}
svg.map text{fill:#1b2a36;font-family:inherit}
mark{background:#d9ecc9;color:#1b2a36}
.score{font-size:var(--step-2);font-weight:800;color:var(--brand-text)}
.check-yes{color:#1f4d12;font-weight:700}.check-no{color:#8a1c0c;font-weight:700}
input[type=range]{inline-size:100%;accent-color:var(--brand)}
summary{cursor:pointer;min-block-size:2.75rem;font-weight:650}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a85400;outline-offset:2px}
@media(max-width:40rem){.hero{padding:var(--space-4)}.top-in,.foot-in,.rs-center{padding-inline:var(--space-4)}}
.bars .val{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
@media(max-width:62rem){body{padding-bottom:max(calc(var(--tab-h,3.5rem) + var(--dock-h,0px)),5rem)}}