:root{ --ink:#1B2E28; --paper:#EDE6D6; --paper-light:#F6F2E8; --ochre:#B98A26; --gold:#E0B04A; --slate:#2F4858; --line:#c9bfa4; --cream:#F3EDE0; }
*{box-sizing:border-box; margin:0; padding:0;}
body{background:var(--paper-light); color:var(--ink); font-family:'Inter', sans-serif; line-height:1.65;}
a{color:var(--ink); text-decoration-color:var(--ochre); text-underline-offset:3px;}
.topbar{background:var(--ink); padding:16px;}
.topbar .in{max-width:760px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;}
.logo{font-family:'JetBrains Mono', monospace; font-size:14px; letter-spacing:.06em; font-weight:500; color:var(--cream); text-decoration:none;}
.logo b{color:var(--gold);}
.topbar .cta{background:var(--gold); color:var(--ink); padding:9px 14px; font-weight:600; font-size:14px; text-decoration:none;}
.article{max-width:720px; margin:0 auto; padding:44px 20px 24px;}
.kicker{font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ochre);}
.kicker a{color:var(--ochre);}
h1{font-family:'Newsreader', serif; font-weight:500; font-size:clamp(30px, 5vw, 42px); line-height:1.12; margin:10px 0 14px;}
.lead{font-family:'Newsreader', serif; font-size:21px; line-height:1.5; color:var(--slate); margin-bottom:10px;}
h2{font-family:'Newsreader', serif; font-weight:500; font-size:24px; margin:32px 0 8px;}
p{margin:10px 0; font-size:16.5px;}
ul, ol{margin:10px 0 10px 22px; font-size:16.5px;}
li{margin:6px 0;}
.tip{margin-top:24px; padding:14px 16px; background:rgba(185,138,38,.12); border-left:3px solid var(--ochre); font-size:15.5px;}
.ctabox{margin:36px 0 10px; background:var(--ink); color:var(--cream); padding:24px 24px 26px;}
.ctabox-title{font-family:'Newsreader', serif; font-size:24px; font-weight:500;}
.ctabox p{color:#AFC2B8; font-size:15px;}
.ctabox .btn{display:inline-block; margin-top:8px; background:var(--gold); color:var(--ink); padding:12px 20px; font-weight:600; text-decoration:none;}
.sources{margin-top:28px; font-size:14px;}
.sources h2{font-size:18px; margin-top:0;}
.sources ul{font-size:14px;}
.list{list-style:none; margin:24px 0; padding:0;}
.list li{border-bottom:1px solid var(--line); margin:0;}
.list a{display:block; padding:16px 0; text-decoration:none;}
.list strong{display:block; font-family:'Newsreader', serif; font-size:21px; font-weight:500;}
.list span{display:block; color:var(--slate); font-size:14.5px; margin-top:2px;}
.list a:hover strong{color:var(--ochre);}
footer{max-width:720px; margin:0 auto; padding:24px 20px 48px; border-top:1px solid var(--line); font-size:13px; color:var(--slate);}
footer p{font-size:13px;}