:root{--green:#0d6b45;--green2:#0b5137;--gold:#d8b45b;--cream:#fbfaf5;--ink:#17211d;--muted:#5f6d66}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);line-height:1.66}
a{color:#096346}header{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 10px #0002}
.wrap{max-width:1120px;margin:auto;padding:0 20px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px}.brand{font-weight:800;font-size:22px;color:#fff;text-decoration:none}.nav{display:flex;flex-wrap:wrap;gap:8px}.nav a,.langs a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:8px}.nav a:hover,.langs a:hover{background:#ffffff18}.langs{display:flex;gap:5px;font-weight:700}.hero{max-width:1120px;margin:26px auto 14px;padding:0 20px}.hero img{width:100%;height:360px;object-fit:cover;border-radius:18px;box-shadow:0 8px 30px #0002}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.08;margin:22px 0 8px}.lede{font-size:18px;color:var(--muted)}main{max-width:900px;margin:auto;padding:0 20px 60px}.widget{text-align:center;margin:22px auto 34px;padding:18px;background:#fff;border:1px solid #e5e5dd;border-radius:16px;box-shadow:0 5px 20px #0001}.widget iframe{display:block;margin:auto}.section{background:#fff;border:1px solid #ecebe3;border-radius:14px;padding:22px 24px;margin:18px 0}.section h2,.section h3,.section h4,.section h5{color:var(--green2);margin-top:0}.sources{background:#f0f6f2;border-left:4px solid var(--green);padding:20px;border-radius:10px;margin:30px 0}.sources a{display:block;margin:7px 0}.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:30px 0}.related a{background:white;border:1px solid #e3e5df;padding:12px;border-radius:10px;text-decoration:none}footer{background:#0f241b;color:#e8efe9;padding:28px 0}footer a{color:#fff}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}@media(max-width:760px){header{position:static}.top{align-items:flex-start;flex-direction:column;padding:14px 20px}.hero img{height:230px}.section{padding:18px}.nav{font-size:14px}}