:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #243244; background: #f4f6f8; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.7; }
main { width: min(760px, calc(100% - 40px)); margin: 64px auto; padding: 40px; background: #fff; border: 1px solid #dde3ea; border-radius: 12px; }
nav, footer { font-size: .9rem; }
nav { margin-bottom: 28px; }
h1 { color: #172b43; font-size: clamp(1.6rem, 4vw, 2.1rem); line-height: 1.2; margin: 0 0 20px; }
h2 { font-size: 1.15rem; color: #172b43; margin-top: 28px; }
a { color: #1659a5; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #1659a5; outline-offset: 4px; }
.eyebrow, .muted { color: #607084; }
.eyebrow { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; }
footer { margin-top: 32px; padding-top: 20px; border-top: 1px solid #dde3ea; }
@media (max-width: 500px) { main { margin: 24px auto; padding: 24px; } }