:root{ --paper:#F4F3EE; --ink:#14123A; --ink-soft:#26243F; --brand:#3A34A8; --rule:rgba(20,18,58,0.14); --display:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif; --body:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; }
*{ box-sizing:border-box; }
img{ max-width:100%; height:auto; display:block; }
body{ margin:0; background:var(--paper); color:var(--ink-soft); font-family:var(--body); font-size:17px; line-height:1.65; }
header{ border-bottom:1px solid var(--rule); }
.row{ max-width:900px; margin:0 auto; padding:16px 22px; display:flex; justify-content:space-between; align-items:center; }
.lockup{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.lockup img{ width:32px; height:32px; }
.lockup b{ font-family:var(--display); font-weight:900; text-transform:uppercase; letter-spacing:-0.02em; color:var(--ink); }
.btn{ font-family:var(--display); font-weight:700; font-size:0.8rem; text-transform:uppercase; letter-spacing:0.04em; text-decoration:none; padding:10px 16px; border:1.5px solid currentColor; color:var(--ink); }
main{ max-width:760px; margin:0 auto; padding:56px 22px 80px; }
.eyebrow{ font-family:var(--display); font-weight:700; font-size:0.78rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--brand); }
h1{ font-family:var(--display); font-weight:800; text-transform:uppercase; letter-spacing:-0.01em; font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.05; margin:12px 0 10px; color:var(--ink); }
h2{ font-family:var(--display); font-weight:800; text-transform:uppercase; font-size:1.05rem; margin:36px 0 10px; color:var(--ink); }
.date{ font-family:var(--display); font-size:0.85rem; opacity:0.7; margin-bottom:28px; }
p{ margin:0 0 14px; }
ul{ padding-left:20px; margin:0 0 14px; }
li{ margin-bottom:8px; }
a{ color:var(--brand); }
footer{ border-top:1px solid var(--rule); font-family:var(--display); font-size:0.82rem; padding:22px; text-align:center; opacity:0.8; }