/* تنسيقُ موقع «إسلام للجميع».
 *
 * **ملفٌّ واحدٌ لأربع صفحات** (عربيّتان وإنجليزيّتان). وكان التنسيق
 * مكتوبًا داخل كل صفحة، فلمّا صار الموقع بلغتين كان سيصير أربع نسخٍ
 * من الشيء نفسه — يُعدَّل في واحدةٍ ويُنسى في ثلاث.
 *
 * **ولا حاجة إلى قواعد اتجاهٍ منفصلة:** كلُّ ما هنا مكتوبٌ بالخصائص
 * المنطقية (`margin-inline-start`, `padding-block`, `border-inline`)
 * لا بـ`left`/`right`. فالصفحةُ العربية `dir=rtl` والإنجليزية `dir=ltr`،
 * والمتصفّحُ يقلب كلَّ شيءٍ وحده.
 */

  :root{
    --emerald:#0B7A45; --emerald-deep:#05502D; --emerald-soft:#DCF0E3;
    --canvas:#FBF6EA; --cream:#FFFDF6; --paper:#FFFFFF;
    --hairline:#E6DCC7; --gold:#D9A441;
    --ink:#14301D; --ink-soft:#5A6E5F;
  }
  *{box-sizing:border-box}
  body{
    margin:0; background:var(--canvas); color:var(--ink);
    font-family:'IBM Plex Sans Arabic',system-ui,'Segoe UI',sans-serif;
    font-size:16.5px; line-height:1.9;
  }
  h1,h2,h3{font-family:Amiri,serif; font-weight:700; line-height:1.4}
  a{color:var(--emerald)}
  .wrap{max-width:820px; margin:0 auto; padding:0 22px}
  header{background:var(--emerald-deep); color:#fff; padding:52px 0 46px; text-align:center}
  header img{width:88px; height:88px; margin-bottom:14px}
  header h1{font-size:clamp(30px,5vw,42px); margin:0; color:#fff}
  header p{color:#BFDDCC; margin:10px 0 0; font-size:15px}
  header a{color:#F2D08A; font-size:15px}
  main{padding:48px 0 70px}
  h2{
    font-size:26px; color:var(--emerald-deep); margin:44px 0 12px;
    padding-bottom:10px; border-bottom:2px solid var(--hairline);
  }
  h3{font-size:19px; color:var(--emerald); margin:26px 0 6px}
  p,li{color:#22402C}
  .lede{
    background:var(--emerald-soft); border-radius:16px; padding:22px 26px;
    border-inline-start:4px solid var(--emerald); margin-bottom:8px;
  }
  .lede ol{margin:0; padding-inline-start:22px}
  .lede li{font-weight:600; color:var(--emerald-deep)}
  table{
    width:100%; border-collapse:collapse; margin:18px 0; font-size:15.5px;
    background:var(--paper); border-radius:14px; overflow:hidden;
    box-shadow:0 2px 10px rgba(5,80,45,.05);
  }
  th,td{padding:13px 16px; text-align:start; border-bottom:1px solid var(--hairline)}
  th{background:var(--cream); color:var(--emerald-deep); font-weight:600}
  tr:last-child td{border-bottom:none}
  .note{
    background:var(--cream); border:1px solid var(--hairline);
    border-inline-start:4px solid var(--gold); border-radius:14px;
    padding:18px 20px; margin:22px 0; font-size:15.5px; color:var(--ink-soft);
  }
  footer{background:#03331C; color:#8FB9A2; padding:30px 0; font-size:14.5px; text-align:center}
  footer a{color:#F2D08A}

/* مبدّلُ اللغة — انظر شرحَه في site.css */
.lang-switch{
  display:inline-block; margin-block-start:10px;
  padding:6px 13px; border:1px solid var(--hairline); border-radius:999px;
  font-size:14px; font-weight:600; color:var(--emerald); background:var(--paper);
}
.lang-switch:hover{background:var(--emerald-soft)}