:root{
  --navy:#1f3a5f; --navy-2:#274b7a; --ink:#1a2230; --muted:#5b6774;
  --line:#e5e9f0; --bg:#f6f8fb; --card:#ffffff; --accent:#3b6fb0;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header.site{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;
  padding:34px 24px;border-bottom:4px solid var(--accent)}
header.site .wrap{max-width:1000px;margin:0 auto}
header.site .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin:0 0 6px}
header.site h1{margin:0;font-size:28px;font-weight:700}
header.site p.sub{margin:8px 0 0;opacity:.9;font-size:15px}
main{max-width:1000px;margin:0 auto;padding:32px 24px 64px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;
  transition:box-shadow .15s,transform .15s;display:block}
.card:hover{box-shadow:0 8px 24px rgba(31,58,95,.10);transform:translateY(-2px);text-decoration:none}
.card h3{margin:0 0 6px;color:var(--navy);font-size:17px}
.card p{margin:0;color:var(--muted);font-size:14px}
.card .meta{margin-top:12px;font-size:12px;color:#8b96a3}
.section-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  margin:26px 0 4px;font-weight:600}
.note{background:#eef3f9;border:1px solid #d8e2ef;border-left:4px solid var(--accent);
  border-radius:8px;padding:14px 16px;color:#33445a;font-size:14px;margin:22px 0}
footer.site{max-width:1000px;margin:0 auto;padding:24px;border-top:1px solid var(--line);
  color:#8b96a3;font-size:13px}
.badge{display:inline-block;background:#eaf0f6;color:var(--navy);border-radius:999px;
  padding:3px 10px;font-size:12px;font-weight:600}