:root{--sun:#F4C21F;--night:#0B0D17;--star:#ECE6D3;--dim:#B4B6CA;--rule:rgba(236,230,211,.18);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;background:var(--night);color:var(--star);font:18px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--sun)}
:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--sun);color:#15130C;padding:8px 12px;z-index:9}
header,main,footer{max-width:760px;margin:0 auto;padding:24px 20px}
header a.brand{font:600 16px system-ui,sans-serif;text-decoration:none;color:var(--star)}
h1{font:700 clamp(28px,5vw,40px)/1.15 system-ui,sans-serif;margin:24px 0 8px}
h2{font:600 22px/1.3 system-ui,sans-serif;margin:36px 0 8px}
.meta{color:var(--dim);font:14px system-ui,sans-serif}
ul{padding-left:1.2em}li{margin:4px 0}
.todo{background:rgba(244,194,31,.16);border:1px dashed var(--sun);padding:0 6px;border-radius:4px;font:15px system-ui,sans-serif}
.draft{border:1px solid var(--sun);padding:12px 16px;border-radius:8px;font:15px/1.5 system-ui,sans-serif;margin:16px 0}
nav.legal{display:flex;flex-wrap:wrap;gap:8px 20px;font:15px system-ui,sans-serif;border-top:1px solid var(--rule);margin-top:40px;padding-top:16px}