:root { color-scheme: light; font-family: system-ui, sans-serif; color: #17202b; background: #f7f9fb; }
body { max-width: 720px; margin: 0 auto; padding: 3rem 1.25rem; font-size: 1rem; line-height: 1.7; }
.eyebrow { margin-bottom: .4rem; color: #334d6c; font-size: .875rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
h1 { margin: 0 0 1.5rem; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; }
h2 { margin: 2rem 0 .5rem; font-size: 1.25rem; line-height: 1.3; }
p { margin: .8rem 0; }
a { color: #164d89; text-underline-offset: .18em; }
a:focus-visible { outline: 3px solid #164d89; outline-offset: 3px; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #cbd5df; }
nav { display: flex; flex-wrap: wrap; gap: 1.5rem; }