:root{--navy:#0B1F3A;--navy2:#14305A;--coral:#FF4D4D;--coral-dark:#C62828;--bg:#FFFFFF;--muted:#4A5565}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--navy);background:var(--bg)}
header{background:var(--navy);color:#fff;padding:1.25rem 1rem;border-bottom:4px solid var(--coral)}
header .wrap{display:flex;align-items:center;gap:.75rem}
header a{color:#fff;text-decoration:none;font-weight:800;font-size:1.5rem;letter-spacing:-.02em}
header a span{color:var(--coral)}
.wrap{max-width:46rem;margin:0 auto}
main{padding:1.5rem 1rem 3rem}
h1{font-size:1.9rem;line-height:1.25;margin:.5rem 0 .25rem}
h2{font-size:1.25rem;margin:2rem 0 .5rem;padding-left:.6rem;border-left:4px solid var(--coral)}
.meta{color:var(--muted);margin-top:0}
a{color:var(--navy2);text-decoration:underline;text-underline-offset:2px}
a:hover,a:focus{color:var(--coral-dark)}
a:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
.box{background:#F1F2F4;border-radius:.5rem;padding:1rem 1.25rem;margin:1rem 0}
hr{border:0;border-top:1px solid #C9CDD3;margin:2.5rem 0 1.5rem}
footer{color:var(--muted);font-size:.9rem;border-top:1px solid #C9CDD3;padding:1rem}
footer nav a{margin-right:1rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:var(--navy);padding:.5rem;z-index:10}