:root{font-family:"DM Sans",system-ui,-apple-system,sans-serif;color:#14213a;background:#f8fbff;line-height:1.65;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:#0561c9;text-underline-offset:.18em}a:hover{text-decoration-thickness:.14em}a:focus-visible{outline:3px solid #d3a44d;outline-offset:5px}
header{background:#0878ed;color:#fff;padding:20px max(24px,calc((100% - 1000px)/2));display:flex;align-items:center;gap:28px}
header img{display:block;border-radius:12px}header nav{display:flex;flex-wrap:wrap;gap:12px 24px}header a{color:white}
main,footer{max-width:920px;margin:auto;padding:32px 24px}h1{font-size:clamp(28px,4vw,44px);line-height:1.15;color:#03458d;margin:24px 0}h2{font-size:24px;line-height:1.35;color:#03458d;margin:0 0 12px}p{margin:0 0 16px}
.intro{font-size:20px;max-width:800px}.breadcrumb{font-size:14px;color:#66738b}section{margin-top:32px;padding-top:24px;border-top:1px solid #dce7f4}.next{background:#eaf4ff;border-radius:18px;padding:24px}footer{font-size:15px;color:#66738b}
.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:2}.skip:focus{top:12px}
@media(max-width:540px){header{padding:16px;gap:16px}header nav{gap:8px 16px;font-size:14px}main,footer{padding:24px 20px}h2{font-size:22px}.intro{font-size:18px}}