:root{
  --bg:#F9F6EE; --primary:#2152A5; --deep:#12315F; --sage:#8BA59B;
  --orange:#E87722; --ink:#20303f; --muted:#5c6b78;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65; -webkit-font-smoothing:antialiased;
}
header{background:var(--deep); color:#fff; padding:34px 24px}
header .in{max-width:760px; margin:0 auto}
header a.logo{color:#fff; text-decoration:none; font-weight:700; font-size:1.35rem; letter-spacing:.3px}
header p{margin:6px 0 0; color:#c9d6ea; font-size:.95rem}
main{max-width:760px; margin:0 auto; padding:40px 24px 70px}
h1{font-size:clamp(1.6rem,4vw,2.1rem); color:var(--deep); margin:0 0 6px; line-height:1.2}
h2{font-size:1.15rem; color:var(--primary); margin:34px 0 8px}
p,li{font-size:1rem; color:var(--ink)}
ul{padding-left:20px}
li{margin:5px 0}
.date{color:var(--muted); font-size:.9rem; margin:0 0 26px}
a{color:var(--primary)}
.card{background:#fff; border:1px solid #e6dfd0; border-radius:14px; padding:22px 24px; margin:24px 0}
.btn{display:inline-block; background:var(--orange); color:#fff; text-decoration:none;
     padding:12px 22px; border-radius:999px; font-weight:600; margin-top:10px}
footer{border-top:1px solid #e6dfd0; margin-top:50px; padding-top:22px; color:var(--muted); font-size:.9rem}
footer a{margin-right:16px}