:root{--ink:#253128;--muted:#687168;--paper:#fbfaf6;--white:#fff;--sage:#dfe8df;--leaf:#3f654b;--leaf2:#31513b;--sand:#efe7d8;--line:#d8ddd6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.68}
a{color:var(--leaf2);text-underline-offset:3px}.wrap{max-width:1180px;margin:auto;padding:0 22px}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.navbar{min-height:76px;display:flex;align-items:center;gap:20px}.brand{font:700 1.42rem Georgia,serif;color:var(--ink);text-decoration:none;white-space:nowrap}.navlinks{margin-left:auto;display:flex;gap:18px;align-items:center}
.navlinks a:not(.btn){text-decoration:none;color:var(--ink);font-size:.93rem;font-weight:650}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--leaf);color:#fff!important;text-decoration:none;font-weight:750;border:1px solid var(--leaf);border-radius:999px;padding:12px 18px;line-height:1.2}.btn:hover{background:var(--leaf2)}
.btn.secondary{background:transparent;color:var(--leaf2)!important}.menu{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 11px}.hero{background:linear-gradient(180deg,#f4f0e8,#fbfaf6);padding:64px 0 44px;border-bottom:1px solid #eee9de}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:34px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:800;color:var(--leaf)}
h1,h2,h3{font-family:Georgia,serif;line-height:1.17;color:#243028}h1{font-size:clamp(2.35rem,5vw,4.2rem);margin:.18em 0 .28em}h2{font-size:clamp(1.65rem,3vw,2.15rem);margin:2em 0 .45em}h3{font-size:1.22rem}
.lead,.article-intro{font-size:1.14rem;color:var(--muted)}.micro{font-size:.86rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.side-card,.hero-card,.notice,.cta{background:#fff;border:1px solid var(--line);border-radius:18px}
.card,.hero-card,.side-card{padding:22px}.card h3,.side-card h3,.hero-card h3{margin-top:.15em}.card p,.side-card p{color:var(--muted)}.section{padding:50px 0}
.layout{max-width:1180px;margin:auto;padding:38px 22px 70px;display:grid;grid-template-columns:minmax(0,790px) 300px;gap:42px;align-items:start}.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:20px}
.sidebar{position:sticky;top:96px}.side-card{margin-bottom:16px}.side-card .btn{width:100%;margin:.35em 0}.notice{padding:18px 20px;background:var(--sand);margin:24px 0}.cta{padding:24px;background:var(--sage);margin:32px 0}.cta h3{margin-top:0}
table{width:100%;border-collapse:collapse;background:#fff;margin:24px 0}th,td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f2f5f1}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.fact{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}
.related{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.footer{border-top:1px solid var(--line);background:#fff;padding:36px 0;color:var(--muted);font-size:.9rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.footer-grid a{display:block;margin:.3em 0}.footer-cta{background:#eef4ed;border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:100}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-card{margin:0}.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.navlinks{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.navlinks .btn{width:100%}}
@media(max-width:620px){.grid,.facts,.footer-grid,.sidebar{grid-template-columns:1fr}.footer-cta{align-items:flex-start;flex-direction:column}h1{font-size:2.45rem}}