:root{
  --paper:#EFEDE7;--surface:#FFFFFF;--ink:#1B2A44;--ink-soft:#46506A;--muted:#7C7A6E;
  --rule:#D9D5C8;--accent-fill:#F2B01E;color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#11182A;--surface:#1A2237;--ink:#EAE8DF;--ink-soft:#B7BCCB;--muted:#8A92A4;--rule:#2C3A56;color-scheme:dark;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Farro","Segoe UI",system-ui,sans-serif;line-height:1.62;font-size:17px}
.wrap{max-width:760px;margin:0 auto;padding:40px 24px 80px}
a{color:inherit;text-decoration-color:var(--accent-fill);text-underline-offset:3px}
h1,h2,h3{font-family:"Newsreader",Georgia,serif;font-weight:600;line-height:1.2;text-wrap:balance}
h1{font-size:2rem;margin:.2rem 0 .4rem}
h2{font-size:1.3rem;margin:2rem 0 .4rem}
h3{font-size:1.05rem;margin:1.4rem 0 .3rem}
.brand{font-family:"Farro",sans-serif;font-weight:300;font-size:1.3rem;color:var(--ink);text-decoration:none}
.brand b{font-weight:500}
.eyebrow{font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}
.draft{border:1px solid var(--accent-fill);background:rgba(242,176,30,.1);padding:12px 16px;font-size:.9rem;margin:18px 0}
.note{color:var(--muted);font-size:.9rem}
hr{border:0;border-top:1px solid var(--rule);margin:28px 0}
ul,ol{padding-left:1.3rem}li{margin:.35rem 0}
footer{margin-top:40px;font-size:.85rem;color:var(--muted)}
.back{display:inline-block;margin-bottom:24px;font-size:.9rem}