html{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.65}
body{max-width:72ch;margin:0 auto;padding:1.5rem;background:#f8faf9;color:#182c2c}
nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
nav a{padding:.6rem .8rem}a{color:#005d59;text-underline-offset:.18em}
nav [aria-current]{font-weight:700}h1{line-height:1.2;font-size:2rem}
h2{line-height:1.3;margin-top:2rem}h1,h2,p,code,a{overflow-wrap:anywhere}
code{font-size:.95em}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.skip{position:absolute;left:-10000px}.skip:focus{position:static}
@media(prefers-color-scheme:dark){body{background:#142323;color:#edf4f2}a{color:#91e3d1}}