@font-face{font-family:'Newsreader';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/newsreader.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/inter.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/jetbrains-mono.woff2) format('woff2')}

:root{
  --cu-100:196,136,90; --cu-200:160,113,77; --cu-300:156,107,69; --cu-400:139,94,60; --cu-500:122,79,48;
  --ink:#141310; --ink-2:#0E0D0C; --surface:#1A1814;
  --on:#F4F2EE; --on-mut:#A39D92; --on-dim:#8C8884;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --accent:rgb(var(--cu-100)); --accent-fill:rgb(var(--cu-400)); --on-accent:#FBF8F4;
  --grid-line:rgba(var(--cu-400),.05); --glow:rgba(var(--cu-200),.16);
  --lg-1:#FBF7F4; --lg-2:#E1DDD2; --lg-a:#8B5E3C;
  --ff-display:'Newsreader',Georgia,serif;
  --ff-body:'Inter','Segoe UI',system-ui,sans-serif;
  --ff-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --maxw:82.5rem; --pad:clamp(1.25rem,5vw,3.5rem); --ease:cubic-bezier(.16,1,.3,1);
}
@media (prefers-color-scheme:light){:root{--ink:#F4F2EE;--ink-2:#EAE7E1;--surface:#FDFCFB;--on:#16140F;--on-mut:#5F5A51;--on-dim:#726C62;--line:rgba(0,0,0,.11);--line-2:rgba(0,0,0,.18);--accent:rgb(var(--cu-500));--grid-line:rgba(var(--cu-400),.07);--lg-1:#16140F;--lg-2:#413B34}}
:root[data-theme="light"]{--ink:#F4F2EE;--ink-2:#EAE7E1;--surface:#FDFCFB;--on:#16140F;--on-mut:#5F5A51;--on-dim:#726C62;--line:rgba(0,0,0,.11);--line-2:rgba(0,0,0,.18);--accent:rgb(var(--cu-500));--grid-line:rgba(var(--cu-400),.07);--lg-1:#16140F;--lg-2:#413B34}
:root[data-theme="dark"]{--ink:#141310;--ink-2:#0E0D0C;--surface:#1A1814;--on:#F4F2EE;--on-mut:#A39D92;--on-dim:#8C8884;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--accent:rgb(var(--cu-100));--grid-line:rgba(var(--cu-400),.05);--lg-1:#FBF7F4;--lg-2:#E1DDD2}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ink);color:var(--on);font-family:var(--ff-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--ff-display);font-weight:400;margin:0;letter-spacing:-.02em;line-height:1.08;color:var(--on);text-wrap:balance}
p{margin:0} a{color:inherit} ul,ol{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.skip{position:absolute;top:-3rem;left:1rem;z-index:100;background:var(--accent-fill);color:var(--on-accent);padding:.55rem .9rem;border-radius:2px;font-size:.85rem;font-weight:500;text-decoration:none;transition:top .2s var(--ease)}
.skip:focus{top:.6rem}
header{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:1px solid var(--line)}
@supports (backdrop-filter:blur(1px)) and (background:color-mix(in srgb,red 50%,transparent)){header{background:color-mix(in srgb,var(--ink) 82%,transparent);backdrop-filter:blur(16px)}}
.hd{display:flex;align-items:center;gap:1.5rem;height:4.5rem}
.logo{display:block;width:9.75rem;flex:none;text-decoration:none;line-height:0}
.logo svg{display:block;width:100%;height:auto}
.hd nav{margin-left:auto;display:flex;gap:1.6rem;align-items:center}
.hd nav a{font-size:.84rem;text-decoration:none;color:var(--on-mut);transition:color .2s var(--ease);white-space:nowrap}
.hd nav a:hover{color:var(--on)}
.hd .lang{font-family:var(--ff-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:none;border:1px solid var(--line-2);padding:.35rem .55rem;border-radius:2px;transition:border-color .2s var(--ease)}
.hd .lang:hover{border-color:var(--accent)}
@media (max-width:640px){.hd nav a:not(.lang){display:none}.logo{width:7.75rem}}
[id]{scroll-margin-top:5.5rem}
.masthead{padding-block:clamp(3.5rem,8vw,6rem) clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line);position:relative;overflow:clip}
.masthead::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(90% 120% at 15% 0%,var(--glow) 0,transparent 60%),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(var(--grid-line) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}
.masthead .wrap{position:relative;z-index:1}
.eyebrow{font-family:var(--ff-mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:500;color:var(--accent);margin-bottom:1.1rem}
.masthead h1{font-size:clamp(2.3rem,5.4vw,3.8rem);max-width:16ch;margin-bottom:1.25rem}
.masthead .intro{font-size:clamp(1rem,1.4vw,1.12rem);color:var(--on-mut);max-width:58ch;line-height:1.65}
.meta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem 2rem;font-family:var(--ff-mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--on-dim)}
.notice{margin-top:2rem;max-width:58ch;border-left:2px solid var(--accent-fill);padding:.15rem 0 .15rem 1.1rem;color:var(--on-dim);font-size:.88rem;line-height:1.65}
.doc{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(3rem,6vw,5rem)}
@media (max-width:900px){.doc{grid-template-columns:1fr;gap:2.5rem}}
.toc{position:sticky;top:6rem;align-self:start}
@media (max-width:900px){.toc{position:static;border-bottom:1px solid var(--line);padding-bottom:1.75rem}}
.toc h2{font-family:var(--ff-mono);font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;font-weight:500;color:var(--on-dim);margin-bottom:1rem}
.toc ol{display:grid;gap:.5rem}
.toc a{display:grid;grid-template-columns:1.7rem 1fr;gap:.4rem;font-size:.85rem;color:var(--on-mut);text-decoration:none;line-height:1.45;transition:color .2s var(--ease)}
.toc a:hover,.toc a.on{color:var(--accent)}
.toc a i{font-style:normal;font-family:var(--ff-mono);font-size:.68rem;color:var(--on-dim);padding-top:.12rem}
.toc a:hover i,.toc a.on i{color:var(--accent)}
.body{max-width:40rem}
.art{padding-block:clamp(1.75rem,3vw,2.4rem);border-top:1px solid var(--line)}
.art:first-child{border-top:0;padding-top:0}
.art-n{font-family:var(--ff-mono);font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}
.art h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-bottom:1rem}
.art p{color:var(--on-mut);line-height:1.75;font-size:.97rem}
.art p+p{margin-top:.9rem}
.art strong{color:var(--on);font-weight:500}
.art a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--line-2);word-break:break-word}
.art a:hover{border-bottom-color:var(--accent)}
.art ul{margin-top:.9rem;display:grid;gap:.6rem}
.art ul li{position:relative;padding-left:1.15rem;color:var(--on-mut);font-size:.95rem;line-height:1.7}
.art ul li::before{content:"";position:absolute;left:0;top:.78em;width:6px;height:1.5px;background:var(--accent)}
.art dl{margin:1.1rem 0 0;display:grid;gap:1rem}
.art dt{font-family:var(--ff-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem}
.art dd{margin:0;color:var(--on-mut);font-size:.95rem;line-height:1.7}
.tbl{margin-top:1.1rem;overflow-x:auto;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;min-width:28rem;font-size:.88rem}
th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line);vertical-align:top;color:var(--on-mut);line-height:1.6}
th{font-family:var(--ff-mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-weight:500;background:var(--surface)}
tr:last-child td{border-bottom:0}
.endnote{margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:1.75rem;border-top:1px solid var(--line);max-width:40rem;color:var(--on-dim);font-size:.88rem;line-height:1.7}
.endnote a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--line-2)}
footer{background:var(--ink-2);border-top:1px solid var(--line);padding-block:2.75rem 3rem;font-size:.82rem;color:var(--on-dim)}
.ft{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:center}
.ft-links{display:flex;flex-wrap:wrap;gap:1.35rem;margin-left:auto}
.ft-links a{text-decoration:none;transition:color .2s var(--ease)}
.ft-links a:hover{color:var(--accent)}
.ft-legal{width:100%;padding-top:1.6rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.4rem 1.9rem;font-family:var(--ff-mono);font-size:.61rem;letter-spacing:.09em;text-transform:uppercase}
footer .logo{width:9.5rem}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}