:root{--bg:#F2F5F3;--surface:#FFFFFF;--ink:#13201B;--muted:#586862;--rule:#C9D8D2;--pencil:#D3262E;
--display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#17201D;--surface:#1E2925;--ink:#E8EEE9;--muted:#95A59E;--rule:#2F3D37;--pencil:#F65F68;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--body)}
.wrap{max-width:760px;margin:0 auto;padding:28px 16px 80px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--rule);padding-bottom:14px}
.top a{color:inherit;text-decoration:none;font:800 22px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.top nav a{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-left:14px}
h1{font:800 clamp(40px,8vw,64px)/.95 var(--display);text-transform:uppercase;margin:34px 0 6px}
.eff{font:500 12.5px var(--mono);color:var(--muted);margin:0 0 22px}
.tldr{background:var(--surface);border:1px solid var(--rule);border-left:4px solid var(--pencil);border-radius:10px;padding:14px 18px;margin:0 0 26px}
.tldr ul{margin:6px 0 0;padding-left:20px}
h2{font:700 24px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin:34px 0 8px}
h3{font-size:16px;margin:20px 0 4px}
a{color:var(--pencil)} table{width:100%;border-collapse:collapse;font-size:14.5px;margin:8px 0}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rule);vertical-align:top} th{font:500 11.5px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.tw{overflow-x:auto} footer{margin-top:50px;border-top:1px solid var(--rule);padding-top:14px;font:500 12px var(--mono);color:var(--muted)}

.skip{position:absolute;left:16px;top:8px;z-index:10;padding:12px 16px;border-radius:10px;background:var(--ink);color:var(--bg);font:700 16px/1 var(--body);text-decoration:none;transform:translateY(-200%)}
.skip:focus{transform:none}
main:focus{outline:none}
.top a{display:inline-flex;align-items:center;min-height:24px}
.top nav a{min-height:44px;margin-block:-10px}