body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  max-width: 640px;
  margin: 60px auto;
  padding: 0 24px 80px;
  color: #1a1a1a;
  line-height: 1.6;
}

@media (prefers-color-scheme: dark) {
  body { background: #111; color: #e8e8e8; }
  a { color: #7ab8f5; }
  code { background: #222; }
}

h1 { font-size: 1.6rem; margin-bottom: 4px; }
.subtitle, .updated { color: #666; font-size: 0.9rem; margin-bottom: 36px; }
h2 { font-size: 1rem; margin-top: 32px; }
h3 { font-size: 0.95rem; margin-top: 24px; margin-bottom: 4px; }
p { margin: 8px 0; }
code { font-size: 0.9em; background: #f0f0f0; padding: 1px 4px; border-radius: 3px; }
nav { font-size: 0.85rem; margin-bottom: 40px; color: #666; }
nav a { margin-right: 12px; }