@font-face{font-family:"Newsreader";font-weight:400 600;font-display:swap;src:url(/fonts/newsreader.woff2) format("woff2")}@font-face{font-family:"Inter";font-weight:400 700;font-display:swap;src:url(/fonts/inter.woff2) format("woff2")}
:root{--bg:#0A0A0B;--surface:#141417;--text:#F3EFE7;--dim:rgba(243,239,231,.66);--brass:#D6A35C;--brass2:#F2C885;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--brass2)}main{max-width:760px;margin:0 auto;padding:40px 20px 80px}
header{display:flex;align-items:center;gap:12px;margin-bottom:40px}header img{width:40px;height:40px;border-radius:10px}
header a{color:var(--text);text-decoration:none;font:500 22px/1 "Newsreader",ui-serif,Georgia,serif}
nav{margin-left:auto;display:flex;gap:16px;font-size:15px}nav a{color:var(--dim);text-decoration:none}nav a:hover{color:var(--text)}
h1{font:500 48px/1.05 "Newsreader",ui-serif,Georgia,serif;letter-spacing:-.02em;margin:0 0 12px}h2{font:600 20px/1.3 inherit;color:var(--brass2);margin:36px 0 8px}
p,li{color:var(--dim)}strong{color:var(--text)}.lead{font-size:20px}.meta{font-size:14px;color:var(--dim)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:14px 0}
.btn{display:inline-block;background:linear-gradient(var(--brass2),var(--brass));color:#000;font-weight:600;padding:14px 22px;border-radius:14px;text-decoration:none;margin-top:12px}
footer{margin-top:60px;font-size:14px;color:var(--dim)}
@media(max-width:520px){h1{font-size:34px}nav{gap:10px;font-size:14px}}