:root{color-scheme:light dark}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;
  max-width:720px;margin:0 auto;padding:24px;color:#1a1a1a;background:#fff}
@media(prefers-color-scheme:dark){body{color:#eee;background:#111}a{color:#6db3ff}}
h1{color:#0b3d2e}@media(prefers-color-scheme:dark){h1{color:#7fd1b0}}
h2{margin-top:1.6em}code{background:#0001;padding:2px 5px;border-radius:4px}
footer{margin-top:3em;font-size:.85em;opacity:.7}
nav{margin-bottom:1.5em}nav a{margin-right:1em}