
:root{--ink:#27251f;--muted:#706b60;--paper:#f8f4ea;--card:#fffdf8;--gold:#a57934;--sage:#64705b;--line:#ded6c6;--shadow:0 18px 50px rgba(50,42,25,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.72 Georgia,serif;color:var(--ink);background:var(--paper)}
a{color:#6d5125;text-decoration-thickness:1px;text-underline-offset:3px}img{max-width:100%}.wrap{width:min(1120px,92%);margin:auto}
.top{font:12px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:8px;background:#292b25;color:#f7f0df}
header{background:rgba(248,244,234,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{font:700 24px/1 Arial,sans-serif;letter-spacing:.04em;color:var(--ink);text-decoration:none}.brand span{color:var(--gold)}
nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font:600 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:var(--ink)}
.hero{padding:78px 0 52px;background:radial-gradient(circle at 80% 25%,#e8dcc1 0,transparent 28%),linear-gradient(180deg,#fbf8f0,#f3eddf)}
.eyebrow{font:700 12px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}h1,h2,h3{line-height:1.12}h1{font-size:clamp(42px,7vw,78px);max-width:900px;margin:.18em 0}h2{font-size:34px;margin-top:1.8em}h3{font-size:22px}
.lead{font-size:21px;max-width:760px;color:#514d45}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:14px 20px;border-radius:3px;font:700 14px Arial,sans-serif}.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);padding:25px;border-radius:5px}.card h3{margin-top:0}.card p{color:var(--muted)}
main.article{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:52px;padding:52px 0}.article-body p,.article-body li{color:#47433c}.article-body h1{font-size:50px}.toc{position:sticky;top:100px;align-self:start;background:var(--card);border:1px solid var(--line);padding:20px}.toc a{display:block;margin:9px 0;font:14px Arial,sans-serif}
.note,.claim,.cta{padding:22px;margin:28px 0;border-left:4px solid var(--gold);background:#f1eadb}.claim{border-color:#8b6b61}.cta{background:#292b25;color:#fff;border:0}.cta a{color:#fff}.cta .btn{background:#c49a54;color:#171713}
.breadcrumbs{font:13px Arial,sans-serif;color:var(--muted);margin-bottom:24px}.breadcrumbs a{color:var(--muted)}
.kicker{font:700 13px Arial,sans-serif;color:var(--sage);text-transform:uppercase;letter-spacing:.1em}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.fact{padding:18px;background:var(--card);border:1px solid var(--line)}.fact b{display:block;font:700 12px Arial,sans-serif;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
footer{margin-top:70px;padding:50px 0;background:#292b25;color:#ddd5c5}footer a{color:#eee1c5}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.small{font:13px/1.6 Arial,sans-serif;color:#9b9588}
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(20,20,17,.68);z-index:90;align-items:center;justify-content:center;padding:18px}.modal-backdrop.show{display:flex}.modal{width:min(620px,100%);background:#fbf7ee;box-shadow:var(--shadow);position:relative;padding:36px;border:1px solid #cbbd9f}.modal:before{content:"";display:block;width:82px;height:82px;margin:-77px auto 18px;background:linear-gradient(135deg,#d9bf85,#8d672e);clip-path:polygon(50% 0,100% 100%,0 100%)}.close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:28px;cursor:pointer}.modal h2{margin:.2em 0;font-size:34px}.modal p{color:#5d574d}.modal .fine{font:12px Arial,sans-serif;color:#7b7468}
@media(max-width:800px){nav{display:none}.grid,.facts,footer .cols{grid-template-columns:1fr}main.article{grid-template-columns:1fr}.toc{position:static}.article-body h1{font-size:40px}.hero{padding-top:48px}}
