:root{
  --bg0:#141210; --bg1:#1C1916; --bg2:#262220; --border:#3A342E;
  --text:#EDE7DC; --text2:#A89F92; --muted:#8A8377;
  --accent:#D9A441; --good:#8FBF6F; --error:#D96A55;
  --accent-dim:rgba(217,164,65,.12); --btn-label:#141210;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: light){
  :root{ --bg0:#F8F5EF; --bg1:#FFFDF8; --bg2:#F1EDE4; --border:#D8D2C4;
         --text:#241F1A; --text2:#5D574E; --muted:#746E63;
         --accent:#8A5F14; --good:#3E7220; --error:#A93B2C;
         --accent-dim:rgba(138,95,20,.10); --btn-label:#FFFFFF; }
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg0);color:var(--text);font:17px/1.65 var(--sans)}
.skip{position:absolute;left:-9999px} .skip:focus{left:8px;top:8px;background:var(--bg2);padding:.5em 1em;z-index:9}
header{border-bottom:1px solid var(--border);background:var(--bg1)}
.shell{max-width:72rem;margin:0 auto;padding:0 1.25rem}
nav{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;padding:.9rem 0}
.wordmark{font-family:var(--serif);font-size:1.15rem;color:var(--text);text-decoration:none;margin-right:auto}
nav a{color:var(--text2);text-decoration:none} nav a:hover{color:var(--accent)}
nav a[aria-current]{color:var(--accent)}
main{max-width:44rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}
h1{font-family:var(--serif);font-size:2rem;line-height:1.25;margin:.2em 0 .5em}
h2{font-family:var(--serif);font-size:1.35rem;margin-top:2.2em}
a{color:var(--accent)} p{margin:.9em 0} .lead{font-size:1.15rem;color:var(--text2)}
ul{padding-left:1.2rem} li{margin:.45em 0}
.status{border:1px solid var(--border);border-left:4px solid var(--accent);
        background:var(--accent-dim);padding:.9rem 1.1rem;border-radius:6px;margin:1.6rem 0}
.status strong{color:var(--accent)}
table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.95rem}
th,td{border:1px solid var(--border);padding:.5rem .7rem;text-align:left;vertical-align:top}
th{background:var(--bg2)} .num{font-family:var(--mono);text-align:right}
.r-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
footer{border-top:1px solid var(--border);margin-top:3rem;background:var(--bg1)}
footer .shell{padding:1.4rem 1.25rem;color:var(--muted);font-size:.9rem}
@media (max-width:420px){ h1{font-size:1.6rem} body{font-size:16px} }
