@font-face{font-family:Anton;src:url('/assets/anton.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#080808;--paper:#f9f8f3;--lime:#c7ff05;--line:#333}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font:400 1rem/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:var(--lime);text-underline-offset:3px}
a:focus-visible{outline:3px solid #ff2670;outline-offset:5px}
.skip{position:absolute;top:-100px;left:1rem;padding:.5rem 1rem;background:var(--lime);color:var(--ink);z-index:2}
.skip:focus{top:1rem}
.topbar,main,footer{width:min(780px,calc(100% - 3rem));margin-inline:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.brand{font:400 1.5rem/1 Anton,sans-serif;color:var(--paper);text-decoration:none;letter-spacing:.02em}
.brand span{color:var(--lime)}
.home{font-size:.875rem}
main{padding:clamp(2.5rem,7vw,5rem) 0 4rem}
.eyebrow{margin:0 0 .75rem;color:var(--lime);font-size:.82rem;font-weight:800;letter-spacing:.16em}
h1,h2{font-family:Anton,sans-serif;font-weight:400;line-height:1.08}
h1{font-size:clamp(3.2rem,9vw,6rem);margin:0;letter-spacing:-.025em}
h1 span{color:var(--lime)}
.updated{color:#b8b8b8;margin:.65rem 0 2rem;font-size:.9rem}
.lead{font-size:clamp(1.12rem,2.6vw,1.35rem);line-height:1.5;max-width:44rem;margin:0 0 2.5rem}
section{border-top:1px solid var(--line);padding:1.7rem 0 1.4rem}
h2{font-size:clamp(1.8rem,4vw,2.3rem);margin:0 0 1rem}
p,li{max-width:68ch}
section p,section li{margin:0 0 1rem}
section ul{padding-left:1.4rem;margin:0 0 1rem}
li::marker{color:var(--lime)}
strong{color:var(--paper)}
footer{border-top:1px solid var(--line);padding:1.4rem 0 2rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;color:#b8b8b8;font-size:.875rem}
@media(max-width:520px){.topbar,main,footer{width:min(780px,calc(100% - 2rem))}.home{font-size:.8rem}.brand{font-size:1.25rem}}