/* ===== Global Styles ===== */
:root{
  --primary:#0b3d6e;
  --accent:#2368a2;
  --bg:#f5f7fb;
  --text:#232b2b;
  --muted:#6b7a8c;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--text);background:var(--bg);}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
/* ===== Header & Nav ===== */
.site-header{background:linear-gradient(120deg,var(--primary),#0e4a88);color:#fff;padding:28px 0}
.title{margin:0;font-size:1.9rem;font-weight:800;letter-spacing:.2px}
.subtitle{margin:4px 0 0 0;opacity:.9}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav a{color:#fff;margin-left:16px;font-weight:600;opacity:.95}
.nav a:hover{opacity:1;text-decoration:underline}
/* ===== Cards / Sections ===== */
.section{background:#fff;border:1px solid #e7ecf2;border-radius:14px;padding:22px;margin:20px 0;box-shadow:0 2px 10px rgba(10,20,40,.05)}
.section h2{margin:0 0 14px 0;color:var(--primary);font-size:1.25rem}
.lead{font-size:1.05rem;color:#1f2a36;line-height:1.7}
.list{padding-left:18px;margin:0}
.list li{margin:8px 0}
.badge{display:inline-block;background:#eef5ff;border:1px solid #d5e5ff;color:#134080;padding:3px 8px;border-radius:999px;font-size:.85rem;margin:4px 6px 0 0}
/* ===== Footer ===== */
footer{margin-top:28px;background:#0b3d6e;color:#e6eef7}
footer .container{padding:18px 24px}
small{color:#d7e3f1}
/* ===== Responsive ===== */
@media (max-width:720px){
  .topbar{flex-direction:column;align-items:flex-start}
  .nav{display:flex;flex-wrap:wrap;gap:8px}
}