:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font:1rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1b1b1b;background:#fafaf8}
a{color:#0b4f8a}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
header,main,footer{max-width:42rem;margin:0 auto;padding:1rem 1.25rem}
header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #d8d8d2}
nav{display:flex;gap:1rem;flex-wrap:wrap}
h1{font-size:1.75rem;line-height:1.25;margin:1.5rem 0 .5rem}
h2{font-size:1.15rem;margin:1.75rem 0 .25rem}
.lead{font-size:1.1rem}
footer{border-top:1px solid #d8d8d2;margin-top:2rem;font-size:.9rem}
@media (prefers-color-scheme:dark){body{color:#ececec;background:#161616}a{color:#8ec1f0}header,footer{border-color:#3a3a3a}.skip:focus{background:#222}}
@media (max-width:30rem){h1{font-size:1.5rem}}