:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.7}body{max-width:900px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:18px}a{color:#93c5fd;text-underline-offset:4px}a:focus-visible{outline:3px solid #fbbf24;outline-offset:4px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;color:#fff}h2{margin-top:2rem;color:#fff}h3{overflow-wrap:anywhere}p,li{overflow-wrap:anywhere}header,footer{padding:20px 0;border-bottom:1px solid #334155}footer{margin-top:48px;border-top:1px solid #334155;border-bottom:0}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#0f172a;padding:10px}section{scroll-margin-top:24px}