/* ============================================================================
   النسخة الإنجليزية — طبقة فوق story.css لا تستبدلها.
   هنا فقط ما يختلف باختلاف اتجاه الكتابة أو بمقاسات الحروف اللاتينية.
   كل موضع صورة أو وسم أو خريطة يبقى كما هو في العربية بلا تغيير.
   ========================================================================== */

:root{
  /* السطر العربي يحتمل 1.95؛ اللاتيني عنده يتفكك. والفاصل بين الفقرات يضيق معه */
  --body-line-height:1.72;
  --para-gap:1.25rem;
}

/* ── ما ينقلب مع الاتجاه ─────────────────────────────────────────────── */

/* سطر التوقيع: الفاصل يسبق التاريخ، فينتقل الخط والحشوة إلى يساره */
.hero__date{padding-right:0;padding-left:14px;border-right:0;border-left:1px solid var(--rule-strong)}

/* سهم الرابط الخارجي يلي النص لا يسبقه */
a.s::after{margin-right:0;margin-left:3px}

/* الشريط الساحلي: النقاط والخيط عند بداية السطر، وهي هنا اليسار */
.rail__list::before{right:auto;left:7px}
.rail__item{padding:0 0 0 18px}
.rail__item::before{right:auto;left:1px}

/* صفوف لوحة الوثيقة: الخط الملوّن عند بداية الصف */
.doc__row{border-right:0;border-left:4px solid var(--rule-strong);padding:0 0 0 14px}
.doc__row--uae{border-left-color:var(--shift)}
.doc__row--panel{border-left-color:var(--sea)}
.doc__row--nrf{border-left-color:#8a6820}

/* تعليق الخريطة تحت الإطار العريض بلا خط، وفي غيره يصير الخط يساراً */
.cmap__note{border-right:0;border-left:3px solid var(--rule-strong);padding-right:0;padding-left:12px}
.cmap--wide .cmap__note{border:0;padding:0}

/* وسوم لوحة الجزيرة أطول بالإنجليزية، فتُوسَّع قليلاً لتقلّ أسطرها ولا يخرج
   أعلاها عن اللوحة. الوسم يتمركز على نقطة تثبيته فيبقى موضعه كما هو.
   محصورة بعرض الحاسوب: على الهاتف تصير الوسوم أسطراً كاملة تحت الصورة،
   وهذه الورقة تأتي بعد story.css فكانت تغلب قاعدته max-width:none. */
@media (min-width:761px){
  .isle__lab:not(.isle__lab--side){max-width:30%}
}

/* رقم الوسم على لوحات الجزر يسبق نصه */
.isle__lab i{margin-left:0;margin-right:5px}

/* التذييل منقول من هوية عربي بوست وفيه direction:rtl مثبّت */
.material-footer{direction:ltr}
.material-footer__rights{direction:rtl}

@media (max-width:760px){
  .isle__lab{padding-right:0;padding-left:2px}
}

/* ── مقاسات الحروف اللاتينية ─────────────────────────────────────────── */

/* العناوين اللاتينية أطول من العربية بالحرف، فتحتمل قياساً أصغر قليلاً */
.hero__h1b{font-size:clamp(1.16rem,2.85vw,2rem);max-width:46ch}
h3{line-height:1.3}
.h-src{line-height:1.25}
.isle__lab{line-height:1.6}
.doc__row p{line-height:1.7}
.twin__card p{line-height:1.7}

/* ════════════════════════════════════════════════════════════════════════════
   الخريطة: أسماء الجغرافيا الإنجليزية حروفها كبيرة متباعدة فتخرج أعرض من
   العربية. فيتراكب اسم المضيق باسم جيبوتي عند عرض 600 بكسل، وهو ما لا يقع
   في العربية. يُحذف المضيق هناك — والمادة كلها عن باب المندب فالقارئ يعرفه.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width:820px){
  .mgeo--str{display:none}
  /* Al-Khawkhah وHays أعرض من «الخوخة» و«حيس» بكثير، فيتلامسان
     على شاشة الهاتف. حرفٌ أصغر يكفي ولا يحتاج إزاحة */
  .mtown{font-size:.58rem}
}