:root{--ink:#221d18;--paper:#f4eee2;--paper2:#ece3d2;--accent:#bd4b1f;--accent-soft:#e8d9c4;--muted:#7a6f5f;--line:#d8cbb4;--card:#fffdf8;}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Newsreader,Georgia,serif;line-height:1.75;font-size:17px;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 1px 1px,rgba(34,29,24,0.04) 1px,transparent 0);background-size:22px 22px;}
a{color:var(--accent);}
.bar{max-width:820px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.brand{font-family:Fraunces,serif;font-weight:600;font-size:20px;text-decoration:none;color:var(--ink);letter-spacing:-0.01em;}
.cta-top{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;background:var(--ink);color:var(--paper);text-decoration:none;padding:9px 15px;border-radius:999px;white-space:nowrap;}
article{max-width:820px;margin:0 auto;padding:8px 22px 30px;}
article h1{font-family:Fraunces,serif;font-weight:600;font-size:clamp(28px,6vw,40px);line-height:1.15;letter-spacing:-0.02em;margin:14px 0 8px;}
.lede{font-size:19px;color:var(--muted);font-style:italic;margin:0 0 26px;line-height:1.6;}
article h2{font-family:Fraunces,serif;font-weight:600;font-size:24px;margin:34px 0 10px;}
article p{margin:0 0 14px;}
article ul,article ol{margin:0 0 16px;padding-left:1.35em;}
article li{margin-bottom:7px;}
.tmpl{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px 24px;font-size:15px;line-height:1.7;margin:18px 0;white-space:pre-wrap;font-family:Newsreader,Georgia,serif;}
.cta{background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;padding:24px;margin:32px 0;text-align:center;}
.cta strong{font-family:Fraunces,serif;font-size:19px;}
.cta a.btn{display:inline-block;margin-top:12px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:var(--paper);text-decoration:none;padding:13px 24px;border-radius:4px;}
.related{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;}
.related h2{font-size:18px;margin:0 0 10px;}
.related a{display:block;margin-bottom:7px;}
footer{max-width:820px;margin:0 auto;padding:22px;border-top:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
footer a{color:var(--muted);}