:root{color-scheme:light dark;--bg:#f6f8fa;--fg:#142c41;--surface:#fff;--accent:#007d70;--line:#d6e1e7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:1rem/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:52rem;margin:auto;padding:1.5rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}header>a{font-size:1.3rem;font-weight:750;text-decoration:none;color:var(--fg)}nav{display:flex;gap:1rem;flex-wrap:wrap}a{color:var(--accent);text-underline-offset:.2em;overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main{background:var(--surface);margin-top:1.5rem;padding:2rem;border:1px solid var(--line);border-radius:1rem}h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2;margin:0 0 1.5rem}h2{font-size:1.25rem;margin:2rem 0 .5rem}p{margin:.75rem 0}pre{font-size:.875rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);padding:1rem;border-radius:.5rem}footer{font-size:.875rem} @media(max-width:600px){main{margin:1rem;padding:1.25rem}header,footer{padding:1rem}} @media(prefers-color-scheme:dark){:root{--bg:#0b1721;--fg:#e8f0f4;--surface:#132535;--accent:#54dbc7;--line:#324956}}header>a{display:flex;align-items:center;gap:.6rem}.brand-icon{width:32px;height:32px;border-radius:8px}.skip-link{position:absolute;top:-5rem;left:1rem;z-index:10;background:var(--surface);padding:.5rem 1rem}.skip-link:focus{top:1rem}