:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 20px 64px;
  color: #1c1c1e;
  background: #ffffff;
}
@media (prefers-color-scheme: dark) {
  body { color: #f2f2f7; background: #0e0e12; }
  a { color: #9b82ff; }
  hr { border-color: #2a2a31; }
}
h1 { font-size: 28px; margin: 0 0 4px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
a { color: #6f57e6; }
.muted { color: #8a8a8e; font-size: 14px; margin-top: 0; }
hr { border: none; border-top: 1px solid #ececee; margin: 24px 0; }
ul { padding-left: 22px; }
li { margin: 4px 0; }
footer { margin-top: 48px; font-size: 13px; color: #8a8a8e; }
.nav { margin-bottom: 24px; font-size: 14px; }