:root { color-scheme: light dark; }
body {
  margin: 0 auto; padding: 40px 20px 80px; max-width: 720px;
  font-family: -apple-system, "Hiragino Sans", sans-serif;
  line-height: 1.9; font-size: 15px;
  color: #1a1a1c; background: #fff;
}
@media (prefers-color-scheme: dark) {
  body { color: #e8e8ea; background: #0f0f11; }
  a { color: #7fb0ff; }
  hr { border-color: #2a2a30; }
}
h1 { font-size: 22px; margin: 0 0 6px; letter-spacing: -0.01em; }
h2 { font-size: 16px; margin: 32px 0 8px; }
.updated { color: #888; font-size: 13px; margin: 0 0 28px; }
ul { padding-left: 1.3em; }
li { margin: 4px 0; }
hr { margin: 40px 0 20px; border: none; border-top: 1px solid #ddd; }
footer { font-size: 13px; color: #888; }