:root { color-scheme: light dark; font-family: system-ui, -apple-system, sans-serif; line-height: 1.65; }
body { max-width: 48rem; margin: 0 auto; padding: 1.5rem; }
nav, footer { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; }
nav { margin-bottom: 2rem; }
a { color: #1459a6; text-underline-offset: .18em; }
h1 { line-height: 1.2; }
h2 { margin-top: 2rem; line-height: 1.3; }
p, li { overflow-wrap: anywhere; }
.meta { opacity: .75; }
footer { border-top: 1px solid #888; margin-top: 3rem; padding-top: 1rem; }
@media (prefers-color-scheme: dark) { a { color: #8dc2ff; } }