:root { color-scheme: light; }
* { box-sizing: border-box }
body { margin: 0; background: #f3f6f8; color: #173348; font-family: system-ui, -apple-system, sans-serif; line-height: 1.9 }
main { max-width: 880px; margin: auto; padding: 36px 22px 72px }
header { border-bottom: 1px solid #bfcdd4; padding-bottom: 24px; margin-bottom: 32px }
nav { display: flex; gap: 20px; flex-wrap: wrap }
a { color: #00685e; text-underline-offset: 5px; overflow-wrap: anywhere }
a:focus-visible { outline: 3px solid #a45c00; outline-offset: 4px }
.brand { font-weight: 800; letter-spacing: .12em; color: #00685e }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.4; margin: 16px 0 }
h2 { font-size: 1.2rem; margin-bottom: 8px }
section { background: white; border: 1px solid #d4dfe5; border-radius: 16px; padding: 22px; margin: 18px 0 }
p { margin: 8px 0 }
.muted { color: #526674 }
.notice { border-inline-start: 5px solid #a45c00 }
footer { margin-top: 36px }