/* ============================================================================
   تحقيق الساحل الغربي اليمني — عربي بوست
   الهوية منقولة من مواد story360 المنشورة؛ اللغة البصرية خاصة بهذا التحقيق.
   ========================================================================== */

/* ═════ الخطوط: مستضافة عندنا ═════
   كانت تُحمَّل من خطوط غوغل، فيصل إليها عنوان كل قارئ وصفحته.
   صارت في assets/fonts فلا تخرج من الصفحة طلبة واحدة إلى طرف ثالث.
   نطاقات المحارف محفوظة كما هي، فلا يُنزِّل القارئ إلا ما تحتاجه صفحته:
   الصفحة العربية لا تجلب اللاتينية إلا عند أول حرف لاتيني يُعرَض.
   وأُسقطت السيريلية والفيتنامية: لا حرف منهما في الصفحتين.
   الملفات من خطوط غوغل برخصة SIL Open Font License 1.1 — الاستضافة الذاتية منها مُجازة.
   ══════════════════════════════════════════════════ */

/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/cairo-400-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/cairo-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/cairo-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/cairo-700-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/cairo-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/cairo-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/cairo-800-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/cairo-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/cairo-800-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/cairo-900-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/cairo-900-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/cairo-900-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-300-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-300-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-300-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-400-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-500-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-600-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-700-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ibm-plex-sans-arabic-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/readex-pro-300-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/readex-pro-300-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/readex-pro-300-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/readex-pro-400-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/readex-pro-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/readex-pro-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/readex-pro-500-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/readex-pro-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/readex-pro-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/readex-pro-600-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/readex-pro-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/readex-pro-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* arabic */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/readex-pro-700-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
  }

/* latin */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/readex-pro-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* latin-ext */
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/readex-pro-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }


:root{
  /* هوية عربي بوست — محفوظة */
  --ap-cyan:#00c4ff;
  --paper:#e8e1d4;
  --paper-2:#ded5c3;
  --paper-3:#d3c9b4;
  --page:#fffdf8;
  --ink:#15171b;
  --ink-1:#2a2d34;
  --ink-2:#3f434b;
  --ink-muted:#5f646d;
  --font-head:'Cairo',sans-serif;
  --font-body:'Readex Pro',sans-serif;
  --font-ui:'IBM Plex Sans Arabic',sans-serif;
  --font-num:'IBM Plex Mono',ui-monospace,monospace;
  --body-line-height:1.95;
  --para-gap:1.4rem;
  --reading-width:700px;
  --wide-width:1180px;
  --header-h:60px;

  /* لغة هذا التحقيق */
  --sea:#1d4d6b;            /* ما قبل الهجوم / البحر */
  --sea-soft:#dce6ec;
  --shift:#b0442a;          /* تغيّر السيطرة — اللون الدال الوحيد */
  --hero-red:#f04b32;       /* أحمر العنوان فوق الصورة الداكنة */
  --reveal-red:#ff3b24;     /* أحمر خط التحديد فوق الصور المعتَّمة */
  --shift-deep:#8d3420;
  --shift-wash:rgba(176,68,42,.08);
  --shift-line:rgba(176,68,42,.34);
  --stage:#141a1f;          /* مساحات المشاهدة الداكنة */
  --stage-2:#1d262d;
  --rule:rgba(21,23,27,.20);
  --rule-strong:rgba(21,23,27,.34);
  --card-border:rgba(21,23,27,.18);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:clip;max-width:100%}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  font-family:var(--font-body);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  padding-top:var(--header-h);
}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--ap-cyan);color:#fff}
[id]{scroll-margin-top:calc(var(--header-h) + 16px)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ═════════════════ الترويسة — منقولة من هوية عربي بوست ═════════════════ */
.main-header{background:#00c4ff;position:fixed;top:0;left:0;width:100%;z-index:1000;padding:5px 0}
.main-header .wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.main-header__top{display:flex;align-items:center;justify-content:space-between}
.main-header__part{display:flex;align-items:center}
.main-logo{position:relative;width:auto;max-width:230px;height:50px;display:block;text-decoration:none;overflow:visible}
.main-logo svg{width:100%;height:50px;display:block}
.main-logo svg path{fill:#fff}
.main-logo .main-logo-left{position:absolute;top:1px;left:4px;width:40px;height:18px;transition:all .2s}
.main-logo .main-logo-left::after,.main-logo .main-logo-left::before{content:"";width:40px;height:5px;background:#fff;position:absolute;top:0;left:0}
.main-logo .main-logo-left::after{height:20px;width:5px}
.main-logo .main-logo-right{position:absolute;right:4px;bottom:7px;width:25px;height:20px;transition:all .3s}
.main-logo .main-logo-right::after,.main-logo .main-logo-right::before{content:"";width:25px;height:5px;background:#fff;right:0;bottom:0;position:absolute}
.main-logo .main-logo-right::after{height:20px;width:5px}
.main-logo:hover .main-logo-left{transform:translateX(-5px)}
.main-logo:hover .main-logo-right{transform:translateX(5px)}
.socials{display:flex}
.socials a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin-right:5px;border-radius:4px;text-decoration:none;color:#fff;transition:all .25s}
.socials a svg{width:22px;height:22px}
.socials a:hover.social-fb{background:#3b5999}
.socials a:hover.social-yt{background:#cd201f}
.socials a:hover.social-tw{background:#55acee}
.socials a:hover.social-ig{background:#e4405f}
.socials a:hover.social-tg{background:#08c}
.main-header__time{font-family:var(--font-ui);font-size:16px;font-weight:300;color:#fff;text-align:left;margin-right:15px;white-space:nowrap}
.header-search{position:relative}
.header-search input{background:transparent;border:0;height:30px;color:#fff;width:58px;transition:all .5s;border-bottom:1px solid transparent;padding:4px 4px 4px 20px;font-size:14px;outline:none;font-family:var(--font-ui)}
.header-search input::placeholder{color:#fff}
.header-search input:focus{width:180px;border-color:rgba(255,255,255,.7)}
.header-search .search-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;pointer-events:none}
.night-mode{position:relative;width:38px;height:22px;border-radius:40px;border:1px solid rgba(255,255,255,.7);cursor:pointer;transition:all .25s;user-select:none;margin-right:15px;flex-shrink:0}
.night-mode__switch{position:absolute;left:1px;height:18px;width:18px;border-radius:50%;background:#111;top:1px;transition:all .5s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}
body.night-mode-active .night-mode__switch{left:17px;background:#fff;color:#111}
.main-header__left{display:flex;align-items:center}

/* ═════════════════ الافتتاحية ═════════════════ */
.hero{position:relative;width:100%;min-height:min(88vh,800px);overflow:hidden;background:var(--stage);
  display:flex;align-items:flex-end;justify-content:center}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.hero__scrim{position:absolute;inset:0;background:
  linear-gradient(to top,rgba(10,14,18,.90) 0%,rgba(10,14,18,.66) 26%,rgba(10,14,18,.30) 58%,rgba(10,14,18,.44) 100%)}
/* كتلة العنوان في الثلث السفلي، متمركزة */
.hero__in{position:relative;width:100%;max-width:1240px;margin:0 auto;text-align:center;
  padding:0 24px clamp(64px,14vh,140px)}
.hero__h1{margin:0 0 22px;font-family:var(--font-head);font-weight:900;color:#fff}
/* السطر الأحمر: تمهيد، أصغر من العنوان */
.hero__h1a{display:block;color:var(--hero-red);font-size:clamp(1.24rem,2.9vw,2.05rem);line-height:1.3;
  letter-spacing:-.005em;text-shadow:0 2px 18px rgba(8,11,14,.6)}
/* العنوان نفسه: أكبر، وعلى سطر أو سطرين */
.hero__h1b{display:block;margin-top:.42em;font-size:clamp(1.3rem,3.5vw,2.5rem);line-height:1.38;
  font-weight:900;color:#fff;max-width:44ch;margin-inline:auto;text-wrap:balance;
  text-shadow:0 2px 16px rgba(8,11,14,.7)}
.hero__byline{display:inline-block;font-family:var(--font-ui);font-size:.82rem;color:#d3cec5;
  border-top:1px solid rgba(255,255,255,.34);padding-top:13px}
.hero__byline b{color:#fff;font-weight:600}
.hero__credit{position:absolute;bottom:8px;left:14px;font-family:var(--font-ui);font-size:.66rem;color:rgba(255,255,255,.72);
  background:rgba(10,14,18,.5);padding:3px 8px;border-radius:3px}

/* افتتاحية بصورة مركّبة فاتحة: العمل كاملاً ثم العنوان تحته */
.hero--art{display:block;min-height:0;background:#f5f2ec;padding:0}
.hero__art{width:100%;background:#f5f2ec}
.hero__art img{width:100%;height:auto;display:block}
.hero--art .hero__in{position:relative;max-width:980px;margin:0 auto;text-align:center;
  padding:clamp(14px,2.4vw,26px) 24px clamp(20px,3.4vw,34px)}
.hero--art .hero__h1{margin:0 0 14px}
.hero--art .hero__h1a{color:#b9171e;text-shadow:none;
  font-size:clamp(1.1rem,2.5vw,1.75rem)}
.hero--art .hero__h1b{color:var(--ink);text-shadow:none;
  font-size:clamp(1.24rem,3.1vw,2.2rem);max-width:40ch}
.hero--art .hero__byline{display:inline-flex;align-items:center;gap:14px;
  font-family:var(--font-ui);font-size:clamp(.9rem,1.9vw,1.06rem);font-weight:700;
  color:var(--ink);border-top:1px solid var(--rule-strong);padding-top:12px}
.hero--art .hero__byline b{color:var(--ink);font-weight:800}
.hero__date{font-family:var(--font-num);font-weight:600;color:var(--ink-1);
  padding-right:14px;border-right:1px solid var(--rule-strong)}
/* مفتاح اللغة تحت سطر التوقيع: شطران في مجرى واحد، لغة الصفحة ممتلئة
   والأخرى رابط بجوارها. يقول للقارئ إن هناك نسختين وأين هو منهما. */
.hero__lang{margin:15px 0 0}
.lang-sw{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:999px;
  background:rgba(21,23,27,.055);border:1px solid rgba(21,23,27,.11);
  font-family:var(--font-ui);font-size:.78rem;font-weight:600;line-height:1}
.lang-sw__on,.lang-sw__off{display:inline-flex;align-items:center;justify-content:center;
  min-height:29px;padding:0 15px;border-radius:999px;white-space:nowrap;letter-spacing:.015em}
.lang-sw__on{background:var(--ink);color:#fff;font-weight:700;box-shadow:0 1px 3px rgba(21,23,27,.24)}
.lang-sw__off{color:var(--ink-2);text-decoration:none;transition:color .18s,background .18s}
.lang-sw__off:hover,.lang-sw__off:focus-visible{color:var(--ink);background:rgba(255,253,248,.92)}
/* الحرف العربي أصغر بصرياً عند القياس نفسه، والقاعدة تتبع اللغة لا الصفحة */
.lang-sw [lang="ar"]{font-size:.9rem}
/* على اللمس يصير الشطران هدفاً بحجم ما تعتمده بقية أزرار الصفحة */
@media (max-width:760px){
  .lang-sw__on,.lang-sw__off{min-height:44px;padding:0 20px;font-size:.84rem}
  .lang-sw [lang="ar"]{font-size:.96rem}
}
/* على الهاتف: قصّ العمل إلى مربع حول مركزه بدل شريط عريض لا يُقرأ */
@media (max-width:640px){
  .hero__art img{aspect-ratio:1/1;object-fit:cover;object-position:50% 48%}
}

/* ═════════════════ بنية المقاطع ═════════════════ */
.section{padding:clamp(13px,1.8vw,19px) 22px}
/* مقطعان متتاليان على الورق نفسه: لا تُجمع حشوتاهما */
.section:not(.section--tint):not(.ten-sec):not(.tl-sec):not(.isle-sec):not(.duo-sec)
  + .section:not(.section--tint):not(.ten-sec):not(.tl-sec):not(.isle-sec):not(.duo-sec){padding-top:0}
.section--tint{background:var(--paper-2)}
.inner{max-width:var(--reading-width);margin:0 auto}
.inner--wide{max-width:var(--wide-width)}
/* كتلتان متتاليتان في المقطع نفسه: فاصل بمقدار المسافة بين الفقرات */
.inner + .inner{margin-top:var(--para-gap)}
.inner + .inner > h2:first-child,.inner + .inner > h3:first-child{margin-top:0}
/* عنوان من المتن — بمحاذاة عمود النص الذي تحته */
.h-src{font-family:var(--font-head);font-weight:900;color:var(--ink);
  font-size:clamp(1.5rem,5.2vw,2.3rem);line-height:1.4;letter-spacing:-.01em;
  margin:clamp(1rem,2vw,1.4rem) 0 .8rem;text-wrap:balance}
.inner > .h-src:first-child{margin-top:.55rem}
h3{font-family:var(--font-head);font-weight:900;font-size:clamp(1.5rem,5.2vw,2.3rem);line-height:1.4;
  letter-spacing:-.01em;margin:clamp(1rem,2vw,1.4rem) 0 .8rem;color:var(--ink)}
p{font-size:clamp(1rem,2.9vw,1.12rem);line-height:var(--body-line-height);color:var(--ink-1);margin:0 0 var(--para-gap)}
.inner p:last-child{margin-bottom:0}

/* الروابط: المصدر بجوار المعلومة، ظاهر لا باهت */
a.s{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--shift-line);
  padding-bottom:1px;transition:background .18s,border-color .18s}
a.s:hover,a.s:focus-visible{background:var(--shift-wash);border-bottom-color:var(--shift)}
a.s::after{content:"↗";font-size:.7em;color:var(--shift-deep);margin-right:3px;vertical-align:.35em}

/* ═════════════════ مفتاح الأدلة ═════════════════ */
.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin-top:22px}
.key{background:var(--page);border:1px solid var(--card-border);border-top:3px solid var(--sea);
  border-radius:4px;padding:15px 15px 16px}
.key__t{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--ink);margin:0 0 7px}
.key__d{font-family:var(--font-ui);font-size:.86rem;line-height:1.72;color:var(--ink-2);margin:0}

/* ═════════════════ وسوم الدور والدرجة ═════════════════
   محفوظة ولا تُستعمل بعد حذف جدول الحصيلة في 23 سبتمبر 2026. */
.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:.79rem;font-weight:600;
  padding:5px 11px;border-radius:3px;line-height:1.45;border:1px solid transparent}
.chip::before{content:"";width:9px;height:9px;border-radius:2px;flex:none}
.r-built   {background:rgba(176,68,42,.13); color:var(--shift-deep); border-color:var(--shift-line)}
.r-built::before   {background:var(--shift)}
.r-secured {background:rgba(29,77,107,.12); color:#173e56; border-color:rgba(29,77,107,.34)}
.r-secured::before {background:var(--sea)}
.r-proxy   {background:rgba(107,79,26,.12); color:#5d4515; border-color:rgba(107,79,26,.34)}
.r-proxy::before   {background:#8a6820}
.r-reported{background:rgba(21,23,27,.07); color:var(--ink-2); border-color:var(--rule-strong)}
.r-reported::before{background:var(--ink-muted); border-radius:50%}
.r-era     {background:rgba(60,90,70,.12); color:#2d4a37; border-color:rgba(60,90,70,.34)}
.r-era::before     {background:#3e6b4d; transform:rotate(45deg)}
.grade{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:.76rem;
  color:var(--ink-2);border:1px dashed var(--rule-strong);padding:4px 9px;border-radius:3px;background:var(--page)}

/* ═════════════════ بطاقة الموقع ═════════════════
   محفوظة ولا تُستعمل في هذه الصفحة. رُفعت من التحقيق في 23 سبتمبر 2026،
   ومكوّنها في assets/js/site-card.js، وتنتظر استعمالا آخر.
   ══════════════════════════════════════════════ */
.site{max-width:var(--wide-width);margin:clamp(30px,5vw,44px) auto 0;
  background:var(--page);border:1px solid var(--card-border);border-radius:5px;overflow:hidden}
.site__head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:18px 20px;
  border-bottom:1px solid var(--rule);background:linear-gradient(to left,var(--paper-2),var(--page) 68%)}
.site__id{font-family:var(--font-num);font-size:.72rem;font-weight:600;color:#fff;background:var(--stage);
  padding:5px 9px;border-radius:3px;letter-spacing:.05em;flex:none}
.site__ttl{flex:1 1 240px;min-width:0}
.site__ttl h3{margin:0;font-weight:800;letter-spacing:0;font-size:clamp(1.08rem,3.1vw,1.26rem);line-height:1.5}
.site__meta{font-family:var(--font-ui);font-size:.82rem;color:var(--ink-2);margin-top:5px;line-height:1.7}
.site__fell{flex:none;text-align:left;font-family:var(--font-ui);font-size:.8rem;color:var(--ink-2)}
.site__fell b{display:block;font-family:var(--font-ui);font-size:1.05rem;color:var(--shift-deep);font-weight:600;margin-top:3px}
.site__body{padding:18px 20px 20px}
.site__row{display:grid;grid-template-columns:118px 1fr;gap:12px 16px;padding:13px 0;border-bottom:1px dashed var(--rule)}
.site__row:last-child{border-bottom:0;padding-bottom:0}
.site__k{font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:var(--ink-muted);padding-top:2px}
.site__v{font-size:clamp(.96rem,2.7vw,1.04rem);line-height:1.85;color:var(--ink-1)}
.site__v p{font-size:clamp(.96rem,2.7vw,1.04rem);margin:0 0 .7rem}
.site__v p:last-child{margin:0}
.site__transfer{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-family:var(--font-ui);font-size:.9rem}
.site__from{color:var(--sea);font-weight:600}
.site__to{color:var(--shift-deep);font-weight:700}
.site__arrow{color:var(--ink-muted);font-size:1.15rem}
.site__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.gap{background:var(--shift-wash);border:1px solid var(--shift-line);border-radius:4px;padding:12px 14px;
  font-family:var(--font-ui);font-size:.86rem;line-height:1.72;color:var(--shift-deep)}
.gap b{font-weight:700}

/* ═════════════════ لقطتان متجاورتان على الورق الفاتح ═════════════════ */
.duo-sec{padding-top:clamp(18px,3vw,28px);padding-bottom:clamp(24px,4vw,38px)}
.duo{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(12px,1.6vw,18px);align-items:start}
.duo__f{margin:0;min-width:0}
/* الإطاران بمقاس واحد تماماً: النسبة ثابتة والصورة تملأها */
.duo__img{position:relative;cursor:zoom-in;background:var(--paper-2);overflow:hidden;
  aspect-ratio:1600/965}
.duo__img img{display:block;width:100%;height:100%;object-fit:cover}
.duo__tag{position:absolute;top:14px;right:16px;font-family:var(--font-head);font-weight:800;
  font-size:clamp(.96rem,1.7vw,1.24rem);color:#fff;pointer-events:none;
  text-shadow:0 1px 3px rgba(8,11,14,.85), 0 0 14px rgba(8,11,14,.6)}
.duo__img .frame__hint{opacity:0;transition:opacity .18s}
.duo__img:hover .frame__hint,.duo__img:focus-visible .frame__hint{opacity:1}
@media (max-width:760px){
  .duo{grid-template-columns:1fr;gap:18px}
  .duo__img .frame__hint{opacity:1}
  .duo__tag{top:10px;right:12px}
}

/* ═════════════════ مساحة المشاهدة الداكنة ═════════════════ */
.stage{background:var(--stage);padding:clamp(13px,1.9vw,19px) 22px}
.stage__in{max-width:var(--wide-width);margin:0 auto}
.stage__cap{font-family:var(--font-ui);font-size:.85rem;line-height:1.78;color:#c7cdd2;margin:10px 0 0;max-width:78ch}
.stage__cap b{color:#fff;font-weight:600}
/* غير مستعمل: سطر تاريخ الإطار حُذف في 25 سبتمبر 2026
   لأن التاريخ مكتوب فوق الصورة وفي الفقرة السابقة. */
.stage__meta{font-family:var(--font-ui);font-size:.72rem;color:#8d979f;margin-top:9px;letter-spacing:.02em}
.frame{position:relative;background:#0a0e12;border-radius:4px;overflow:hidden;cursor:zoom-in;border:1px solid rgba(255,255,255,.14)}
.frame img{width:100%;display:block}
.frame__hint{position:absolute;bottom:9px;left:9px;font-family:var(--font-ui);font-size:.7rem;color:#fff;
  background:rgba(10,14,18,.72);padding:4px 9px;border-radius:3px;pointer-events:none}
/* ═════════════ شبكة المنشآت العشر — لقطات بلا أسماء ═════════════ */
.ten-sec{padding-top:clamp(4px,1vw,10px);padding-bottom:clamp(10px,1.8vw,18px)}
.ten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ten li{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:var(--paper-3)}
.ten img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.ten li:hover img{transform:scale(1.06)}
@media (max-width:860px){ .ten{grid-template-columns:repeat(2,1fr);gap:8px} }

/* ═════════════ جزيرة مقصوصة عند خط الساحل على أرضية فاتحة ═════════════ */
.isle-sec{background:var(--page)}
.isle__board{position:relative;aspect-ratio:var(--ar,1180/760);margin:0 auto}
.isle__isle{position:absolute;right:var(--ix,19.49%);top:var(--iy,15.79%);
  width:var(--iw,59.32%);height:var(--ih,73.55%);cursor:zoom-in}
.isle__img{width:100%;height:100%;object-fit:contain;display:block}
.isle__pins{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.isle__pin{fill:var(--shift);stroke:#fff;stroke-width:3.5}
.isle__pinn{fill:#fff;font-family:var(--font-ui);font-size:21px;font-weight:700;text-anchor:middle}
.isle__leads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.isle__leads polyline{fill:none;stroke:var(--ink-1);stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round}
.isle__name{position:absolute;transform:translate(50%,-50%);font-family:var(--font-head);
  font-weight:900;font-size:clamp(1.15rem,2.4vw,1.75rem);color:var(--ink);white-space:nowrap}
.isle__lab{position:absolute;transform:translate(50%,-100%);max-width:25%;margin:0;
  font-family:var(--font-ui);font-size:clamp(.82rem,1.32vw,1.02rem);line-height:1.72;color:var(--ink-1)}
.isle__lab--side{transform:translate(0,-50%);max-width:19%}
.isle__lab b{color:var(--ink);font-weight:700}
.isle__lab i{display:inline-flex;align-items:center;justify-content:center;width:1.32em;height:1.32em;
  border-radius:50%;background:var(--shift);color:#fff;font-style:normal;font-weight:700;
  font-size:.86em;margin-left:5px;vertical-align:.08em}
.isle__cap{max-width:var(--reading-width);margin:14px auto 0;font-size:clamp(.92rem,2.4vw,1.02rem);
  line-height:1.8;color:var(--ink-1)}
.isle__src{max-width:var(--reading-width);margin:9px auto 0;font-family:var(--font-ui);
  font-size:.86rem;line-height:1.75;color:var(--ink-2)}
.isle__src b{color:var(--ink-1)}
@media (max-width:760px){
  .isle__board{aspect-ratio:auto;display:flex;flex-direction:column;gap:14px}
  .isle__isle{position:relative;right:auto;top:auto;width:100%;height:auto;order:2}
  .isle__leads{display:none}
  .isle__name{position:static;transform:none;order:1;font-size:1.22rem}
  .isle__lab{position:static;transform:none;max-width:none;order:3;
    font-size:.98rem;line-height:1.85;padding-right:2px}
  .isle__cap,.isle__src{max-width:none}
  .isle__pin{r:34px}
  .isle__pinn{font-size:38px}
}

/* قياس يُرسم على الصورة: خط يمتد على المدرج ثم يظهر طوله كتابةً */
.meas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.meas__halo,.meas__line{fill:none;stroke-linecap:round;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}
.meas__halo{stroke:rgba(8,11,14,.6);stroke-width:12}
.meas__line{stroke:var(--reveal-red);stroke-width:5}
.meas__cap-halo{stroke:rgba(8,11,14,.6);stroke-width:12;stroke-linecap:round}
.meas__cap{stroke:var(--reveal-red);stroke-width:5;stroke-linecap:round}
.meas__caps{opacity:0}
.meas__lab{position:absolute;transform:translate(50%,-50%);font-family:var(--font-ui);
  font-size:clamp(.66rem,1.5vw,.9rem);font-weight:700;color:#fff;white-space:nowrap;
  background:rgba(10,14,18,.82);border:1px solid rgba(255,59,36,.65);
  padding:4px 9px;border-radius:3px;pointer-events:none;opacity:0}
.frame--meas.is-on .meas__halo,.frame--meas.is-on .meas__line{
  stroke-dashoffset:0;transition:stroke-dashoffset 1.5s cubic-bezier(.32,.72,.3,1)}
.frame--meas.is-on .meas__caps{opacity:1;transition:opacity .35s 1.35s}
.frame--meas.is-on .meas__lab{opacity:1;transition:opacity .45s 1.5s}
@media (prefers-reduced-motion: reduce){
  .meas__halo,.meas__line{stroke-dashoffset:0}
  .meas__caps,.meas__lab{opacity:1}
  .frame--meas.is-on .meas__halo,.frame--meas.is-on .meas__line,
  .frame--meas.is-on .meas__caps,.frame--meas.is-on .meas__lab{transition:none}
}

/* مدرجا ميون: لقطتان متتابعتان بعرض كامل، تحت كل واحدة اسمها وحده */
.runways{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px)}
.runway{margin:0}
.runway figcaption,.stage__name{font-family:var(--font-ui);font-weight:700;color:#fff;
  font-size:clamp(1rem,2.5vw,1.2rem);margin:10px 0 0}
/* متن يمر داخل المساحة الداكنة بين اللقطتين */
.runway__txt{max-width:74ch;margin:0}
.runway__txt p{color:#d7dde2;font-size:clamp(.98rem,2.7vw,1.06rem);line-height:1.9;margin:0 0 1.1rem}
.runway__txt p:last-child{margin-bottom:0}
.stage a.s{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.stage a.s:hover,.stage a.s:focus-visible{background:rgba(255,255,255,.12);border-bottom-color:#fff}

/* سطر المشهد: أبيض عريض بشطريه منذ 25 سبتمبر 2026.
   كان التاريخ رمادياً خفيفاً على أرضية داكنة فلا يُقرأ، وهو نصف المعلومة.
   واللفّ مطلوب: الشطران في سطر مرن يضيق على الهاتف. */
.pair__t{font-family:var(--font-ui);font-size:.95rem;font-weight:700;color:#fff;margin:0 0 9px;
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;line-height:1.5}
.pair__t span{font-family:var(--font-num);font-size:.86rem;color:#fff;font-weight:700}

/* مبدّل الطبقة المؤشّرة */
.toggle{display:inline-flex;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.26);
  border-radius:4px;overflow:hidden;margin-bottom:13px}
.toggle button{font-family:var(--font-ui);font-size:.83rem;font-weight:600;color:#c7cdd2;background:transparent;
  border:0;padding:8px 16px;cursor:pointer;transition:background .16s,color .16s}
.toggle button+button{border-right:1px solid rgba(255,255,255,.26)}
.toggle button[aria-pressed="true"]{background:var(--ap-cyan);color:#06222e}
.toggle button:focus-visible{outline:2px solid var(--ap-cyan);outline-offset:-2px}
.layer{position:relative}
.layer img{transition:opacity .22s}
.layer img.is-off{position:absolute;inset:0;opacity:0;pointer-events:none}

/* خريطة موضعية */
.locator{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}
.locator__map{border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden;background:#0a0e12}
.locator__t{font-family:var(--font-ui);font-size:.78rem;color:#8d979f;margin:8px 0 0;line-height:1.65}

/* ════════════════════════════════════════════════════════════════════════════
   مشهد مزدوج: صورة أولى مع فقرتها، ثم تحلّ محلها الثانية مع التمرير
   ════════════════════════════════════════════════════════════════════════ */
.twin{position:relative;background:var(--stage);--p:0}
.twin__track{position:relative;height:290vh;height:290svh}
.twin__stage{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));
  height:calc(100svh - var(--header-h));display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding:22px}
.twin__box{position:relative;width:100%;max-width:1120px;aspect-ratio:1600/980;
  border-radius:4px;overflow:hidden;cursor:zoom-in;background:#0a0e12}
.twin__box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.twin__b{opacity:calc(max(0, var(--p) - .46) * 3.6)}
.twin__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to left,rgba(8,11,14,.78),rgba(8,11,14,.34) 52%,rgba(8,11,14,0));
  opacity:calc(1 - max(0, var(--p) - .42) * 3.2)}
.twin__card{position:absolute;top:50%;right:4%;transform:translateY(-50%);max-width:min(46%,480px);
  opacity:calc(min(1, var(--p) * 7) - max(0, var(--p) - .42) * 3.2)}
.twin__card p{margin:0;color:#f4f1ec;font-size:clamp(1rem,2.4vw,1.14rem);
  line-height:var(--body-line-height);text-shadow:0 1px 10px rgba(8,11,14,.7)}
.twin__tag{position:absolute;bottom:16px;right:18px;font-family:var(--font-ui);font-size:.86rem;
  font-weight:700;color:#fff;background:rgba(10,14,18,.8);border:1px solid var(--reveal-red);
  padding:7px 12px;border-radius:3px;opacity:calc((var(--p) - .6) * 3)}
.twin__box .frame__hint{opacity:calc(1 - var(--p) * 5)}

@media (max-width:760px){
  /* الهاتف: مشهدان متتاليان بلا تثبيت ولا تراكب */
  .twin__track{height:auto}
  .twin__stage{position:static;height:auto;padding:0;display:block}
  .twin__box{max-width:none;border-radius:0;aspect-ratio:auto;height:auto;
    display:flex;flex-direction:column}
  .twin__box img{position:static;height:auto}
  .twin__a{order:1}
  .twin__card{order:2;position:static;transform:none;max-width:none;opacity:1;
    padding:18px 16px;background:var(--stage)}
  .twin__b{order:3;opacity:1}
  .twin__tag{order:4;position:static;opacity:1;align-self:flex-start;margin:12px 16px 16px;
    font-size:.78rem}
  .twin__scrim,.twin__box .frame__hint{display:none}
}
@media (prefers-reduced-motion:reduce){
  .twin{--p:1}
  .twin__track{height:auto}
  .twin__stage{position:static;height:auto;padding:22px}
  .twin__card{opacity:1;position:static;transform:none;max-width:none;margin-top:14px}
  .twin__scrim{display:none}
}

/* ═════════ تايم ليبس داخل المتن، يبدأ تلقائياً ═════════ */
.tl-sec{padding-top:clamp(10px,1.6vw,16px);padding-bottom:clamp(12px,2vw,20px)}
.tl-wrap{max-width:min(var(--reading-width),78vh);margin:0 auto}  /* المقاطع الثلاثة مربعة 512×512، فالعرض بمقاس عمود القراءة لا بعرض الصفحة */
/* غير مستعمل: عناوين التايم ليبس الثلاثة حُذفت — زُقَر في 24 سبتمبر 2026، والمخا وبني الحكم في 25 منه */
.tl-ttl{font-family:var(--font-ui);font-size:.86rem;font-weight:700;color:var(--ink-2);margin:0 0 8px}
.tl--auto{background:#0a0e12;border:1px solid var(--card-border)}
.tl--auto video{width:100%;display:block}
/* ═════════════════ مشغل التايم ليبس ═════════════════ */
.tl{background:#0a0e12;border:1px solid rgba(255,255,255,.16);border-radius:4px;overflow:hidden}
.tl video{width:100%;display:block;background:#0a0e12}
/* المقاطع الثلاثة مربعة 512×512. بلا تثبيت النسبة يأخذ الإطار نسبة صورة الغلاف
   (900×437 في بني الحكم) ثم يقفز إلى المربع عند أول تشغيل. */
.tl video,.tl--auto video{aspect-ratio:1/1;height:auto}

/* ═════════════════ لوحة الوثيقة ═════════════════ */
.doc{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1.12fr);gap:24px;align-items:start;--doc-mk:#cc1f14}
.doc__scan{position:relative;background:#fff;border:1px solid var(--card-border);border-radius:4px;
  overflow:hidden;cursor:zoom-in}
.doc__scan img{width:100%;display:block}

/* تسطير الأسطر الإنجليزية المقابلة لكل إفادة عربية */
.doc__mk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.doc__mk rect{fill:var(--doc-mk)}
.doc__mk .mk{transition:opacity .2s}
.doc[data-mk] .mk{opacity:.22}
.doc[data-mk="a"] .mk--a,.doc[data-mk="bc"] .mk--b,
.doc[data-mk="bc"] .mk--c,.doc[data-mk="d"] .mk--d{opacity:1}
.doc__row{cursor:default;transition:background .2s}
.doc__row:focus-visible{outline:2px solid var(--ap-cyan);outline-offset:4px}
.doc[data-mk="a"] .doc__row--uae,.doc[data-mk="bc"] .doc__row--panel,
.doc[data-mk="d"] .doc__row--nrf{background:rgba(204,31,20,.05)}
.doc__scan .frame__hint{opacity:0;transition:opacity .18s}
.doc__scan:hover .frame__hint{opacity:1}
@media (hover:none){.doc__scan .frame__hint{opacity:1}}
.doc__row{border-right:4px solid var(--rule-strong);padding:0 14px 0 0;margin:0 0 26px}
.doc__row--uae{border-right-color:var(--shift)}
.doc__row--panel{border-right-color:var(--sea)}
.doc__row--nrf{border-right-color:#8a6820}
.doc__row p{font-size:clamp(1rem,2.7vw,1.1rem);line-height:1.88;margin:0;color:var(--ink-1)}

/* ملاحظة: هذه الكتلة محفوظة ولا تُستعمل بعد حذف مشهد المدرج المثبّت في 23 سبتمبر 2026. */
/* ════════════════════════════════════════════════════════════════════════════
   صورة مثبّتة والنص يمر فوقها
   ════════════════════════════════════════════════════════════════════════ */
.scrolly{position:relative;background:var(--stage)}
.scrolly__media{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));
  height:calc(100svh - var(--header-h));overflow:hidden;z-index:0}
.scrolly{--p:0}
.scrolly__pan{position:absolute;inset:0;background-repeat:no-repeat;
  filter:saturate(1.6) brightness(1.24) contrast(1.05);
  background-size:var(--pan-zoom,100% auto);
  background-position:
    calc(var(--x0,0%) + (var(--x1,100%) - var(--x0,0%)) * var(--p))
    calc(var(--y0,0%) + (var(--y1,100%) - var(--y0,0%)) * var(--p));
  will-change:background-position}
.scrolly__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(8,11,14,.34),rgba(8,11,14,0) 42%,rgba(8,11,14,.18));
  transition:background .55s ease}
.scrolly.is-lit .scrolly__scrim{
  background:linear-gradient(to top,rgba(8,11,14,.4),rgba(8,11,14,.08) 45%,rgba(8,11,14,.26))}
.scrolly__credit{position:absolute;bottom:10px;left:14px;font-family:var(--font-ui);font-size:.68rem;
  color:rgba(255,255,255,.92);background:rgba(8,11,14,.66);padding:5px 11px;border-radius:3px;
  max-width:calc(100% - 28px)}
.scrolly__credit b{font-weight:600}

.scrolly__steps{position:relative;z-index:1;padding:0 22px;
  margin-top:calc(-1 * (100vh - var(--header-h)));
  margin-top:calc(-1 * (100svh - var(--header-h)))}
.scrolly__step{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center}
.scrolly__step--intro{min-height:62vh;min-height:62svh}
.scrolly__card{max-width:640px;background:rgba(8,11,14,.86);border-inline-start:4px solid var(--shift);
  border-radius:4px;padding:clamp(18px,3.4vw,30px);
  opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.scrolly__step.is-on .scrolly__card{opacity:1;transform:none}
.scrolly__card p{margin:0;color:#f1ede6;
  font-size:clamp(1rem,2.9vw,1.12rem);line-height:var(--body-line-height)}

/* الهاتف: الصورة مشهد مستقل في الأعلى، ثم الفقرات تحتها — لا تراكب */
@media (max-width:760px){
  .scrolly__media{position:relative;height:54vh;height:54svh;min-height:280px}
  /* الهاتف: المدرج كاملاً داخل الإطار — لا قصّ ولا تتبّع على شاشة ضيقة */
  .scrolly__pan{background-size:contain;background-position:center}
  .scrolly__media{background:#0e1317}
  .scrolly__scrim{background:linear-gradient(to top,rgba(8,11,14,.34),rgba(8,11,14,0) 55%,rgba(8,11,14,.14))}
  .scrolly.is-lit .scrolly__scrim{background:linear-gradient(to top,rgba(8,11,14,.34),rgba(8,11,14,0) 55%,rgba(8,11,14,.14))}
  .scrolly__steps{margin-top:0;padding:clamp(20px,5vw,28px) 16px clamp(24px,6vw,34px)}
  .scrolly__step{display:block;min-height:auto;padding:0}
  .scrolly__step + .scrolly__step{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22)}
  .scrolly__step--intro{display:none}
  .scrolly__card{max-width:none;background:transparent;border-inline-start:0;border-radius:0;padding:0;
    opacity:1;transform:none}
  .scrolly__credit{font-size:.62rem;bottom:8px;left:10px}
}

@media (prefers-reduced-motion:reduce){
  .scrolly__media{position:static;height:auto;aspect-ratio:16/9}
  .scrolly__pan{background-size:cover;background-position:center}
  .scrolly__steps{margin-top:0}
  .scrolly__step{min-height:auto;padding:20px 0}
  .scrolly__step--intro{display:none}
  .scrolly__card{opacity:1;transform:none}
}

/* ════════════════════════════════════════════════════════════════════════════
   مشهد الكشف: الصورة طبيعية، ثم يظهر خط المحيط كاملاً ويعتم ما حوله.
   الخط متجه مستخرج من نسخة التحرير المؤشَّرة، ولا ينقطع أبداً: يظهر بتمامه.
   ════════════════════════════════════════════════════════════════════════ */
.reveal{position:relative;background:var(--stage);--p:0}
.reveal__track{position:relative;height:280vh;height:280svh}
.reveal__stage{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));
  height:calc(100svh - var(--header-h));display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding:22px}
.reveal__box{position:relative;width:100%;max-width:1120px;cursor:zoom-in}
.reveal__box img{display:block;width:100%;border-radius:4px}
.reveal__svg{position:absolute;inset:0;width:100%;height:100%}
.reveal__dim{fill:#080b0e;fill-opacity:calc(var(--p) * .76)}
.reveal__glow{fill:none;stroke:var(--reveal-red);stroke-width:16;stroke-linejoin:round;
  opacity:calc(var(--p) * .3)}
.reveal__edge{fill:none;stroke:var(--reveal-red);stroke-width:5;stroke-linejoin:round;
  opacity:var(--p)}
.reveal__label{position:absolute;right:46%;top:5%;font-family:var(--font-ui);font-size:.84rem;
  font-weight:700;color:#fff;background:rgba(10,14,18,.86);border:1px solid var(--reveal-red);
  padding:7px 12px;border-radius:3px;white-space:nowrap;pointer-events:none;
  opacity:calc((var(--p) - .5) * 2.4)}
.reveal__loc{position:absolute;bottom:14px;right:14px;width:168px;border-radius:3px;overflow:hidden;
  border:1px solid rgba(255,255,255,.34);box-shadow:0 3px 14px rgba(8,11,14,.55);line-height:0}
.reveal__meta{position:absolute;bottom:14px;left:14px;font-family:var(--font-ui);font-size:.72rem;
  color:rgba(255,255,255,.92);background:rgba(8,11,14,.66);padding:6px 11px;border-radius:3px}
.reveal__box .frame__hint{bottom:auto;left:auto;top:14px;right:14px;opacity:calc(1 - var(--p) * 4)}

@media (max-width:760px){
  /* الهاتف: لا تثبيت. الصورة مشهد عادي والمحيط يظهر وهي تعبر الشاشة */
  .reveal__track{height:auto}
  .reveal__stage{position:static;height:auto;padding:0}
  .reveal__box img{border-radius:0}
  .reveal__edge{stroke-width:7}
  .reveal__glow{stroke-width:20}
  .reveal__label{font-size:.74rem;padding:5px 9px;right:auto;left:50%;transform:translateX(-50%);top:3%}
  .reveal__loc{width:104px;bottom:10px;right:10px}
  .reveal__meta{font-size:.64rem;bottom:10px;left:10px}
}
@media (prefers-reduced-motion:reduce){
  .reveal{--p:1}
  .reveal__track{height:auto}
  .reveal__stage{position:static;height:auto;padding:22px}
}

/* ═════════════════ تبدّل السيطرة ═════════════════
   خط بالعرض: عنوان فوقه، وأعوام في دوائر عليه، ومن سيطر تحت كل دائرة.
   يُرسم من حقل control في data/sites.js، ولا يظهر لموقع بلا محطتين.
   ألوانه ألوان خريطة السيطرة، فالمفتاح واحد في المادة كلها. */
.ctl{max-width:var(--reading-width);margin:34px auto 30px}
.ctl__t{font-family:var(--font-head);font-weight:900;font-size:clamp(1.05rem,2.4vw,1.3rem);
  color:var(--ink);text-align:center;margin:0 0 28px}
.ctl__line{position:relative;display:flex;justify-content:space-between;align-items:flex-start}
.ctl__line::before{content:"";position:absolute;top:38px;height:2px;background:var(--rule-strong);
  right:calc(50% / var(--n));left:calc(50% / var(--n))}
.ctl__s{position:relative;text-align:center;flex:1;min-width:0}
.ctl__c{width:76px;height:76px;border-radius:50%;margin:0 auto;background:var(--page);
  border:2px solid var(--rule-strong);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-num);font-size:1.18rem;font-weight:600;color:var(--ink);position:relative;z-index:2}
.ctl__w{font-family:var(--font-head);font-size:clamp(.88rem,1.8vw,1rem);font-weight:800;
  color:var(--ink);margin:13px 0 0;line-height:1.5}
.ctl__s--gov .ctl__c{border-color:var(--sea);background:#9db8cc}
.ctl__s--hou .ctl__c{border-color:var(--shift);background:#c9a36b}

@media (max-width:760px){
  /* يبقى بالعرض على الهاتف كما على الحاسوب، لا ينقلب رأسياً: الخط الزمني
     يُقرأ اتجاهاً، وقلبه عموداً يُفقده معناه. تصغر الدوائر والحروف بدلاً
     من ذلك. وأكثر ما يقع أربع محطات (ذو باب)، وتتّسع عند 320 بكسل. */
  .ctl{margin-top:26px}
  .ctl__t{margin-bottom:20px;font-size:clamp(.98rem,4vw,1.18rem)}
  .ctl__line{gap:4px}
  .ctl__line::before{top:calc(clamp(44px,13.5vw,62px) / 2)}
  .ctl__c{width:clamp(44px,13.5vw,62px);height:clamp(44px,13.5vw,62px);
    font-size:clamp(.76rem,3.3vw,1.02rem)}
  .ctl__w{font-size:clamp(.62rem,2.5vw,.8rem);margin-top:9px;line-height:1.45;
    font-weight:700;overflow-wrap:break-word}
}

/* ═════════════════ الشريط الساحلي ═════════════════ */
.rail{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:60;
  background:rgba(255,253,248,.93);border:1px solid var(--card-border);border-radius:6px;
  padding:13px 12px;width:176px;backdrop-filter:blur(6px);box-shadow:0 3px 14px rgba(21,23,27,.1)}
.rail__t{font-family:var(--font-ui);font-size:.68rem;font-weight:700;color:var(--ink-muted);
  letter-spacing:.03em;margin:0 0 10px;text-align:center}
.rail__list{list-style:none;margin:0;padding:0;position:relative}
/* الخيط يمر بمركز النقاط: النقطة 14 بكسلاً بحدّها (المحدد العام لا يطال العناصر الزائفة)،
   فمركزها على بعد 8 بكسلات من اليمين، ويمتد من مركز أولى النقاط إلى مركز آخرها */
.rail__list::before{content:"";position:absolute;right:7px;top:14px;bottom:7px;width:2px;background:var(--rule-strong)}
.rail__item{position:relative;padding:0 18px 0 0;margin-bottom:9px}
.rail__item:last-child{margin-bottom:0}
.rail__item a{display:block;font-family:var(--font-ui);font-size:.76rem;line-height:1.4;color:var(--ink-2);
  text-decoration:none;padding:2px 0;transition:color .16s}
.rail__item::before{content:"";position:absolute;right:1px;top:7px;width:10px;height:10px;border-radius:50%;
  background:var(--paper);border:2px solid var(--rule-strong);transition:all .2s}
.rail__item:hover a{color:var(--ink)}
.rail__item.is-fallen::before{background:var(--shift);border-color:var(--shift)}
.rail__item.is-active a{color:var(--shift-deep);font-weight:700}
.rail__item.is-active::before{box-shadow:0 0 0 4px var(--shift-wash)}
/* غير مستعمل: سطر شرح النقطة الممتلئة حُذف من الشريط في 24 سبتمبر 2026 */
.rail__foot{font-family:var(--font-ui);font-size:.64rem;color:var(--ink-muted);line-height:1.5;
  border-top:1px solid var(--rule);margin-top:10px;padding-top:8px}

/* ═════════════════ الخريطة الثابتة ═════════════════ */
.cmap{max-width:var(--wide-width);margin:0 auto}
.cmap__frame{position:relative;border:1px solid var(--card-border);border-radius:4px;overflow:hidden;background:var(--page);cursor:zoom-in}
/* غير مستعمل: المفتاح النصي حُذف في 24 سبتمبر 2026 لأن الخريطة تحمل مفتاحها */
.cmap__legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--font-ui);font-size:.86rem;color:var(--ink-1)}
.cmap__legend span{display:inline-flex;align-items:center;gap:8px}
.cmap__legend i{width:15px;height:15px;border-radius:3px;border:1px solid var(--rule-strong);display:block}
.cmap__note{font-family:var(--font-ui);font-size:clamp(.96rem,2.1vw,1.1rem);font-weight:700;
  line-height:1.7;color:var(--ink);
  border-right:3px solid var(--rule-strong);padding-right:12px;margin-top:15px}

/* الخريطة الكاملة: تأخذ عرض الشاشة، ويختفي الشريط الساحلي عندها */
.sec-map{padding-left:22px !important;padding-right:22px}
.cmap--wide{max-width:1560px}
.cmap--wide .cmap__legend,.cmap--wide .cmap__note{max-width:1180px;margin-inline:auto}
.cmap--wide .cmap__note{border:0;padding:0;text-align:center;margin-top:12px}
body.on-map.past-hero .rail,
body.on-map .rail{opacity:0 !important;visibility:hidden !important}
@media (max-width:1180px){ .sec-map{padding-left:16px !important} }

/* ═════════════════ جدول الحصيلة وفرزه ═════════════════
   محفوظة ولا تُستعمل. حُذف القسم من الصفحة في 23 سبتمبر 2026،
   والمكوّن يعمل فور إعادة كتلة #ledger إلى المتن. */
.ledger{max-width:var(--wide-width);margin:0 auto;overflow-x:auto;
  border:1px solid var(--card-border);border-radius:5px;background:var(--page)}
.ledger table{width:100%;border-collapse:collapse;min-width:660px}
.ledger th,.ledger td{text-align:right;padding:12px 14px;border-bottom:1px solid var(--rule);
  font-family:var(--font-ui);font-size:.87rem;line-height:1.65;vertical-align:top}
.ledger th{background:var(--paper-2);font-weight:700;color:var(--ink);font-size:.82rem;
  position:sticky;top:0;border-bottom:2px solid var(--rule-strong)}
.ledger tbody tr:last-child td{border-bottom:0}
.ledger tbody tr:hover{background:var(--shift-wash)}
.ledger td.n{font-family:var(--font-ui);white-space:nowrap;color:var(--shift-deep);font-weight:600}
.ledger td.name{font-weight:600;color:var(--ink)}
.ledger .miss{color:var(--ink-muted);font-style:normal}
.filters{max-width:var(--wide-width);margin:0 auto 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filters__l{font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:var(--ink-muted);margin-left:4px}
.filters button{font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:var(--ink-1);background:var(--page);
  border:1px solid var(--card-border);border-radius:3px;padding:7px 13px;cursor:pointer;transition:all .16s}
.filters button:hover{border-color:var(--rule-strong)}
.filters button[aria-pressed="true"]{background:var(--stage);color:#fff;border-color:var(--stage)}
.filters button:focus-visible{outline:2px solid var(--shift);outline-offset:2px}

/* ═════════════════ سجل المصادر ═════════════════
   محفوظة ولا تُستعمل. حُذف القسم في 23 سبتمبر 2026؛ روابط المصادر باقية داخل المتن. */
.srcs{max-width:var(--wide-width);margin:0 auto;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:11px;list-style:none;padding:0}
.srcs li{background:var(--page);border:1px solid var(--card-border);border-radius:4px;padding:12px 14px}
.srcs a{font-family:var(--font-ui);font-size:.88rem;font-weight:600;color:var(--ink);text-decoration:none;
  border-bottom:2px solid var(--shift-line);line-height:1.6}
.srcs a:hover{background:var(--shift-wash)}
.srcs .t{display:block;font-family:var(--font-ui);font-size:.75rem;color:var(--ink-muted);margin-top:7px}

/* ═════════════════ الخاتمة ═════════════════
   محفوظة ولا تُستعمل. حُذف القسم في 23 سبتمبر 2026. */
.closing{background:var(--paper-2);padding:clamp(20px,3vw,32px) 22px}
.closing__in{max-width:var(--reading-width);margin:0 auto}
.closing__in p:last-child{color:var(--ink);font-weight:500}

/* ═════════════════ صندوق التكبير ═════════════════ */
.lb{position:fixed;inset:0;background:#080b0e;z-index:2000;display:none;
  align-items:center;justify-content:center;padding:26px}
.lb.open{display:flex}
.lb img{max-width:100%;max-height:92vh;width:auto;object-fit:contain}
.lb__x{position:absolute;top:16px;left:18px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.34);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.lb__x:focus-visible{outline:2px solid var(--ap-cyan);outline-offset:2px}

/* ═════════════════ التذييل ═════════════════ */
.material-footer{width:100%;background:#1a1a2e;color:#c8c8d4;padding:48px 24px 32px;text-align:center;direction:rtl}
.material-footer__inner{max-width:750px;margin:0 auto}
.material-footer__copyright{font-size:13px;color:#9a9ab2;line-height:1.8;margin-bottom:16px;font-family:var(--font-ui)}
.material-footer__rights{font-size:13px;color:#9a9ab2;line-height:1.9;font-family:var(--font-ui)}
.material-footer__rights .rights-ar{display:block;margin-bottom:6px;color:#b6b6c8}
.material-footer__rights .rights-en{display:block;direction:ltr;font-size:12px;color:#8a8aa2}

/* ═════════════════ الهاتف واللوحيات ═════════════════ */
/* الشريط: مخفي فوق الافتتاحية، ويظهر بعدها */
.rail{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
body.past-hero .rail{opacity:1;visibility:visible}

/* فوق 1180: نُزيح المتن يساراً بقدر عرض الشريط فلا يتداخلان */
@media (min-width:1181px){
  .section,.stage,.closing{padding-left:calc(22px + 212px)}
}
@media (max-width:1180px){
  .rail{display:none}
}
@media (max-width:900px){
  .doc{grid-template-columns:1fr}
  .locator{grid-template-columns:1fr}
  .locator__map{max-width:330px}
  .main-header__time{display:none}
}
@media (max-width:640px){
  :root{--header-h:42px;--para-gap:1.15rem}
  .main-header{padding:0 !important}
  .main-header .socials{display:none}
  .main-logo{zoom:.78}
  .header-search input{width:22px}
  .header-search input::placeholder{color:transparent}
  .header-search input:focus{width:calc(100vw - 200px)}
  .section,.stage,.closing{padding-left:16px;padding-right:16px}
  .hero__in{padding-left:16px;padding-right:16px}
  .site__head{padding:14px 15px}
  .site__body{padding:15px}
  .site__row{grid-template-columns:1fr;gap:5px;padding:11px 0}
  .site__k{font-size:.78rem}
  .site__fell{text-align:right}
}
@media (max-width:360px){
  :root{--header-h:36px}
  .main-header .wrap{padding:0 12px}
  .main-logo{zoom:.64}
}

/* ════════════════════════════════════════════════════════════════════════════
   الهاتف — ليست تصغيرا للوحة المكتب. كل وحدة لها مقابل مصمم للشاشة الصغيرة.
   ════════════════════════════════════════════════════════════════════════ */

/* ── الشريط الساحلي على الهاتف: شريط سفلي يظهر فقط عند قراءة موقع ── */
.mrail{position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:var(--stage);color:#fff;border-top:2px solid var(--shift);
  display:none;align-items:center;gap:11px;padding:9px 16px;
  transform:translateY(102%);transition:transform .26s ease;
  box-shadow:0 -3px 16px rgba(10,14,18,.28)}
.mrail.is-on{transform:translateY(0)}
.mrail__dots{display:flex;gap:5px;flex:none}
.mrail__dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.32);display:block}
.mrail__dots i.on{background:var(--shift)}
.mrail__dots i.cur{background:#fff;box-shadow:0 0 0 3px var(--shift)}
.mrail__txt{flex:1;min-width:0;font-family:var(--font-ui);font-size:.82rem;line-height:1.35}
.mrail__txt b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrail__txt span{color:#a9b3bb;font-size:.72rem}
.mrail__btn{flex:none;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:4px;
  color:#fff;font-family:var(--font-ui);font-size:.78rem;font-weight:600;padding:0 12px;cursor:pointer}

/* ورقة قائمة المواقع */
.msheet{position:fixed;inset:0;z-index:1500;display:none;background:rgba(8,11,14,.6)}
.msheet.is-on{display:block}
.msheet__in{position:absolute;left:0;right:0;bottom:0;background:var(--page);
  border-radius:12px 12px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));
  max-height:78vh;overflow:auto}
.msheet__t{font-family:var(--font-ui);font-size:.8rem;font-weight:700;color:var(--ink-muted);margin:0 0 12px}
.msheet__list{list-style:none;margin:0;padding:0}
.msheet__list li{border-bottom:1px solid var(--rule)}
.msheet__list li:last-child{border-bottom:0}
.msheet__list a{display:flex;align-items:center;gap:11px;min-height:48px;
  font-family:var(--font-ui);font-size:.92rem;color:var(--ink);text-decoration:none}
.msheet__list a::before{content:"";width:11px;height:11px;border-radius:50%;flex:none;
  background:var(--paper);border:2px solid var(--rule-strong)}
.msheet__list li.on a::before{background:var(--shift);border-color:var(--shift)}
.msheet__list li.cur a{color:var(--shift-deep);font-weight:700}
.msheet__x{width:100%;min-height:46px;margin-top:12px;background:var(--stage);color:#fff;border:0;
  border-radius:4px;font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer}

/* ── تكبير باللمس داخل صندوق العرض ── */
.lb__stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  overflow:hidden;touch-action:none}
.lb img{transform-origin:center center;will-change:transform;user-select:none;-webkit-user-drag:none}
.lb__tip{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  font-family:var(--font-ui);font-size:.74rem;color:#fff;background:rgba(10,14,18,.66);
  padding:6px 12px;border-radius:20px;pointer-events:none;transition:opacity .3s}
.lb__tip.hide{opacity:0}

@media (max-width:760px){
  /* الشريط السفلي يعمل هنا فقط */
  .mrail{display:flex}
  body.has-mrail{padding-bottom:62px}

  /* أهداف لمس لا تقل عن 44 بكسل */
  .filters button{min-height:44px;padding:10px 15px}
  .toggle button{min-height:44px;padding:11px 15px}
    .lb__x{width:48px;height:48px}

  /* جدول الحصيلة يتحول إلى بطاقات: لا تمرير أفقي على الهاتف */
  .ledger{border:0;background:transparent;overflow:visible}
  .ledger table{min-width:0;display:block}
  .ledger thead{display:none}
  .ledger tbody,.ledger tr,.ledger td{display:block;width:100%}
  .ledger tr{background:var(--page);border:1px solid var(--card-border);border-radius:5px;
    padding:12px 14px;margin-bottom:11px}
  .ledger tbody tr:hover{background:var(--page)}
  .ledger td{border:0;padding:7px 0;display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start}
  .ledger td::before{content:attr(data-l);font-family:var(--font-ui);font-size:.76rem;font-weight:600;
    color:var(--ink-muted);padding-top:2px}
  .ledger td.name{grid-template-columns:1fr;padding-bottom:9px;border-bottom:1px solid var(--rule);margin-bottom:4px}
  .ledger td.name::before{display:none}
  .ledger td.name a{font-family:var(--font-head);font-size:1.06rem;font-weight:700}
  .ledger tbody tr:last-child td{border-bottom:0}
  .ledger tbody tr:last-child td.name{border-bottom:1px solid var(--rule)}

  /* الافتتاحية: العنوان لا يبتلع الشاشة */
  /* على الهاتف يخرج سطر حقوق الصورة من التدفق الأفقي، فيجب قلب المحور */
  .hero{min-height:82vh;padding-top:clamp(60px,18vh,130px);overflow:visible;
    flex-direction:column;justify-content:flex-end;align-items:stretch}
  .hero__in{padding-bottom:clamp(40px,9vh,74px);max-width:none}
  .hero__h1a{font-size:clamp(1.18rem,5.6vw,1.6rem)}
  .hero__h1b{font-size:clamp(1.2rem,6.4vw,1.72rem);line-height:1.45;max-width:22ch}
  .hero__credit{position:static;display:block;order:2;flex:none;margin:0;border-radius:0;
    padding:9px 16px 11px;font-size:.66rem;line-height:1.55;text-align:center;
    background:rgba(8,11,14,.86);color:rgba(255,255,255,.8)}

  /* الوثيقة: الشرح قبل اللقطة على الهاتف، فالقارئ يعرف ما ينظر إليه.
     align-items:stretch يلغي start الموروث من القاعدة الأصلية؛ بدونه ينكمش
     عمود اللقطة إلى عرض المحتوى، وعرض الصورة نسبة مئوية فتنهار إلى صفر. */
  .doc{display:flex;flex-direction:column;align-items:stretch}
  .doc__side{order:1}
  .doc__scan{order:2}

  /* الخريطة الموضعية بعرض كامل */
  .locator__map{max-width:none}

  /* صندوق التكبير: أقصى مساحة ممكنة للصورة */
  .lb{padding:8px}
  .lb img{max-height:100%}
  .lb__x{top:10px;left:10px}
}

@media (max-width:400px){
  .mrail{padding:8px 12px;gap:8px}
  .mrail__dots i{width:6px;height:6px}
  .mrail__txt{font-size:.78rem}
  .ledger td{grid-template-columns:84px 1fr;gap:8px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* ════════════════════════════════════════════════════════════════════════════
   مقطع مصوّر داخل المتن (لا تسلسل زمني): بإطار تحكّم وصوت، ولا يعمل تلقائياً،
   لأنه لقطة ميدانية يقرّر القارئ متى يشغّلها، لا حركة زخرفية.
   ═══════════════════════════════════════════════════════════════════════════ */
.vid{max-width:var(--reading-width);margin:clamp(22px,3.4vw,34px) auto}
.vid__v{width:100%;display:block;aspect-ratio:16/9;background:#0a0e12;
  border:1px solid var(--card-border);border-radius:4px}
.vid__cap{font-family:var(--font-ui);font-size:.92rem;line-height:1.8;color:var(--ink-1);
  margin:12px 0 0}
.vid__meta{font-family:var(--font-ui);font-size:.78rem;color:var(--ink-muted);
  margin:6px 0 0;letter-spacing:.01em}

/* ════════════════════════════════════════════════════════════════════════════
   خاتمة المادة: خطّ رفيع يعلن انتهاء السرد قبل التذييل، وإلا بدت الفقرة
   الأخيرة امتداداً للمتن ووقع القارئ في حقوق النشر بلا فاصل.
   ═══════════════════════════════════════════════════════════════════════════ */
.end{padding-top:clamp(22px,3vw,32px);padding-bottom:clamp(26px,3.6vw,40px)}
.end .inner{border-top:1px solid var(--rule);padding-top:clamp(20px,2.6vw,28px)}

/* ════════════════════════════════════════════════════════════════════════════
   خريطة الساحل الغربي — على لغة خرائط الصحف.

   الأرضية شبه بيضاء والبحر رمادي مزرقّ باهت، ولا لون مشبع إلا للبيانات.
   والاسم نصٌّ أسود عارٍ بلا صندوق ولا ظل، يصله بمربعه خيط رفيع قصير.
   وأسماء الجغرافيا رمادية متباعدة الحروف، تُقرأ بعد البيانات لا قبلها.
   واللون يحمل معنى واحداً: فئة المنشأة، وما عداه رمادي.

   الأسماء كلها بادئتها m لأن scale وnote وpin وtown أسماء عامة يسهل أن
   تتعارض مع غيرها في هذه الورقة، وقد وقع مثله من قبل.
   ═══════════════════════════════════════════════════════════════════════════ */
.mapfig{--mp-sea:#c7d8e2;--mp-land:#ebe8e0;--mp-other:#e6e2da;--mp-line:#c9c6c0;
  --c-site:#c0392b;   /* لون واحد لكل المنشآت */
  max-width:980px;margin:clamp(26px,4vw,40px) auto}
/* أوسع من عمود القراءة: عند 700 بكسل تصغر أسماء المحافظات والمدن فلا تُقرأ */
.mapfig__t{font-family:var(--font-head);font-weight:900;font-size:clamp(1.18rem,2.6vw,1.55rem);
  color:var(--ink);margin:0 0 4px;line-height:1.4}
.mapfig__s{font-family:var(--font-ui);font-size:.86rem;color:var(--ink-2);margin:0 0 14px;
  line-height:1.7}

/* غير مستعمل: مفتاح الخريطة حُذف في 24 سبتمبر 2026،
   ولا يعود بصيغته هذه بعد توحيد لون المربعات في 25 منه. */
.mkey{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 12px;
  font-family:var(--font-ui);font-size:.8rem;color:var(--ink-1)}
.mkey s{text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.mkey i{width:10px;height:10px;display:block;flex:none}

.mp{position:relative;border:1px solid var(--mp-line)}
.mp svg{display:block;width:100%;height:auto}
.mp__sea{fill:var(--mp-sea)}
.mp__other path{fill:var(--mp-other);stroke:#ddd9d3;stroke-width:1.2}
.mp__land path{fill:var(--mp-land);stroke:none}
/* جزر أوبن ستريت ماب تُرسم فوق حشو ناتشورال إيرث الخشن فتغطّيه */
.mp__isle path{fill:var(--mp-land);stroke:#b9b5ae;stroke-width:1;stroke-linejoin:round}
/* ظلّ التلال ولون الارتفاع: فوق حشو اليابسة، فتظهر جبال تعز وسهل تهامة */
.mp__relief{opacity:1}
.mp__gov path{fill:none;stroke:#b6b1a8;stroke-width:1.1;stroke-dasharray:7 5}
/* الطرق: خط أبيض بحاشية، فيُقرأ فوق التضاريس */
.mp__road path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;
  stroke-linejoin:round;opacity:.9}
.mp__coast path{fill:none;stroke:#b0aca5;stroke-width:1.2;stroke-linejoin:round;
  stroke-linecap:round}

/* مربعات المنشآت بلون واحد منذ 25 سبتمبر 2026: كانت ثلاثة ألوان
   للمعسكر والمطار والميناء، وحُذف مفتاحها بقرار التحرير، فصارت
   تفرِّق بلا شارح. والنوع مكتوب في اسم كل موقع وفي المتن. */
.mpin{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;fill:var(--c-site)}
.mlead{stroke:#7d7a75;stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}
/* خيط الإزاحة: يعلن أن المربع نُقل عن موضعه ليُقرأ، ويشير إلى موضعه */
.mtie{stroke:#7d7a75;stroke-width:1.2;vector-effect:non-scaling-stroke}

.mnm{position:absolute;font-family:var(--font-ui);font-size:.92rem;font-weight:700;
  line-height:1.4;color:#14161a;white-space:pre;transform:translateY(-50%);
  text-shadow:0 0 4px #fff,0 0 8px #fff,0 0 12px #fff,0 1px 0 #fff,0 -1px 0 #fff}
/* اسم فوق المربع أو تحته: يتوسّطه أفقياً ولا خيط بينهما، والفجوة تسع ضلع
   المربع (12 وحدة، نحو 12 بكسل) وهامشاً فوقه */
.mnm--n{transform:translate(-50%,-100%);margin-top:-10px;text-align:center}
.mnm--s{transform:translate(-50%,0);margin-top:8px;text-align:center}

.mgeo{position:absolute;font-family:var(--font-ui);color:#5d6b74;white-space:nowrap;
  transform:translate(50%,-50%);
  text-shadow:0 0 5px rgba(255,255,255,.75),0 0 9px rgba(255,255,255,.6)}
.mgeo--sea{font-size:.92rem;letter-spacing:.2em;font-weight:600}
.mgeo--land{font-size:.82rem;letter-spacing:.18em;font-weight:600;color:#6b6459}
.mgeo--str{font-size:.76rem;letter-spacing:.08em;font-weight:600}
/* اسم يوضع تحت اسم آخر: موضعه يُقاس بالجافاسكربت، فلا توسيط رأسيّ */
.mgeo--under{transform:translate(50%,0)}

/* النقطة تقع على الإحداثية نفسها، والاسم يليها.
   كانت موضوعة بخصائص منطقية — padding-inline-start وinset-inline-start —
   والصندوق مثبَّت بـleft. فانقلب معناها في العربية: صار الحشو والنقطة في
   الطرف الأيمن من الصندوق، أي بعد الاسم كلّه، فأزاحت كل بلدة شرقاً بعرض
   اسمها، نحو ستة عشر كيلومتراً على هذا المقياس. الإنجليزية كانت سليمة
   لأن اتجاهها يوافق المنطقي. فصارت الخصائص طبيعيةً لا منطقية. */
.mtown{position:absolute;font-family:var(--font-ui);font-size:.8rem;font-weight:600;
  color:#33312e;white-space:nowrap;transform:translateY(-50%);padding-left:12px;
  text-shadow:0 0 4px #fff,0 0 8px #fff,0 1px 0 #fff}
/* النقطة صارت دائرةً في SVG على الإحداثية نفسها، والحشو هنا يُبعد الاسم عنها */
.mtowndot{fill:#33312e;stroke:#fff;stroke-width:1.6;vector-effect:non-scaling-stroke}
.mtowndot--big{fill:#1c1a18}
.mtown--big{font-size:.9rem;font-weight:800;color:#1c1a18}
/* اسم البلدة فوق نقطتها لا بجوارها، حيث يزدحم الجوار */
.mtown--n{transform:translate(-50%,-100%);margin-top:-7px;padding-left:0;text-align:center}
/* اسم البلدة غرب نقطتها: حيث يزدحم شرقها بأسماء المنشآت */
.mtown--w{transform:translate(-100%,-50%);padding-left:0;padding-right:12px}
.mgov{position:absolute;font-family:var(--font-ui);font-size:.8rem;font-weight:600;
  letter-spacing:.14em;color:#857d70;white-space:nowrap;transform:translate(50%,-50%);
  text-shadow:0 0 5px rgba(255,255,255,.7),0 0 10px rgba(255,255,255,.55)}

/* مقياس الرسم: خط وطرفان ورقم */
.mscale{position:absolute;inset-inline-start:16px;bottom:14px;font-family:var(--font-ui);
  font-size:.68rem;color:#55524e;text-align:center;
  text-shadow:0 0 3px var(--mp-sea),0 0 6px var(--mp-sea)}
.mscale b{display:block;height:6px;border:1px solid #55524e;border-top:0;margin-bottom:3px}

/* الخريطة الموضعية: اليمن كاملاً ومستطيل يبيّن موضع هذا الإطار منه */
.minset{position:absolute;inset-inline-end:14px;top:14px;width:118px;
  background:rgba(255,255,255,.92);border:1px solid var(--mp-line);padding:7px}
.minset svg{display:block;width:100%;height:auto}
.ins__y path{fill:#e6e3de;stroke:#b8b4ad;stroke-width:1}
.ins__box{fill:none;stroke:var(--c-site);stroke-width:2.5}

.mnote{font-family:var(--font-ui);font-size:.74rem;line-height:1.85;color:var(--ink);
  margin:11px 0 0;border-top:1px solid var(--rule);padding-top:10px}
/* روابط سطر المصادر: أخفّ من a.s — لا سهم ولا خط سميك،
   فالسطر بحجم 0.74 وثلاثة روابط فيه تزدحم. */
.mnote a{color:inherit;text-decoration:none;border-bottom:1px solid var(--shift-line)}
.mnote a:hover,.mnote a:focus-visible{border-bottom-color:var(--shift)}

/* الشاشة الصغيرة: الأسماء تبقى على الخريطة كما على الحاسوب، لا قائمة
   مرقّمة تحتها — القائمة تفصل الاسم عن موضعه فيقرأ القارئ رقماً ثم ينزل
   يبحث عنه، والخريطة مبناها أن يقع الاسم على مكانه. يصغر الحرف بدلاً
   من ذلك، ويُحذف ما هو خلفيّ. */
@media (max-width:820px){
  .mgov{display:none}
  .mnm{font-size:.66rem;
    text-shadow:0 0 3px #fff,0 0 6px #fff,0 1px 0 #fff,0 -1px 0 #fff}
}
@media (max-width:420px){ .mnm{font-size:.6rem} }

@media (max-width:520px){
  /* على الشاشة الصغيرة يتراكب اسم المضيق باسم جيبوتي عند أسفل الإطار.
     ويُحذف المضيق لا جيبوتي، لأن المادة كلها عن باب المندب فالقارئ يعرفه،
     وجيبوتي هي التي تحتاج تسمية. */
  .mgeo--str{display:none}
  .minset{width:76px;padding:5px;inset-inline-end:8px;top:8px}
  .mgeo--sea{font-size:.68rem;letter-spacing:.14em}
  .mgeo--land{font-size:.62rem}
  .mtown{font-size:.68rem}
}