@font-face{font-family:Figtree;src:url('/assets/Figtree-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/Figtree-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/Figtree-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#1a1210;--surface:#2a1f1b;--coral:#ef7d5a;--teal:#3fc1b0;--text:#f6eee9;--muted:#b39f96;--line:#ffffff22}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Figtree,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--coral);text-underline-offset:.2em}
a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--coral);color:var(--bg);padding:.8rem 1rem;z-index:20}.skip:focus{left:1rem}
.wrap{width:min(calc(100% - 48px),1160px);margin-inline:auto}
header{border-bottom:1px solid var(--line)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:1.22rem;font-weight:700;letter-spacing:.2em;text-decoration:none;color:var(--text);white-space:nowrap}.brand i{font-style:normal;color:var(--coral)}
.back{font-size:.93rem;text-decoration:none;color:var(--muted)}.back:hover{color:var(--text)}
.intro{padding:82px 0 62px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 0%,#ef7d5a1f,transparent 40%)}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--coral);font-size:.74rem;font-weight:700}
h1{font-size:clamp(3.2rem,7vw,6rem);line-height:1.02;letter-spacing:-.065em;margin:20px 0 19px;font-weight:600}
.intro p{color:var(--muted);line-height:1.65;font-size:1.1rem;max-width:700px;margin:0}
.date{display:block;color:var(--muted);font-size:.83rem;margin-top:30px}
.layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:min(8vw,110px);padding-top:64px;padding-bottom:110px}
.toc{position:sticky;top:32px;align-self:start;border-left:1px solid var(--line);padding-left:20px}
.toc strong{display:block;color:var(--coral);font-size:.71rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px}
.toc a{display:block;color:var(--muted);font-size:.88rem;text-decoration:none;line-height:1.4;margin:0 0 15px}.toc a:hover{color:var(--text)}
article{font-size:1rem;line-height:1.75;color:#dccdc5}
article section{scroll-margin-top:30px;margin-bottom:54px}
article h2{font-size:1.65rem;line-height:1.2;letter-spacing:-.035em;color:var(--text);margin:0 0 16px;font-weight:600}
article h3{font-size:1.12rem;color:var(--text);margin:28px 0 8px}
article p{margin:0 0 16px}
article ul{margin:0 0 18px;padding-left:23px}article li{padding-left:5px;margin-bottom:9px}
article a{overflow-wrap:anywhere}
.callout{border:1px solid #ef7d5a55;background:#ef7d5a0d;border-radius:20px;padding:22px 24px;margin:0 0 45px;color:var(--text)}
.callout p:last-child{margin:0}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}
.footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:.86rem}
.footer-links{display:flex;flex-wrap:wrap;gap:22px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--coral)}
html[data-theme="light"]{--bg:#f7f4f1;--surface:#fff;--coral:#b4432e;--teal:#16796e;--text:#1a1518;--muted:#6b6369;--line:#1a151824}
html[data-theme="light"] article{color:#393037}
html[data-theme="light"] .intro{background:radial-gradient(circle at 82% 0%,#ef7d5a29,transparent 40%)}
html[data-theme="light"] .callout{background:#ef7d5a16;border-color:#b4432e55}
@media(max-width:720px){.wrap{width:min(calc(100% - 36px),1160px)}.nav{height:70px}.intro{padding:64px 0 48px}.layout{display:block;padding-top:40px;padding-bottom:65px}.toc{position:static;display:flex;gap:13px 18px;flex-wrap:wrap;border-left:0;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:40px}.toc strong{flex-basis:100%;margin-bottom:0}.toc a{margin:0}.footer-row{justify-content:center;text-align:center}.footer-links{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}