:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172b44; background: #f5f8fc; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 1rem; line-height: 1.7; }
header, main, footer { max-width: 52rem; margin: auto; padding: 1.4rem 1.5rem; }
header { border-bottom: 3px solid #1261a0; }
nav { display: flex; flex-wrap: wrap; gap: 1.3rem; }
a { color: #075b99; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid #075b99; outline-offset: 4px; }
h1 { font-size: clamp(1.8rem, 5vw, 2.6rem); line-height: 1.2; margin: 1.2rem 0; }
h2 { font-size: 1.25rem; margin-top: 2rem; line-height: 1.4; }
.notice { border-left: 4px solid #1261a0; padding: .8rem 1rem; background: #e7f0fa; }
li { margin-bottom: .8rem; }
footer { border-top: 1px solid #b8c9db; font-size: .9rem; }