:root{
  --ink:#1c2230; --ink-soft:#5a6172; --paper:#f7f6f3; --hairline:#e4e2dc;
  --accent:#33598f;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0}
body{
  min-height:100dvh;display:flex;flex-direction:column;
  font-family:var(--sans);color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;line-height:1.65;
}
.top{background:#1c2230;text-align:center;padding:clamp(20px,4vh,34px) 20px}
.top a{
  color:#fff;text-decoration:none;font-size:.82rem;font-weight:600;
  letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;
}
main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:clamp(30px,5vh,56px) 24px 60px}
h1{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(1.7rem,3.6vw,2.3rem);margin-bottom:4px;
}
.effective{font-size:.82rem;color:var(--ink-soft);margin-bottom:30px}
h2{
  font-family:var(--serif);font-weight:500;font-size:1.18rem;
  margin:32px 0 10px;
}
p{font-size:.93rem;color:var(--ink-soft);margin-bottom:12px}
p strong,li strong{color:var(--ink);font-weight:600}
ul{padding-left:20px;margin:0 0 12px}
li{font-size:.93rem;color:var(--ink-soft);margin-bottom:7px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
footer{
  text-align:center;font-size:.72rem;color:var(--ink-soft);
  letter-spacing:.08em;padding:14px 0;border-top:1px solid var(--hairline);
}
footer a{color:var(--ink-soft)}