:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0 auto;
  padding: 3rem 1.25rem 6rem;
  max-width: 38rem;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1C2026;
  background: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  body { color: #E7E9EC; background: #14171B; }
  a { color: #7FB0E8; }
  .rule { border-color: #2A2F36; }
  code { background: #22272E; }
}
h1 { font-size: 1.6rem; line-height: 1.25; margin: 0 0 .35rem; }
h2 { font-size: 1.05rem; margin: 2.25rem 0 .5rem; }
p, li { margin: 0 0 .85rem; }
ul { padding-left: 1.15rem; }
.lede { color: #6B7280; margin-bottom: 2rem; }
.rule { border: 0; border-top: 1px solid #D5D9DF; margin: 2.5rem 0; }
code { background: #F5F6F8; padding: .1rem .3rem; border-radius: 3px; font-size: .9em; }
footer { color: #6B7280; font-size: .875rem; margin-top: 3rem; }