:root{color-scheme:light;--ink:#172538;--muted:#47576a;--blue:#174e81;--line:#d8e1ea}*{box-sizing:border-box}body{margin:0;background:#f5f8fb;color:var(--ink);font:1rem/1.7 system-ui,sans-serif}header,main,footer{max-width:880px;margin:auto;padding:1.5rem}header{border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:1.15rem;color:var(--ink)}nav{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:.6rem}a{color:var(--blue);text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}main{padding-top:3rem;padding-bottom:3rem}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.2;letter-spacing:-.03em;margin:0 0 1.5rem}h2{font-size:1.3rem;margin-top:2rem}p,li{max-width:72ch}.intro{font-size:1.2rem;color:var(--muted)}.notice{padding:1rem 1.3rem;border-left:4px solid var(--blue);background:#e9f0f7}.meta,footer{color:var(--muted);font-size:.9rem}footer{border-top:1px solid var(--line)}code{overflow-wrap:anywhere}@media(max-width:480px){header,main,footer{padding:1.2rem}main{padding-top:2rem}}