:root { color-scheme: light; font: 18px/1.65 system-ui, sans-serif; color: #182a43; background: #f3f6fb; }
body { margin: 0; }
main { max-width: 760px; margin: 48px auto; padding: 36px; background: #fff; border: 1px solid #dbe3ef; border-radius: 18px; }
.brand { font-weight: 750; text-decoration: none; }
h1 { font-size: clamp(2rem, 5vw, 2.7rem); line-height: 1.15; letter-spacing: -.035em; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
a { color: #225cb6; }
nav { display: flex; flex-wrap: wrap; gap: 24px; border-top: 1px solid #dbe3ef; padding-top: 24px; margin-top: 32px; }
@media (max-width: 600px) { main { margin: 12px; padding: 24px; } }