:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#06163d;color:#eaf0fa}*{box-sizing:border-box}body{margin:0;line-height:1.7}header,main,footer{max-width:900px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:24px}a{color:#a8c2ff;text-underline-offset:4px}a:focus-visible{outline:3px solid #FFE500;outline-offset:5px}h1{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1}h2{line-height:1.3;margin-top:36px}.tag{color:#FFE500;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lead{font-size:1.25rem;color:#c4d2e7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{padding:24px;background:#102452;border-radius:18px}.notice{padding:18px;border-left:4px solid #FFE500;background:#102452}footer{border-top:1px solid #2563FF;font-size:.9rem}main{padding-bottom:60px}p,li{max-width:75ch}
nav{align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;margin-right:auto;color:#eaf0fa;font-size:1.25rem;font-weight:750;text-decoration:none}.brand img{border-radius:12px}.hero-logo{display:block;width:clamp(120px,25vw,192px);height:auto;border-radius:32px;margin:12px 0 28px}.card{border-top:3px solid #2563FF}.tag{color:#FFE500}

/* Keep the wordmark and utility links on the same centre line. */
nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:20px;row-gap:12px}
nav>a{align-self:center;line-height:1.25}
nav .brand{display:inline-grid;grid-template-columns:40px auto;align-items:center;justify-content:start;gap:10px;margin:0;min-width:0}
.brand img{display:block;width:40px;height:40px;border-radius:0}
.hero-logo{border-radius:0}
@media(max-width:360px){nav{column-gap:12px}.brand{font-size:1.1rem}nav .brand{grid-template-columns:32px auto;gap:6px}.brand img{width:32px;height:32px}}