:root{
 --ink:#1E272C;--concrete:#E6E8E8;--panel:#F7F8F8;--tape:#E9D9A6;--tape-ink:#3A3220;--steel:#2F5D7C;
 --text-primary:var(--ink);--text-secondary:#56636B;--border:#C9CFD2;
 --bg-accent:#DCE8F1;--text-accent:#1F4560;--border-accent:#2F5D7C;
 --bg-success:#E1F1E6;--text-success:#1E5C33;--bg-warning:#FBEBD0;--text-warning:#7A4A06;
 --radius:6px;color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
 --ink:#E4E8EA;--concrete:#161B1E;--panel:#1F262A;--tape:#BFAE7A;--tape-ink:#231E12;--steel:#8DB6D3;
 --text-secondary:#A3AEB4;--border:#38434A;
 --bg-accent:#22374A;--text-accent:#B9D5EA;--border-accent:#8DB6D3;
 --bg-success:#1D3A27;--text-success:#A9DDB7;--bg-warning:#46330F;--text-warning:#F2CF8E;color-scheme:dark;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--concrete);color:var(--text-primary);font:400 17px/1.6 "Barlow",system-ui,sans-serif;
 padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
main{max-width:980px;margin:0 auto;padding:28px 20px 60px}
h1{font-weight:600;font-size:clamp(28px,6vw,40px);line-height:1.1;margin:0 0 8px}
h2{font-weight:600;font-size:22px;margin:32px 0 8px}
h3{font-size:18px}
a{color:var(--steel)}
a:focus-visible,button:focus-visible{outline:2px solid var(--steel);outline-offset:2px}
.tape{display:inline-block;background:var(--tape);color:var(--tape-ink);font-family:"Permanent Marker",cursive;
 padding:6px 16px 4px;transform:rotate(-1.2deg);text-decoration:none;font-size:20px;
 clip-path:polygon(0 4%,3% 0,97% 3%,100% 0,99% 96%,96% 100%,4% 97%,0 100%)}
nav.crumbs{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
nav.crumbs a{font-size:15px}
.lede{color:var(--text-secondary);max-width:62ch}
button{font:inherit;font-size:15px;color:var(--text-primary);background:var(--panel);border:1px solid var(--border);
 border-radius:var(--radius);padding:6px 12px;cursor:pointer}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}
.scroll{overflow-x:auto}
table{border-collapse:collapse;font-size:15px;min-width:100%}
th,td{border-bottom:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}
th{font-weight:600}
code{background:var(--bg-accent);color:var(--text-accent);padding:1px 5px;border-radius:4px;font-size:.9em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}