:root{--spruce:#1F3D35;--birch:#F3F4F1;--paper:#FFFFFF;--signal:#F2C14E;--ink:#1C2623;--muted:#4F5E59;--line:#C9D0CC;--ok:#2E6B4F;--err:#A3341F;
--display:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--spruce:#0F211C;--birch:#15201C;--paper:#1C2925;--ink:#E8ECEA;--muted:#B1BDB8;--line:#3A4B45;--ok:#7BC6A0;--err:#F4937E}}
:root[data-theme="dark"]{--spruce:#0F211C;--birch:#15201C;--paper:#1C2925;--ink:#E8ECEA;--muted:#B1BDB8;--line:#3A4B45;--ok:#7BC6A0;--err:#F4937E}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}
body{margin:0;background:var(--birch);color:var(--ink);font:400 1.0625rem/1.6 var(--body)}
h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0}
a{color:inherit;text-underline-offset:.15em}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
.skip{position:absolute;left:-9999px;top:0;background:var(--signal);color:#1C2623;padding:.75rem 1rem;font-weight:700;z-index:10}
.skip:focus{left:1rem;top:calc(1rem + env(safe-area-inset-top,0px))}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}
.narrow{max-width:46rem}
.brand{font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:.02em;text-decoration:none;color:#F3F4F1}
.brand span{display:inline-block;width:.7rem;height:.7rem;background:var(--signal);margin-right:.5rem;vertical-align:middle}
.btn{display:inline-block;background:var(--signal);color:#1C2623;text-decoration:none;border:0;font:700 1.05rem/1 var(--body);padding:1rem 1.6rem;border-radius:.4rem;cursor:pointer;min-height:44px}
.btn:hover{filter:brightness(1.05)}
.btn[disabled]{opacity:.6;cursor:wait}
.topbar{background:var(--spruce);padding:1.25rem 0}
.doc{padding:3rem 0 1rem}
.doc h1{font-size:clamp(2rem,6vw,3rem);font-weight:800;margin-bottom:.5rem}
.doc .updated{color:var(--muted);margin:0 0 2rem}
.doc h2{font-size:1.4rem;font-weight:800;margin:2.25rem 0 .5rem}
.doc p,.doc li{max-width:44rem}
.doc .box{background:var(--paper);border:1px solid var(--line);border-radius:.3rem;padding:1.25rem 1.5rem;margin:1rem 0}
.todo{background:#FFF1C7;color:#5A3F00;padding:0 .25rem;border-radius:.2rem}
footer{margin-top:4rem;background:var(--spruce);color:#DCE3E0;padding:2rem 0;font-size:.95rem}
footer strong{color:#F3F4F1}
footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem}
footer a{color:#F3F4F1}
footer address{font-style:normal;margin-top:.5rem}