:root { color-scheme: light; font-family: system-ui, sans-serif; color: #243448; background: #f5f7fa; }
* { box-sizing: border-box; }
body { max-width: 860px; margin: 0 auto; padding: 36px 24px; }
header, main, footer { padding: 24px; }
header { padding-bottom: 28px; }
h1 { margin: 8px 0 24px; font-size: clamp(1.8rem, 5vw, 2.4rem); line-height: 1.2; }
h2 { font-size: 1.2rem; margin-top: 30px; }
p { line-height: 1.65; }
main { background: white; border: 1px solid #dce3eb; border-radius: 10px; }
main > :first-child { margin-top: 0; }
.eyebrow, footer { color: #53657b; font-size: .9rem; }
.eyebrow { margin: 0; }
.lead { font-size: 1.15rem; }
nav { display: flex; gap: 18px; flex-wrap: wrap; }
a { color: #15578e; text-underline-offset: 3px; }
a[aria-current] { font-weight: 700; }
a:focus-visible { outline: 3px solid #b56800; outline-offset: 4px; }
code { font-size: .9em; overflow-wrap: anywhere; }
@media (max-width: 600px) { body { padding: 12px; } header, main, footer { padding: 20px; } }