:root{color-scheme:dark;--bg:#061424;--text:#edf5ff;--muted:#afc2d7;--line:#243b52;--accent:#67c5ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:.22em}a:hover{color:#fff}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}.skip{position:absolute;top:8px;left:12px;padding:8px;background:var(--bg);transform:translateY(-160%)}.skip:focus{transform:none}
header{border-bottom:1px solid var(--line);background:#091a2d}.top,.pages,main,footer{max-width:1080px;margin:auto;padding-inline:28px}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;color:var(--text);text-decoration:none}.brand img{flex-shrink:0}.top nav{display:flex;align-items:center;gap:24px}.start{display:inline-block;background:#123956;border:1px solid #39749b;border-radius:9px;padding:7px 15px;color:var(--text);text-decoration:none}.pages{display:flex;flex-wrap:wrap;gap:12px 28px;padding-bottom:22px;font-size:15px}.pages a{text-decoration:none}.pages [aria-current=page]{color:#fff;text-decoration:underline}
main{padding-block:52px 72px}article{max-width:780px}.eyebrow{color:var(--accent);font-size:14px;letter-spacing:.04em;margin:0 0 12px}h1{font-size:clamp(32px,5vw,52px);line-height:1.16;letter-spacing:-.03em;margin:0 0 30px;text-wrap:balance}h2{font-size:clamp(22px,3vw,28px);line-height:1.3;margin:40px 0 12px;letter-spacing:-.015em}p{margin:0 0 20px;color:var(--muted)}article>p:first-of-type+ h1+p{font-size:19px;color:#d6e6f5}code{font: .9em ui-monospace,monospace;background:#10283e;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}article a{overflow-wrap:anywhere}footer{display:flex;flex-wrap:wrap;gap:16px 24px;padding-block:24px 36px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}footer span{margin-left:auto}
@media(max-width:640px){.top,.pages,main,footer{padding-inline:20px}.top{align-items:flex-start;flex-direction:column;gap:16px;padding-block:20px}.top nav{width:100%;justify-content:space-between}.pages{gap:12px 20px}main{padding-block:34px 48px}body{font-size:16px}h2{margin-top:32px}footer span{flex-basis:100%;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}