:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #17213f; background: #f5f6f8; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 1.125rem; line-height: 1.65; }
a { color: #183d86; text-decoration-thickness: 0.1em; text-underline-offset: 0.15em; }
a:focus-visible { outline: 3px solid #d96b20; outline-offset: 4px; }
header { padding: 1rem 5vw; color: #fff; background: #233269; }
header a { color: #fff; }
main { width: min(48rem, 90vw); margin: 0 auto; padding: 4rem 0; }
h1, h2 { line-height: 1.2; }
h1 { font-size: clamp(2rem, 7vw, 3.5rem); }
h2 { margin-top: 2.5rem; font-size: 1.5rem; }
.updated { color: #4d5568; }
.callout { padding: 1.25rem; border-left: 0.35rem solid #d96b20; background: #fff; }
footer { padding: 2rem 5vw; color: #fff; background: #233269; }
footer a { color: #fff; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }