*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:#F1F3F6;color:#24334B;font:17px/1.7 'Segoe UI',system-ui,-apple-system,Arial,sans-serif;overflow-wrap:anywhere}
.wrap{width:min(100% - 2.5rem,880px);margin-inline:auto}
header,footer{background:#0C2B5C;color:#fff;padding:1.5rem 0}
header a,footer a{color:#fff}
.brand{font-size:1.35rem;font-weight:800;text-decoration:none}
main{margin:2rem auto 3rem;padding:clamp(1.25rem,4vw,3rem);background:#fff;border-radius:16px}
h1,h2{color:#0C2B5C;line-height:1.25}
h1{font-size:clamp(1.8rem,5vw,2.7rem);margin:1rem 0}
h2{font-size:1.3rem;margin-top:2rem}
p,ul{margin:.8rem 0}
a{color:#14448F;text-underline-offset:.2em}
a:focus-visible,button:focus-visible{outline:3px solid #1667C8;outline-offset:4px}
.notice{background:#FFF5CF;border-left:4px solid #D6A000;padding:1rem 1.25rem;margin:1.5rem 0}
.date{color:#53627B;font-size:.9rem}
.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;align-items:center}
button{font:inherit;background:#14448F;color:#fff;border:0;border-radius:8px;padding:.75rem 1rem;cursor:pointer}
footer{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}
footer nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}
@media print{body{background:#fff;font-size:11pt}header,footer,.actions,.back{display:none}main{width:100%!important;margin:0!important;padding:0!important}h2{break-after:avoid}.notice{border:1px solid #777}}

footer nav a{display:inline-block;padding:.5rem 0} .contact-details{font-style:normal} .notice a{color:#14448F}

.skip-link{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-180%);background:#fff;color:#0C2B5C;padding:12px}.skip-link:focus{transform:none}main:focus{outline:none}