:root{color-scheme:dark}
html,body{margin:0;background:#050506;color:#F2F2EE;font-family:Geist,sans-serif}
header,main,footer{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
header{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px;font:500 13px "Geist Mono",monospace;letter-spacing:.08em}
header a{color:#F2F2EE;text-decoration:none}
nav a{margin-left:16px;color:#8B8D93}
nav a:hover{color:#00E9FF}
article{padding:40px 0 64px;border-top:1px solid #1E2026}
.code{font:500 12px "Geist Mono",monospace;letter-spacing:.14em;color:#00E9FF;margin:0}
h1{font-size:clamp(38px,7vw,64px);line-height:.95;letter-spacing:-.04em;margin:14px 0 22px}
h1 i{color:#00E9FF;font-style:normal}
h2{font-size:20px;letter-spacing:-.01em;margin:36px 0 10px}
p,li{color:#B9BBC0;font-size:16px;line-height:1.6}
.lead{font-size:18px;color:#F2F2EE}
ul{padding-left:20px}
a{color:#00E9FF}
b{color:#F2F2EE;font-weight:600}
.todo{background:#3a2a00;color:#FDDA24;padding:0 4px}
footer{padding-bottom:40px;font:500 12px "Geist Mono",monospace;letter-spacing:.1em}
footer a{color:#8B8D93;text-decoration:none}
a:focus-visible{outline:2px solid #00E9FF;outline-offset:3px}