:root{--paper:#F4F4F0;--ink:#17171A;--ink-2:#55555A;--line:#DCDCD5;--gold:#A8803A;--fd:'Barlow Condensed','Arial Narrow',sans-serif;--fu:'Inter',system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--fu);-webkit-font-smoothing:antialiased}
header,main,footer{max-width:760px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
header{padding-block:22px;display:flex;justify-content:space-between;align-items:center}
.brand{font-family:var(--fd);font-weight:700;font-size:1.7rem;letter-spacing:.02em;text-decoration:none;color:inherit}
header a:not(.brand){color:var(--ink-2);font-size:.93rem}
h1{font-family:var(--fd);font-weight:600;font-size:clamp(2.6rem,7vw,4rem);line-height:.98;margin:.6rem 0 .4rem}
h2{font-family:var(--fd);font-weight:600;font-size:1.9rem;line-height:1.05;margin:2.6rem 0 .5rem}
p,li{max-width:68ch}
ul{padding-left:1.2rem}
.meta{color:var(--ink-2);font-size:.92rem}
.draft{border-left:3px solid #8A4B14;background:#fff;padding:.9rem 1.1rem;border-radius:0 8px 8px 0;margin:1.4rem 0;color:var(--ink-2)}
.tbc{background:#F6EAD6;padding:0 .3em;border-radius:3px}
a{color:inherit;text-underline-offset:3px}
footer{padding-block:48px 64px;color:var(--ink-2);font-size:.9rem}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}