:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17212f; background: #f5f7fa; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.6; }
header { background: #123a58; color: white; padding: 1.1rem max(1rem, calc((100vw - 760px) / 2)); }
header a { color: white; text-decoration: none; font-weight: 700; }
main { max-width: 760px; margin: 2rem auto; padding: 0 1rem 3rem; }
h1 { font-size: clamp(1.75rem, 5vw, 2.35rem); line-height: 1.2; }
h2 { margin-top: 2rem; font-size: 1.2rem; }
.card { background: white; border: 1px solid #dce3eb; border-radius: 12px; padding: 1.5rem; }
a { color: #075a96; }
nav { display: flex; gap: 1.25rem; flex-wrap: wrap; margin-top: 2rem; }
footer { max-width: 760px; margin: 0 auto; padding: 1rem; color: #526172; font-size: .9rem; }