:root{--ink:#0A0E13;--steel:#10202F;--ignite:#F26B3A;--cream:#F4F1EA;--cream-dim:#DEDACF;--muted:#8A97A6;--line:rgba(255,255,255,0.08)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Outfit',sans-serif;background:var(--ink);color:var(--cream);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--ignite)}
.top,.foot{padding:1.4rem 16px}
.top a.brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem}
.top .serif,.serif{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;color:var(--ignite)}
main{flex:1;padding:3rem 16px 4rem}
.wrap{max-width:720px;margin:0 auto}
h1{font-size:clamp(2rem,6vw,3rem);line-height:1.1;margin-bottom:1rem}
h2{font-size:1.2rem;margin:2rem 0 .6rem;color:#fff}
p,li{color:var(--cream-dim);margin-bottom:.8rem}
ul,ol{padding-left:1.2rem}
.date{color:var(--muted);font-size:.85rem;font-family:'JetBrains Mono',monospace}
.foot{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
.foot .wrap{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}
.btn{display:inline-block;margin-top:1.5rem;background:var(--ignite);color:#fff;text-decoration:none;padding:.8rem 1.4rem;border-radius:999px;font-weight:600}
.consent{position:fixed;left:1rem;right:1rem;bottom:1rem;max-width:560px;margin:0 auto;background:var(--steel);border:1px solid var(--line);border-radius:1rem;padding:1rem 1.2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.consent[hidden]{display:none}
.consent p{flex:1 1 240px;font-size:.9rem;margin:0}
.consent button{font:inherit;border:1px solid var(--line);background:transparent;color:var(--cream);border-radius:999px;padding:.45rem 1rem;cursor:pointer}
.consent button[data-consent="yes"]{background:var(--ignite);border-color:var(--ignite);color:#fff}