:root { color-scheme: light dark; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 1.0625rem; line-height: 1.6; max-width: 42rem; margin: 0 auto; padding: 1.5rem 1rem 4rem; color: #1f2328; background: #ffffff; }
a { color: #0b57d0; }
header, footer { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
header { margin-bottom: 2.5rem; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #d9dde3; font-size: 0.95rem; }
header a.brand { font-weight: 600; text-decoration: none; color: inherit; }
h1 { font-size: 1.75rem; line-height: 1.25; margin: 0 0 0.25rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 0.5rem; }
p.meta { color: #656d76; margin-top: 0; }
ul { padding-left: 1.25rem; }
li { margin: 0.4rem 0; }
@media (prefers-color-scheme: dark) {
  body { color: #e6edf3; background: #0f1216; }
  a { color: #8ab4f8; }
  footer { border-top-color: #30363d; }
  p.meta { color: #9aa4ae; }
}