:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; color: #1c2544; background: #f6f8ff; }
body { margin: 0; }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 48px 0 64px; }
nav, .links { display: flex; flex-wrap: wrap; gap: 16px 22px; }
nav { margin-bottom: 44px; }
a { color: #4059d8; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #4059d8; outline-offset: 5px; }
h1 { margin: 0 0 16px; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.15; letter-spacing: -.025em; }
h2 { margin-top: 32px; font-size: 1.3rem; line-height: 1.3; }
p, li { color: #47506a; }
.lead { font-size: 1.2rem; }
.updated { margin-bottom: 32px; }
.links { margin-top: 32px; }
footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 52px; padding-top: 20px; border-top: 1px solid #d4dbf2; color: #59627c; font-size: .9rem; }
@media (prefers-color-scheme: dark) { :root { color: #f1f3ff; background: #131724; } a { color: #a4b3ff; } p, li, footer { color: #b9c1d9; } footer { border-color: #333d5d; } a:focus-visible { outline-color: #a4b3ff; } }