*{box-sizing:border-box}body{margin:0;color:#334155;background:#f8fafc;font:17px/1.75 system-ui,sans-serif}header,footer{padding:22px max(24px,calc((100% - 900px)/2));background:#0c4a6e;color:#fff}header a,footer a{color:#fff}main{max-width:900px;margin:40px auto;padding:36px;background:white;border:1px solid #e2e8f0;border-radius:16px}h1,h2{line-height:1.3;color:#0f172a}h1{font-size:36px}h2{font-size:23px;margin-top:30px}a{color:#075985}nav{display:flex;gap:20px;flex-wrap:wrap}.muted{color:#64748b;font-size:14px}@media(max-width:600px){main{margin:18px 12px;padding:24px}h1{font-size:29px}}