:root{--ink:#15221d;--muted:#607068;--line:#dfe7e3;--soft:#f4f8f6;--brand:#0b8f63;--brand2:#086c4d;--white:#fff;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"IBM Plex Sans Arabic","Tahoma","Arial",sans-serif;line-height:1.85}a{color:var(--brand2)}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:5}.nav{max-width:var(--max);margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.35rem;font-weight:800;text-decoration:none;color:var(--ink)}.brand span{color:var(--brand)}.nav-links{display:flex;gap:18px;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--muted);font-size:.93rem}.hero{background:linear-gradient(135deg,#f2faf6,#fff);border-bottom:1px solid var(--line)}.hero-inner{max-width:var(--max);margin:auto;padding:72px 22px 62px}.eyebrow{color:var(--brand2);font-weight:800;margin:0 0 8px}.hero h1{max-width:880px;font-size:clamp(2rem,5vw,4rem);line-height:1.25;margin:0 0 18px;letter-spacing:-.03em}.lede{max-width:780px;color:var(--muted);font-size:1.15rem;margin:0}.updated{display:inline-flex;margin-top:22px;background:#e8f5ef;color:var(--brand2);padding:6px 12px;border-radius:999px;font-size:.88rem}.layout{max-width:var(--max);margin:0 auto;padding:46px 22px 80px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:54px}.answer{background:var(--soft);border:1px solid var(--line);border-right:4px solid var(--brand);border-radius:14px;padding:22px 24px;font-size:1.08rem}.content h2{font-size:1.65rem;line-height:1.4;margin:44px 0 10px}.content p{margin:0;color:#34443d}.toc{position:sticky;top:86px;align-self:start;border:1px solid var(--line);border-radius:14px;padding:20px}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0}.faq{margin-top:54px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{padding-top:8px}.sources{margin-top:50px;padding-top:28px;border-top:1px solid var(--line)}.sources li{margin:7px 0}.related{max-width:var(--max);margin:0 auto;padding:0 22px 80px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:var(--ink);transition:.2s}.card:hover{border-color:var(--brand);transform:translateY(-2px)}.card small{color:var(--brand2);font-weight:700}.card h3{margin:7px 0;font-size:1.05rem;line-height:1.5}.card p{color:var(--muted);margin:0;font-size:.92rem}.footer{background:#13211b;color:#d9e5df}.footer-inner{max-width:var(--max);margin:auto;padding:34px 22px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a{color:#fff}.breadcrumbs{max-width:var(--max);margin:auto;padding:14px 22px;color:var(--muted);font-size:.88rem}.breadcrumbs a{color:var(--muted)}.home-grid{max-width:var(--max);margin:auto;padding:60px 22px 90px}.home-grid h2{font-size:1.8rem}.home-grid .cards{grid-template-columns:repeat(2,1fr)}@media(max-width:850px){.layout{grid-template-columns:1fr}.toc{position:static;order:-1}.cards,.home-grid .cards{grid-template-columns:1fr}.nav-links{display:none}.hero-inner{padding-top:46px}.hero h1{font-size:2.25rem}}
