:root{
  --bg:#0e110f; --panel:#171b18; --ink:#f0eee6; --muted:#bbb7ab;
  --line:rgba(240,238,230,.18); --green:#87ad88; --green2:#bacbb7; --paper:#f0eee6;
  --paperink:#20221f; --max:1120px; --read:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62}
a{color:var(--green2);text-decoration:none}
a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,14,12,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav{max-width:var(--max);margin:auto;padding:15px 24px;display:flex;gap:28px;align-items:center}
.brand{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.08em;color:var(--ink);margin-right:auto}
.nav a{font-family:Arial,sans-serif;font-size:.9rem;color:var(--muted)}
main{max-width:var(--max);margin:auto;padding:58px 24px 90px}
.eyebrow{font:700 .75rem/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;margin-top:0}
h1{font-size:clamp(2.8rem,6vw,5.5rem);max-width:900px;margin-bottom:24px}
h2{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:18px}
h3{font-size:1.5rem}
.lede{font-size:1.24rem;color:#d5d9d2;max-width:790px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.btn{display:inline-block;border:1px solid #556555;padding:10px 16px;font-family:Arial,sans-serif;font-size:.88rem}
.btn.primary{background:#d8dfd4;color:#111;border-color:#d8dfd4}
.rule{border:0;border-top:1px solid var(--line);margin:58px 0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{border:1px solid var(--line);background:var(--panel);padding:28px;min-height:220px}
.card .num{font:700 .73rem Arial,sans-serif;letter-spacing:.14em;color:var(--green);text-transform:uppercase}
.card h2,.card h3{margin:16px 0 12px}
.card p{color:var(--muted)}
.world{display:grid;grid-template-columns:1.5fr .8fr;gap:54px}
.facts{border-left:1px solid var(--line);padding-left:28px}
.fact{margin-bottom:24px}.fact b{display:block;font:700 .72rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:24px;color:#7f897f;font: .82rem Arial,sans-serif}
.collection-head{max-width:var(--read);margin:0 auto 55px}
.collection-head h1{font-size:clamp(2.8rem,6vw,5.5rem)}
.collection-sub{font-size:1.16rem;color:var(--muted)}
.toc{max-width:var(--read);margin:0 auto 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}
.toc h2{font-size:1rem;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--green)}
.toc ol{columns:2;gap:36px;padding-left:22px}
.toc li{break-inside:avoid;margin:.25rem 0}
.reader{max-width:var(--read);margin:auto}
.reader .story{padding:58px 0 72px;border-top:1px solid var(--line)}
.reader .story:first-child{border-top:0}
.reader h1{font-size:clamp(2.2rem,5vw,4.2rem);margin-bottom:25px}
.reader h2{font-size:1.65rem;margin-top:42px}
.reader h3{font-size:1.25rem;margin-top:34px}
.reader p{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;margin:0 0 1.05em}
.reader .docline{font-family:Arial,sans-serif;font-size:.91rem;color:var(--muted)}
.reader hr{border:0;border-top:1px solid var(--line);margin:38px 0}
.archive-note{border:1px solid var(--line);padding:24px;margin-top:45px;color:var(--muted)}
.small{font: .84rem Arial,sans-serif;color:var(--muted)}
@media(max-width:760px){
 .nav{gap:14px}.nav a{font-size:.8rem}.grid,.world{grid-template-columns:1fr}
 .facts{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
 .toc ol{columns:1} main{padding-top:38px}
}