:root{
  --ink:#16201c; --ink-2:#5a6560; --line:#e2e7e3; --bg:#f7f9f7; --card:#fff;
  --brand:#1f6f4a; --brand-soft:#e3f2e9;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
     font:16px/1.8 "Segoe UI",system-ui,-apple-system,"Noto Sans Arabic",sans-serif}
a{color:var(--brand)}
header{background:var(--card);border-bottom:1px solid var(--line)}
.nav{max-width:860px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;
     justify-content:space-between}
.logo{font-size:20px;font-weight:800;color:var(--brand);text-decoration:none}
.nav a.back{font-size:14px;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:36px 20px 64px}
h1{font-size:clamp(26px,4vw,34px);line-height:1.35;margin:0 0 6px}
.meta{color:var(--ink-2);font-size:14px;margin:0 0 28px}
h2{font-size:20px;margin:34px 0 10px;padding-top:22px;border-top:1px solid var(--line)}
h3{font-size:16px;margin:18px 0 6px}
p,li{color:#2c3632}
ul{padding-inline-start:22px}
.note{background:var(--brand-soft);border-radius:10px;padding:12px 16px;margin:16px 0}
.en{direction:ltr;text-align:left;font-size:15px;color:var(--ink-2);margin-top:44px;
    padding-top:24px;border-top:2px solid var(--line)}
.en h2{border:0;padding:0;margin:0 0 8px;font-size:18px;color:var(--ink)}
footer{border-top:1px solid var(--line);color:var(--ink-2);font-size:13px}
.foot{max-width:860px;margin:0 auto;padding:18px 20px;display:flex;gap:16px;flex-wrap:wrap;
      justify-content:space-between}