:root{--bg:#f4f7f3;--card:#fff;--ink:#16261d;--mute:#53675b;--line:#d5e0d7;--acc:#0f5132;--gold:#b8921f;--dk:#0a3d27;--tint:#e5efe7}
@media(prefers-color-scheme:dark){:root{--bg:#0d1a13;--card:#142a1f;--ink:#eaf4ec;--mute:#a8bfae;--line:#264535;--acc:#5fce97;--gold:#e0bd4a;--dk:#07150e;--tint:#102217}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 "Nunito",system-ui,sans-serif}
h1,h2,h3{font-family:Lora,Georgia,serif;line-height:1.25;margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:1.12rem}
a{color:var(--acc)}.wrap{max-width:1100px;margin:auto;padding:0 20px}img{max-width:100%;height:auto;display:block}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ar{font-family:Amiri,"Traditional Arabic",serif;direction:rtl}.bism{background:var(--dk);color:#f1e3a8;text-align:center;font-size:1.5rem;padding:6px 0;border-bottom:1px solid #1d5a3d}
.top{background:var(--card);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:5}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;font-family:Lora,serif;font-weight:700;color:var(--acc);text-decoration:none}nav a{margin-left:16px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}nav a:hover{color:var(--acc)}.ic{flex:none;vertical-align:middle}
.hero{background:var(--dk);color:#fff}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding-top:56px;padding-bottom:56px}.hero .lead{color:#cfe4d6;font-size:1.15rem}.hero .big{font-size:2.6rem;color:#f1d36a;margin:0 0 6px;line-height:1.3}
.arch{border-radius:999px 999px 8px 8px;overflow:hidden;border:4px solid var(--gold);max-width:340px;margin:auto}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.btn{display:inline-block;background:var(--gold);color:#1b1500;padding:11px 24px;border-radius:999px;text-decoration:none;font-weight:700;border:2px solid var(--gold)}.btn.ghost{background:transparent;color:#fff;border-color:#fff}.btn.g{background:var(--acc);border-color:var(--acc);color:#fff}
@media(prefers-color-scheme:dark){.btn.g{color:#05180e}}
.sec{padding:54px 0}.band{background:var(--tint);border-block:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin-top:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card img{width:100%;aspect-ratio:400/260;object-fit:cover}.card .b{padding:14px 18px}.card p{margin:0 0 8px;color:var(--mute)}.card h3 a{color:var(--ink);text-decoration:none}
.pill{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:inherit}.pill .ic{color:var(--acc);margin-top:4px}.pill p{margin:0;color:var(--mute);font-size:.95rem}.pill h3{margin:0 0 2px}
.steps{counter-reset:s;list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.steps li::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--acc);color:#fff;font-weight:700;margin-bottom:8px}.steps p{margin:0;color:var(--mute);font-size:.95rem}
.ph{background:var(--dk);color:#fff;padding:36px 0;border-bottom:4px solid var(--gold)}.crumb{font-size:.9rem;color:#b9d3c1;margin:0 0 6px}.crumb a{color:#b9d3c1}.ph h1{margin:0;font-size:clamp(1.7rem,4vw,2.5rem)}
.lay{display:grid;grid-template-columns:1fr 290px;gap:36px;padding:36px 0 56px}.cnt h2{margin-top:1.5em}.cnt li{margin-bottom:6px}.cnt img.ban{width:100%;max-width:440px;border-radius:14px;margin:0 0 20px}
.side{align-self:start;position:sticky;top:90px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:12px;padding:18px}.side h3{margin-bottom:8px}.side p{margin:0 0 10px;color:var(--mute);font-size:.95rem}.side .btn{display:block;text-align:center}
details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:14px 18px}summary{cursor:pointer;font-weight:700}details p{margin:10px 0 0;color:var(--mute)}
table{border-collapse:collapse;width:100%;background:var(--card)}td,th{border:1px solid var(--line);padding:10px;text-align:left}th{background:var(--tint)}
footer{background:var(--dk);color:#b9d3c1;padding:30px 0;font-size:.95rem;border-top:4px solid var(--gold)}footer a{color:#fff;margin-right:14px}footer p{margin:6px 0}
@media(max-width:820px){.hero .wrap,.lay{grid-template-columns:1fr}.side{position:static}nav a{margin:0 12px 0 0}}