:root{--paper:#fbfbf8;--surface:#f0f3ef;--ink:#16241e;--stone:#6c7a73;--pine:#1e6048;--line:#dce2dd}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--pine)}
.wrap{width:min(900px,100% - 2.5rem);margin-inline:auto}
.site-head{border-bottom:1px solid var(--line);background:var(--paper)}
.head-in{min-height:64px;display:flex;align-items:center;gap:1.2rem}
.brand{font-weight:600;text-decoration:none;color:var(--ink);margin-right:auto}
.nav{display:flex;gap:1.2rem;flex-wrap:wrap}
.nav a{color:var(--stone);text-decoration:none;font-size:.93rem}
.nav a[aria-current="page"],.nav a:hover{color:var(--ink)}
.lang-link{border:1px solid var(--line);border-radius:999px;padding:.18rem .65rem;color:var(--pine)!important}
main{padding:clamp(2.8rem,7vw,5rem) 0 5rem}
.kicker{margin:0 0 .8rem;color:var(--stone);font-size:.9rem}
h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.08;letter-spacing:-.035em;font-weight:500;margin:0 0 1rem}
h2{font-size:1.35rem;line-height:1.3;margin:2.4rem 0 .7rem}
h3{font-size:1.05rem;margin:1.5rem 0 .35rem}
p{max-width:68ch;margin:.8rem 0}
.lead{font-size:1.1rem;color:var(--stone);margin-bottom:2rem}
.hero-image{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);margin:1.6rem 0 2rem}
.answer{background:var(--surface);border-left:3px solid var(--pine);padding:1.2rem 1.4rem;margin:2rem 0;border-radius:0 12px 12px 0}
.answer p{margin:0}
.article-list{margin-top:2rem;border-top:1px solid var(--line)}
.article-card{display:block;padding:1.7rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.article-card h2{margin:0 0 .35rem;font-size:1.3rem}
.article-card p{margin:0;color:var(--stone)}
.article-card:hover h2{color:var(--pine)}
.faq{margin-top:3rem;padding-top:.5rem;border-top:1px solid var(--line)}
.cta{margin-top:3rem;padding:1.4rem;border:1px solid var(--line);border-radius:12px}
.cta p{margin:.2rem 0}
.breadcrumbs{font-size:.88rem;color:var(--stone);margin-bottom:1.5rem}
.breadcrumbs a{color:var(--stone)}
.sources{font-size:.9rem;color:var(--stone);margin-top:2.5rem}
.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:2rem 0}
.details>div{background:var(--surface);padding:1rem 1.2rem}.details small{display:block;color:var(--stone)}
footer{border-top:1px solid var(--line);padding:1.6rem 0 3rem;color:var(--stone);font-size:.88rem}
@media(max-width:620px){.head-in{align-items:flex-start;flex-direction:column;padding:1rem 0}.brand{margin-right:0}}