:root{
 --espresso:#321d15;--brown:#563426;--brown2:#76513d;--tan:#a97b59;--gold:#c69a6b;
 --cream:#f8f2eb;--paper:#fffdfa;--ink:#2c211b;--muted:#75655b;--line:#e9ddd2;
 --shadow:0 18px 50px rgba(50,29,21,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.78}
a{color:var(--brown);text-decoration:none}a:hover{text-decoration:underline}
.header{position:sticky;top:0;z-index:50;background:rgba(50,29,21,.97);backdrop-filter:blur(12px);box-shadow:0 5px 25px rgba(0,0,0,.12)}
.nav{max-width:1240px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:22px;position:relative}
.logo{font-family:Georgia,serif;font-weight:900;font-size:1.25rem;color:#fff;white-space:nowrap;letter-spacing:.02em}
.logo span{color:#d6aa7c}.toggle{display:none;margin-left:auto;color:#fff;border:1px solid #ffffff55;background:transparent;border-radius:10px;padding:8px 11px;font-size:1.1rem}
.menu{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;flex:1}.menu a{color:#f9eee5;padding:8px 9px;border-radius:8px;font-size:.83rem}.menu a:hover{background:#ffffff12;text-decoration:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--espresso),#64402e 55%,#8c6146);color:#fff;padding:96px 20px 88px}
.hero:before,.hero:after{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%;width:430px;height:430px}.hero:before{right:-170px;top:-190px}.hero:after{left:-250px;bottom:-340px}
.hero-inner{max-width:1120px;margin:auto;position:relative;z-index:1}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;color:#e5c3a3;font-weight:800}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}.hero h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.03;max-width:950px;margin:12px 0 22px;letter-spacing:-.025em}.hero p{max-width:800px;color:#f5e9df;font-size:1.12rem}
.btn{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:13px 19px;background:#d8ab7b;color:#291b14;border-radius:12px;font-weight:900;box-shadow:0 9px 24px #0003;transition:.2s}.btn:hover{transform:translateY(-2px);text-decoration:none}
.container{max-width:1040px;margin:auto;padding:54px 20px}.article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(28px,5vw,64px);box-shadow:var(--shadow)}
.article .lead{font-size:1.2rem;color:#49382f}.article h2{color:var(--brown);font-size:1.85rem;line-height:1.2;margin-top:2.2em}.article h3{color:var(--brown2);font-size:1.3rem}.article p{margin:0 0 1.2rem}.article ul{padding-left:1.3rem}
.cta{margin:42px 0 10px;padding:30px;background:linear-gradient(135deg,#f2e5d9,#ead8c8);border:1px solid #dfc9b5;border-radius:17px}.cta strong{display:block;font-family:Georgia,serif;color:var(--brown);font-size:1.4rem;margin-bottom:7px}
.faq{margin-top:42px}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:800;color:var(--brown)}
.related{margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{background:#f5eee7;border:1px solid var(--line);padding:13px;border-radius:11px;display:block;font-weight:700}.related a:hover{background:#eee0d2;text-decoration:none}
.footer{background:#281812;color:#d9c9bd;margin-top:50px}.footer-inner{max-width:1240px;margin:auto;padding:42px 22px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer h3{color:#fff;margin-top:0}.footer a{color:#e9c9a8}.legal{font-size:.86rem;color:#bca99b}
.home-grid{max-width:1180px;margin:auto;padding:56px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:0 8px 25px #321d210a}.topic-card .num{font-size:.74rem;color:var(--tan);font-weight:900;letter-spacing:.12em}.topic-card h3{margin:8px 0;color:var(--brown)}.topic-card p{color:var(--muted);font-size:.92rem}
.home-intro{max-width:1120px;margin:auto;padding:54px 20px 10px}.home-intro h2{color:var(--brown);font-size:2rem}.home-intro p{max-width:900px}
@media(max-width:1000px){.menu{display:none}.toggle{display:block}.nav.open .menu{display:grid;grid-template-columns:repeat(2,1fr);position:absolute;left:0;right:0;top:62px;background:var(--espresso);padding:13px 20px;box-shadow:0 16px 30px #0003}.footer-inner{grid-template-columns:1fr 1fr}.home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hero{padding:68px 18px}.hero h1{font-size:2.65rem}.container{padding:30px 13px}.article{padding:23px 18px;border-radius:16px}.home-grid{grid-template-columns:1fr;padding:38px 14px}.home-intro{padding:38px 18px}.footer-inner{grid-template-columns:1fr}.nav{padding:12px 14px}.nav.open .menu{grid-template-columns:1fr}}