*{box-sizing:border-box}
:root{color-scheme:light dark}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI",sans-serif;line-height:1.75;background:#fafafa;color:#222}
main{max-width:860px;margin:0 auto;padding:48px 24px 64px}
h1{margin:0 0 .25rem;font-size:2rem}
h2{margin-top:2rem;font-size:1.25rem}
.subtitle{margin-top:0;color:#666}
section{margin-top:1.5rem}
a{color:#185abc}
footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid #ddd;font-size:.92rem;color:#666}
@media(prefers-color-scheme:dark){
  body{background:#161616;color:#eee}
  .subtitle,footer{color:#aaa}
  footer{border-color:#444}
  a{color:#8ab4f8}
}