:root{
  --paper:#f3ede0;--paper-warm:#ede5d2;--ink:#1a1714;--ink-soft:#2c2823;
  --graphite:#5a544a;--bone:#d6cdb6;--blood:#9c2520;--blood-deep:#6f1815;
  --font-display:"Fraunces","Times New Roman",serif;
  --font-body:"Switzer",system-ui,sans-serif;
  --font-mono:"JetBrains Mono","Courier New",monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased}
main{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}
.topnav{margin-bottom:2.5rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite)}
.topnav a{color:var(--blood);text-decoration:none}
.topnav span{opacity:.5;margin:0 .35rem}
h1{font-family:var(--font-display);font-weight:600;font-size:2rem;color:var(--ink);margin:.2rem 0 1.2rem;line-height:1.15}
h2{font-family:var(--font-display);font-weight:600;font-size:1.35rem;color:var(--ink);margin:2.4rem 0 .6rem;padding-bottom:.3rem;border-bottom:2px solid var(--blood)}
h3{font-family:var(--font-body);font-weight:600;font-size:1.05rem;color:var(--blood-deep);margin:1.5rem 0 .3rem}
p,li{font-size:1rem;color:var(--ink-soft)}
a{color:var(--blood);text-underline-offset:2px}
strong{color:var(--ink);font-weight:600}
ul{padding-left:1.2rem}
li{margin:.35rem 0}
hr{border:none;border-top:1px solid var(--bone);margin:2.4rem 0}
footer{margin-top:3.5rem;padding-top:1.3rem;border-top:1px solid var(--bone);font-family:var(--font-mono);font-size:.78rem;color:var(--graphite)}
footer a{color:var(--graphite)}
.cards{list-style:none;padding:0;display:grid;gap:.85rem}
.cards a{display:block;padding:1.1rem 1.2rem;border:1px solid var(--bone);border-radius:3px;text-decoration:none;color:var(--ink);background:var(--paper-warm)}
.cards a:hover{border-color:var(--blood)}
.cards strong{font-family:var(--font-display)}