:root{color-scheme:dark light;--bg:#10131a;--fg:#e6e8ee;--sub:#c3c8d3;--tint:#7ed3ae;--rule:#2b3140}
@media (prefers-color-scheme:light){:root{--bg:#f3f4f7;--fg:#10131a;--sub:#343a48;--tint:#17684a;--rule:#c9cdd8}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1.0625rem;line-height:1.6;overflow-wrap:anywhere}
a{color:var(--tint);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{color:var(--fg)}
a:focus-visible{outline:2px solid var(--tint);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:.75rem;top:-4rem;padding:.5rem .75rem;background:var(--bg);color:var(--fg);border:2px solid var(--tint);z-index:3}
.skip:focus{top:.75rem}
.doc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;max-width:42em;margin:0 auto;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--rule)}
.brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg);font-weight:700;font-size:1.35rem;line-height:1;text-decoration:none}
.brand svg{width:1.4rem;height:1.4rem;fill:currentColor}
.doc-head nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;font-size:.95rem}
.doc-head nav a{color:var(--sub);padding:.25rem 0}
.doc-head nav a[aria-current=page]{color:var(--fg);font-weight:700;text-decoration-color:var(--tint)}
main{max-width:42em;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}
h1{margin:.5rem 0 .75rem;font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.15}
h2{margin:2rem 0 .5rem;font-size:1.35rem;line-height:1.25}
h3{margin:1.5rem 0 .4rem;font-size:1.1rem}
p,ul,ol{margin:0 0 1rem}
ul,ol{padding-left:1.4rem}
li{margin-bottom:.35rem}
.lead{font-size:1.15rem;color:var(--sub)}
time{white-space:nowrap}
section{margin:0}
footer.site{max-width:42em;margin:0 auto;padding:1rem 1.25rem 2rem;border-top:1px solid var(--rule);font-size:.95rem}
footer.site a{color:var(--sub);margin-right:1.1rem}
footer.site a:hover{color:var(--fg)}