:root{color-scheme:light;--blue:#0054a6;--navy:#003071;--background:#f5f7fa;--text:#2b2b2b}
*{box-sizing:border-box}
body{margin:0;background:var(--background);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.75}
a{color:var(--blue);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid #d32011;outline-offset:4px}
.skip-link{position:absolute;top:-100px;left:1rem;background:white;padding:.5rem 1rem}
.skip-link:focus{top:1rem}
header{background:white;border-bottom:4px solid var(--blue);padding:1.1rem max(1.25rem,calc((100% - 900px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.brand{color:var(--navy);font-weight:800;text-decoration:none;font-size:1.15rem}
.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.language-switcher{display:flex;align-items:center;gap:.5rem;font-size:.9rem}
.language-switcher select,.language-switcher button{font:inherit;color:var(--navy);background:white;border:1px solid #d0d5dd;border-radius:4px;padding:.5rem;min-height:44px}
.language-switcher select:focus-visible,.language-switcher button:focus-visible{outline:3px solid #d32011;outline-offset:3px}
main{max-width:900px;margin:2rem auto;padding:2.5rem;background:white;border:1px solid #d0d5dd;border-radius:8px}
.eyebrow{color:var(--blue);font-size:.85rem;font-weight:700;margin:0 0 .5rem}
h1,h2{color:var(--navy);line-height:1.25}
h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:.5rem 0 1rem}
h2{font-size:1.2rem;margin-top:2rem}
.date{color:#5a5f66;font-size:.9rem}
li{margin:.5rem 0}
.notice{padding:1rem 1.25rem;background:#e8f0f9;border-left:4px solid var(--blue);border-radius:4px}
.button{display:inline-block;background:var(--blue);color:white;padding:.65rem 1rem;border-radius:4px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
footer{background:var(--navy);color:white;padding:1.8rem 1.25rem;text-align:center;border-top:4px solid var(--blue)}
footer nav{display:flex;justify-content:center;gap:.6rem 1.5rem;flex-wrap:wrap}
footer a{color:white;font-size:.9rem}
footer p{font-size:.85rem}
@media(max-width:640px){main{margin:1rem;padding:1.4rem}header{padding:1rem}ol,ul{padding-left:1.25rem}}