:root,:root[data-theme="light"]{
 --bg:#f7f8f6;--surface:#fff;--panel:#f0f3f3;--ink:#24343b;--ink2:#52636b;--muted:#596c75;
 --grid:#d9e0e1;--axis:#8b9da4;--border:#d9e0e1;--hover:#edf1ef;
 --accent:#a05f46;--accent-ink:#8a4b32;--on-accent:#fff;
 --s1:#3f626e;--s1d:#264751;--s2:#ad694b;--s3:#267555;--s5:#8c759f;--s7:#9c7439;
 --good:#267555;--good-text:#217353;--warn:#c89426;--serious:#ad694b;--crit:#b3352e;--crit-text:#b3352e;
 --band-bg:#fff;--band-fg:#24343b;--band-muted:#52636b;--band-line:#d9e0e1;--band-accent:#8a4b32;
 --shadow:none;--font:Arial,Helvetica,sans-serif;--mono:Consolas,'Liberation Mono',monospace;
 color-scheme:light;
}
:root[data-theme="dark"]{
 --bg:#0b1418;--surface:#132127;--panel:#192c34;--ink:#cbd6da;--ink2:#a0b2bb;--muted:#a0b2bb;
 --grid:#30454f;--axis:#526e7a;--border:#30454f;--hover:#223a44;
 --accent:#d6af9b;--accent-ink:#e4bfaa;--on-accent:#0b1418;
 --s1:#8db3c0;--s1d:#b7d1da;--s2:#d58972;--s3:#79c5a1;--s5:#b6a2cf;--s7:#dbbb80;
 --good:#79c5a1;--good-text:#79c5a1;--warn:#e1bf6d;--serious:#d58972;--crit:#ec9c83;--crit-text:#ec9c83;
 --band-bg:#132127;--band-fg:#cbd6da;--band-muted:#a0b2bb;--band-line:#30454f;--band-accent:#e4bfaa;
 color-scheme:dark;
}
body{margin:0;padding:0 40px 26px}
[hidden]{display:none!important}
.co-nav,.co-footer{max-width:1440px;margin:auto;display:flex;align-items:center;gap:24px}
.co-nav{min-height:80px;border-bottom:1px solid var(--grid);margin-bottom:28px;flex-wrap:wrap}
.co-brand{font-size:21px;letter-spacing:-1px;color:var(--ink);text-decoration:none}.co-brand span{color:var(--accent)}
.co-label{font:10px/1.5 var(--mono);letter-spacing:1.3px;color:var(--muted)}
.co-nav nav{margin-left:auto;display:flex;gap:20px;font-size:12px}.co-nav nav a{color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.co-nav nav a:hover{text-decoration:underline;text-underline-offset:4px}
.co-theme{display:flex}.co-theme button{font:12px/1.5 var(--font);padding:8px 12px;min-height:40px;border:1px solid var(--axis);background:var(--surface);color:var(--ink)}.co-theme button+button{border-left:0}.co-theme button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.co-skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--surface);z-index:100;color:var(--accent-ink)}.co-skip:focus{top:10px}
.app{max-width:1440px}.top h1{font-weight:400;letter-spacing:-1px;font-size:34px}.top p{font-size:14px}.top{padding-bottom:6px}
.band,.grp,.card,.chip,.btn,.hint{border-radius:2px}.band{border:1px solid var(--border)}.band .kv{font-weight:400}.band .hero .kv{font-weight:400}.band .kd .bad{color:var(--crit-text)}.band .kd .good{color:var(--good-text)}
.grp>button:focus-visible{border-radius:2px}.grp>button .gt{font-weight:400}.card h2{font-weight:400}.co-footer{border-top:1px solid var(--grid);padding-top:22px;margin-top:28px;justify-content:space-between;font-size:11px;color:var(--muted)}
@media(max-width:800px){body{padding:0 18px 24px}.co-nav{gap:10px 18px;padding:14px 0}.co-label{margin-left:auto}.co-nav nav{margin-left:0;order:3;flex:1}.co-theme{order:4}.co-footer{align-items:flex-start;gap:20px}.top h1{font-size:30px}}
@media(max-width:420px){.co-label{font-size:9px;letter-spacing:.6px}.co-nav nav{font-size:11px;gap:14px}.co-theme button{padding:8px 10px}}