:root{--navy:#003b70;--blue:#0145ac;--amber:#f59e0b;--gold:#fbba26;--ink:#0f172a;--muted:#5c6773;--line:#d5e0ec;--bg:#f4f7fb;--surface:#fff;--font-display:"Outfit", "Segoe UI", sans-serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--page:1120px}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--ink);margin:0}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--navy);border-bottom:3px solid var(--gold);z-index:10;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.brand img{width:auto;height:34px;display:block}.top-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-nav a{color:#e2e8f0;font-family:var(--font-display);border-radius:8px;padding:8px 12px;font-size:.88rem;font-weight:700;text-decoration:none}.top-nav a:hover{color:var(--gold);background:#ffffff18}.content{width:min(100%, var(--page));flex:1;margin:0 auto;padding:28px clamp(16px,3vw,28px) 20px}.intro{max-width:42rem;margin-bottom:22px}.intro h1{font-family:var(--font-display);margin:0;font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:800;line-height:1.2}.intro h1 span{color:var(--blue)}.lead{color:var(--muted);margin:8px 0 0;font-size:.98rem;font-weight:600;line-height:1.45}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:14px;flex-direction:column;gap:12px;min-height:168px;padding:16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #003b7008}.card:hover{border-color:#9bb7d8;box-shadow:0 8px 20px #003b7014}.card.featured{background:linear-gradient(90deg,#fff,#f7fbff);border-color:#c5d8ef;flex-direction:row;grid-column:1/-1;align-items:center;gap:16px;min-height:0}.card.featured .card-body{flex:1}.card.featured .go{margin-left:auto}.icon{width:42px;height:42px;color:var(--blue);background:#e8f0ff;border-radius:12px;flex-shrink:0;place-items:center;font-size:1.05rem;display:grid}.featured .icon{background:var(--navy);color:var(--gold)}.tag{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0;font-size:.68rem;font-weight:800}h2{font-family:var(--font-display);margin:4px 0 6px;font-size:1.05rem;font-weight:800}.card p:not(.tag){color:var(--muted);margin:0;font-size:.9rem;font-weight:600;line-height:1.35}.go{font-family:var(--font-display);color:var(--navy);align-items:center;gap:8px;margin-top:auto;font-size:.88rem;font-weight:800;display:inline-flex}.site-footer{width:min(100%, var(--page));color:var(--muted);justify-content:space-between;gap:12px;margin:0 auto;padding:18px clamp(16px,3vw,28px) 28px;font-size:.88rem;font-weight:600;display:flex}.site-footer a{color:var(--navy);font-weight:800;text-decoration:none}@media (width<=900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card.featured{grid-column:1/-1}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:12px 14px}.grid{grid-template-columns:1fr}.card.featured{flex-direction:column;align-items:flex-start}.card.featured .go{margin-left:0}.site-footer{flex-direction:column}}