:root { color-scheme: dark; --ink:#100b07; --paper:#f7ede2; --muted:rgba(247,237,226,.68); --gold:#d88a1b; }
* { box-sizing:border-box; }
html { background:var(--ink); scroll-behavior:smooth; }
body { min-height:100vh; margin:0; overflow-x:hidden; color:var(--paper); background:radial-gradient(circle at 74% 2%, rgba(141,90,39,.15), transparent 28rem), #100b07; font-family:'Montserrat',sans-serif; -webkit-font-smoothing:antialiased; }
a { color:#e6a64b; }
a:hover { color:#ffd092; }
a:focus-visible { outline:2px solid #e6a64b; outline-offset:4px; }
.site-head { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; min-height:64px; padding:8px max(20px,calc((100vw - 1040px)/2)); border-bottom:1px solid rgba(247,237,226,.09); background:rgba(16,11,7,.88); backdrop-filter:blur(14px); }
.site-head img { width:clamp(125px,19vw,190px); height:auto; }
.back { display:inline-flex; min-height:44px; align-items:center; color:rgba(247,237,226,.7); font-size:9px; font-weight:600; letter-spacing:.13em; text-decoration:none; text-transform:uppercase; }
.document { display:grid; grid-template-columns:minmax(0,720px) minmax(190px,260px); gap:clamp(42px,7vw,90px); width:min(1040px,calc(100% - 40px)); margin:0 auto; padding:clamp(54px,9vw,106px) 0 90px; }
.document > * { min-width:0; }
.kicker { margin:0; color:var(--gold); font:600 10px/1.4 'Cinzel',serif; letter-spacing:.3em; text-transform:uppercase; }
h1 { max-width:760px; margin:14px 0 22px; overflow-wrap:break-word; hyphens:auto; font:600 clamp(35px,6vw,64px)/1.02 'Cinzel',serif; letter-spacing:.015em; text-wrap:balance; }
.lead { margin:0 0 38px; color:var(--muted); font:italic clamp(18px,2.4vw,22px)/1.55 'IM Fell Double Pica',serif; text-wrap:pretty; }
.status { margin:0 0 38px; padding:16px 18px; border:1px solid rgba(216,138,27,.35); border-left:3px solid var(--gold); color:rgba(247,237,226,.77); background:rgba(216,138,27,.06); font-size:12px; line-height:1.65; }
.status strong { color:#f2b35d; }
section { scroll-margin-top:88px; }
h2 { margin:40px 0 12px; color:#fff8ef; font:600 clamp(21px,3vw,28px)/1.2 'Cinzel',serif; }
h3 { margin:25px 0 8px; font-size:14px; }
p, li { overflow-wrap:anywhere; color:var(--muted); font-size:14px; line-height:1.75; }
ul, ol { padding-left:21px; }
.meta { margin-top:42px; padding-top:18px; border-top:1px solid rgba(247,237,226,.11); color:rgba(247,237,226,.45); font-size:11px; }
.toc { position:sticky; top:105px; align-self:start; padding-left:22px; border-left:1px solid rgba(247,237,226,.13); }
.toc-title { margin:0 0 14px; color:rgba(247,237,226,.42); font-size:8px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.toc ul { margin:0; padding:0; list-style:none; }
.toc a { display:flex; min-height:36px; align-items:center; color:rgba(247,237,226,.6); font-size:10px; line-height:1.35; text-decoration:none; }
.toc a:hover { color:var(--paper); }
.legal-nav { border-top:1px solid rgba(247,237,226,.09); padding:18px 20px max(18px,env(safe-area-inset-bottom)); }
.legal-nav ul { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 21px; margin:0; padding:0; list-style:none; }
.legal-nav a { display:inline-flex; min-height:44px; align-items:center; color:rgba(247,237,226,.52); font-size:8px; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.legal-nav a[aria-current="page"] { color:#e6a64b; }
@media (max-width:760px) { .site-head { padding-inline:20px; } .document { grid-template-columns:minmax(0,1fr); width:min(720px,calc(100% - 36px)); padding-top:48px; } .toc { position:static; order:-1; padding:14px 0; border-width:1px 0; border-style:solid; border-color:rgba(247,237,226,.1); } .toc ul { display:flex; overflow-x:auto; gap:18px; scrollbar-width:none; } .toc li { flex:0 0 auto; } .toc-title { display:none; } h1 { font-size:clamp(31px,9.5vw,46px); } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
