:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background: #ffffff; color: #14161f;
  max-width: 720px; margin: 0 auto; padding: 48px 24px 96px;
  line-height: 1.65;
}
@media (prefers-color-scheme: dark) {
  body { background: #0e1020; color: #eef0f6; }
  a { color: #a06bff; }
  .muted { color: #8b93a7; }
  .badge { border-color: #a06bff; color: #c9a4ff; }
}
h1 { font-size: 2rem; margin-bottom: 0.2em; }
h2 { font-size: 1.2rem; margin-top: 2em; }
a { color: #6a3df0; }
.muted { color: #5f6678; font-size: 0.9rem; }
.badge {
  display: inline-block; border: 2px solid #6a3df0; color: #6a3df0;
  border-radius: 999px; padding: 2px 14px; font-size: 0.85rem;
  letter-spacing: 0.5px; margin-bottom: 24px;
}