:root{--green:#0c6b4d;--gold:#d6a63c;--ink:#17211d;--muted:#5f6b65;--paper:#f7f9f6;--line:#dce5df}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;line-height:1.65}header{background:linear-gradient(135deg,#064d38,#0c6b4d);color:white;padding:20px 0}.wrap{width:min(1160px,92%);margin:auto}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:54px;height:54px;border-radius:50%;background:white;display:grid;place-items:center;font-size:30px}.brand h1{font-size:26px;margin:0}.tagline{opacity:.9;margin:4px 0 0}.langs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.langs a{color:#17332a;background:white;border-radius:999px;padding:7px 13px;text-decoration:none;font-weight:700}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;padding:34px 0}.hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;box-shadow:0 12px 30px #0002}.hero h2{font-size:38px;line-height:1.15;margin:0 0 14px}.hero p{font-size:18px}nav.categories{background:#eef4f0;border-bottom:1px solid var(--line)}nav.categories .wrap{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0}nav.categories a{color:var(--green);text-decoration:none;font-weight:700}main{width:min(1160px,92%);margin:30px auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}article section{margin:0 0 28px;padding-bottom:18px;border-bottom:1px solid var(--line)}article h2,article h3,article h4,article h5{color:#0b5d44;margin-bottom:8px;line-height:1.25}article p{margin-top:0}aside{background:var(--paper);padding:20px;border-radius:16px;height:max-content}aside h3{margin-top:0}.link-cloud a,.sources a{display:block;margin:8px 0;color:#075f49;text-decoration:none}.group{margin-bottom:22px}.group h3{font-size:18px}.group a{display:block;margin:6px 0;color:#075f49;text-decoration:none}.sources{margin-top:30px;background:#f6f7f2;padding:20px;border-radius:16px}.sources p{margin:4px 0 12px;color:var(--muted)}footer{margin-top:40px;background:#10231c;color:#eef7f3;padding:28px 0}footer a{color:#f2d277}@media(max-width:820px){.hero,main{grid-template-columns:1fr}.hero h2{font-size:30px}}[dir="rtl"] body{text-align:right}[dir="rtl"] .brand{flex-direction:row-reverse}