:root { color-scheme: light dark; }
body { font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 42rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; color: #1f2328; background: #fff; }
@media (prefers-color-scheme: dark) { body { color: #e6e6e6; background: #16171a; } a { color: #8ab4ff; } }
header { margin-bottom: 2rem; font-weight: 600; }
header a { text-decoration: none; color: inherit; }
nav a { margin-left: 1rem; font-weight: 400; }
h1 { font-size: 1.9rem; margin: 0 0 .25rem; }
h2 { font-size: 1.25rem; margin-top: 2rem; }
.muted { opacity: .7; }
footer { margin-top: 3rem; font-size: .9rem; opacity: .7; }