:root{--ground:#0b0f1a;--panel:#141b2c;--ink:#e9eaf2;--ink-soft:#aab3cc;--ink-faint:#7a839c;
  --gold-1:#e7c883;--gold-2:#bd9450;--hairline:rgba(201,163,91,.26)}
@media (prefers-color-scheme: light){
  :root{--ground:#e7e5de;--panel:#f3f2ec;--ink:#1b2133;--ink-soft:#4c5168;--ink-faint:#7b8098;
    --gold-1:#8a6a2f;--gold-2:#6f5322;--hairline:rgba(90,68,26,.28)}
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif;
  font-size:clamp(16px,1vw + 12px,18px);line-height:1.65}
.wrap{max-width:720px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 8px}
header a{color:var(--ink-soft);text-decoration:none;font-family:"Hoefler Text",Baskerville,Georgia,serif;
  letter-spacing:.22em;text-transform:uppercase;font-size:.78rem}
header a:hover{color:var(--ink)}
main{padding:clamp(28px,6vw,64px) 0 clamp(20px,4vw,40px)}
.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-2);margin:0 0 .6em}
h1{font-family:"Hoefler Text",Baskerville,Georgia,serif;font-weight:500;font-size:clamp(2rem,5vw,2.8rem);
  line-height:1.08;margin:0 0 .5em;text-wrap:balance}
h2{font-family:"Hoefler Text",Baskerville,Georgia,serif;font-weight:500;font-size:1.3rem;margin:1.8em 0 .4em;color:var(--gold-1)}
p,li{color:var(--ink-soft)}
ul{padding-left:1.2em}
strong{color:var(--ink);font-weight:600}
em{color:var(--ink)}
a{color:var(--gold-1)}
.updated{font-size:.8rem;color:var(--ink-faint)}
.card{background:var(--panel);border:1px solid var(--hairline);border-radius:3px;padding:1.2em 1.4em;margin:1.5em 0}
.card p:first-child{margin-top:0}
.btn{display:inline-block;margin-top:1em;border:1px solid #8a6a34;padding:.85em 1.4em;border-radius:2px;color:#0b0f1a;
  background:linear-gradient(100deg,#bd9450,#e7c883);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;font-size:.84rem}
footer{border-top:1px solid var(--hairline);padding:22px 0 40px;font-size:.8rem;color:var(--ink-faint);
  display:flex;gap:1.2em;flex-wrap:wrap}
footer a{color:var(--ink-soft)}