:root{
  --bg:#EDEFEC; --surface:#F8F9F7; --ink:#10252A; --muted:#51666A; --line:#CBD3D0;
  --brass:#8E6A22; --brass-soft:#E7DCC4; --teal:#1E5A60;
  --board:#0E2125; --board-ink:#E3EBE7; --board-muted:#7E9699; --board-line:#1F383C;
  --open:#3FB37A; --warn:#D8A640; --stop:#C0564B; --danger-bg:#F6E3DF; --danger-ink:#7A2A21;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#091416; --surface:#0F1F22; --ink:#E2EAE7; --muted:#93A6A7; --line:#22393C;
    --brass:#D6AC5C; --brass-soft:#2B2517; --teal:#74B5B6;
    --board:#050E10; --board-line:#18302F; --danger-bg:#2E1512; --danger-ink:#F0A89E;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#091416; --surface:#0F1F22; --ink:#E2EAE7; --muted:#93A6A7; --line:#22393C;
  --brass:#D6AC5C; --brass-soft:#2B2517; --teal:#74B5B6;
  --board:#050E10; --board-line:#18302F; --danger-bg:#2E1512; --danger-ink:#F0A89E;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--sans);padding-inline:20px;-webkit-text-size-adjust:100%}
a{color:var(--teal)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}
.wrap{max-width:760px;margin-inline:auto}
header.nav{border-bottom:1px solid var(--line);margin-inline:-20px;padding-inline:20px}
.nav-in{max-width:1160px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.mark{font:800 24px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.nav-in nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
.nav-in nav a{color:var(--muted);text-decoration:none}
.nav-in nav a:hover{color:var(--ink)}
.nav-in nav a[aria-current]{color:var(--ink);font-weight:600}
@media (max-width:600px){.nav-in{height:auto;padding-block:14px;flex-direction:column;align-items:flex-start}}
main{padding-block:56px 72px}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
h1{font:800 clamp(40px,6vw,64px)/.95 var(--display);text-transform:uppercase;margin:14px 0 10px;text-wrap:balance}
.updated{font:500 13px/1.4 var(--mono);color:var(--muted);margin:0}
.lede{font-size:18px;color:var(--muted);margin-top:20px}
h2{font:600 20px/1.3 var(--sans);margin:44px 0 10px;padding-top:20px;border-top:1px solid var(--line);text-wrap:balance}
p,li{max-width:65ch}
ul{padding-left:20px}
li{margin-block:6px}
.callout{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:28px}
.tbl{overflow-x:auto;margin-top:28px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;color:var(--ink)}
th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
footer{border-top:1px solid var(--line);padding-block:32px 48px;font:500 12px/1.7 var(--mono);color:var(--muted)}
footer .links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}
footer a{color:var(--muted)}