:root { font: 17px/1.65 system-ui, sans-serif; color: #172839; background: #f3f6f8; }
body { margin: 0; }
header { background: white; border-bottom: 1px solid #d9e3e9; }
nav, main { max-width: 46rem; margin: auto; padding: 1rem 1.25rem; }
nav { display: flex; gap: .5rem 1.5rem; flex-wrap: wrap; }
nav a:first-child { font-weight: 700; }
main { padding-top: clamp(2rem, 7vw, 5rem); padding-bottom: 3rem; }
h1 { font-size: clamp(2rem, 7vw, 3rem); line-height: 1.1; margin: 0 0 1.2rem; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
a { color: #145779; text-underline-offset: .15em; }
a:focus-visible { outline: 2px solid #145779; outline-offset: 4px; }
