:root{--ink:#18251D;--muted:#6E8175;--ochre:#C4701F;--ground:#E7EDE2;--sage-deep:#3F5F4B;--rule:#D8E3D2;--surface:#FBFAF4}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:"Karla",Helvetica,sans-serif;font-size:19px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:700;letter-spacing:-0.02em;margin:0;text-wrap:balance}
p,ul,ol{margin:0}
a{color:var(--ochre)}
.wrap{max-width:720px;margin:0 auto;padding:28px clamp(16px,4vw,24px) 64px}
.mark{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:1.35rem;color:var(--ink);text-decoration:none}
.subnav{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:16px;font-weight:700;font-size:.95rem}
.subnav a{color:var(--sage-deep);text-decoration:none}
.subnav a:hover,.subnav a.on{text-decoration:underline}
h1{font-size:2.2rem;margin-top:28px}
.updated{margin-top:8px;color:var(--muted);font-size:.95rem}
.lede{margin-top:12px;color:#3E5248}
h2{font-size:1.35rem;margin-top:32px}
p+p,ul,ol{margin-top:12px}
ul,ol{padding-left:1.2em}
li+li{margin-top:6px}
.foot{margin-top:48px;padding-top:20px;border-top:1px solid var(--rule);color:var(--muted);font-size:.95rem;display:flex;flex-wrap:wrap;gap:8px 16px}