:root{color-scheme:light dark}
body{max-width:42rem;margin:0 auto;padding:3rem 1.5rem;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1a1a1a;background:#fbfbf9}
@media(prefers-color-scheme:dark){body{color:#e8e8e6;background:#141414}a{color:#8ab4f8}}
h1{font-size:1.6rem;margin-bottom:.2rem}h2{font-size:1.1rem;margin-top:2rem}
.sub{color:#777;margin-top:0}nav{margin:2rem 0;padding-top:1rem;border-top:1px solid #8883}
nav a{margin-right:1.2rem}footer{margin-top:3rem;color:#777;font-size:.9rem}