:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0a0f18;color:#e2e8f0}body{margin:0}main{max-width:760px;margin:auto;padding:32px 24px 64px}nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:#94a3b8;border-bottom:1px solid #263344;padding-bottom:24px;margin-bottom:40px}a{color:#8bdccc}h1{font-size:36px;letter-spacing:-1px}h2{font-size:20px;margin-top:32px}p{line-height:1.8;color:#bac6d5}code{font-size:.9em;color:#e2e8f0}a:focus-visible{outline:2px solid #8bdccc;outline-offset:4px}