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

/* ═════ الخطوط: مستضافة عندنا ═════
   كانت تُحمَّل من خطوط غوغل، فيصل إليها عنوان كل قارئ وصفحته.
   صارت في 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;
  }



/* ═════════════════ ترويسة عربي بوست وتذييلها — منقولتان حرفيا من مادة الساحل الغربي ═════════════════ */
.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}
.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}
@media (max-width:900px){ .main-header__time{display:none} }
@media (max-width:640px){
  :root{--header-h:42px}
  .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)}
}
@media (max-width:360px){
  :root{--header-h:36px}
  .main-header .wrap{padding:0 12px}
  .main-logo{zoom:.64}
}

/* ═════════════════ رموز هذه المادة ═════════════════
   الورق ولون الحبر والخطوط والقياسات من مادة الساحل الغربي.
   اللون الدال الوحيد هنا أحمر الصورة الرئيسية: أحمر العلم الصيني فيها. */
:root{
  --ap-cyan:#00c4ff;
  --paper:#e8e1d4;
  --paper-2:#ded5c3;
  --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;
  --fig-width:920px;
  --header-h:60px;

  --red:#c42b1f;
  --red-deep:#9e1f16;
  --red-wash:#f6e3dc;
  --rule:#c9bfa8;
  --rule-strong:#9c917b;
}

*{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(--red);color:#fff}
[id]{scroll-margin-top:calc(var(--header-h) + 18px)}

/* ═════════════════ الافتتاحية ═════════════════
   الكولاج كاملا بلا قص على المكتب، والعنوان تحته في المنتصف:
   التمهيد الأحمر سطر وحده، والعنوان تحته، ثم التوقيع والتاريخ. */
.hero{background:var(--paper)}
.hero__art{max-width:1440px;margin:0 auto}
.hero__art img{width:100%;
  /* أرضية الصورة أفتح من الورق: تذوب حوافها الثلاث فيه بدل أن تظهر صندوقا */
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),
                     linear-gradient(to bottom,#000 0,#000 84%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),
             linear-gradient(to bottom,#000 0,#000 84%,transparent 100%);
  mask-composite:intersect}
.hero__in{max-width:1100px;margin:0 auto;padding:clamp(22px,4vw,46px) 24px clamp(24px,4vw,40px);
  text-align:center}
.hero__tag{display:inline-block;margin:0 0 16px;font-family:var(--font-ui);font-weight:700;font-size:.86rem;
  color:#fff;background:var(--red);padding:3px 12px;line-height:1.85}
.hero__h1{margin:0;font-family:var(--font-head);font-weight:900;color:var(--ink);text-wrap:balance}
.hero__k{display:block;color:var(--red);font-size:clamp(1.35rem,3.4vw,2.3rem);line-height:1.35}
.hero__h{display:block;margin-top:.3em;font-size:clamp(1.5rem,4.2vw,3rem);line-height:1.4;letter-spacing:-.01em;max-width:1040px;margin-inline:auto}
.hero__by{display:inline-block;margin:22px 0 0;padding-inline:28px;font-family:var(--font-ui);font-size:1rem;color:var(--ink-1);
  padding-top:12px;border-top:1px solid var(--rule)}
.hero__by b{display:block;font-weight:700}
.hero__date{display:block;margin-top:4px;font-family:var(--font-num);font-size:.86rem;font-weight:500;color:var(--ink-2);direction:ltr}

/* ═════════════════ المتن ═════════════════ */
.story{padding:clamp(28px,4vw,48px) 22px 72px}
.chapter{max-width:var(--reading-width);margin:0 auto}
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)}
a.s{color:var(--ink);text-decoration:none;border-bottom:2px solid #d99a90;padding-bottom:1px;
  transition:background .18s,border-color .18s}
a.s:hover,a.s:focus-visible{background:var(--red-wash);border-bottom-color:var(--red)}

/* فاتحة الفصل: خط أحمر سميك ثم العنوان في المنتصف، على عرض الصور */
.ch-open{max-width:var(--fig-width);margin:clamp(56px,8vw,96px) auto clamp(26px,3vw,36px);
  border-top:6px solid var(--red);padding-top:22px;text-align:center}
.ch-open__h{margin:0;font-family:var(--font-head);font-weight:900;color:var(--ink);
  font-size:clamp(1.5rem,4.4vw,2.5rem);line-height:1.45;letter-spacing:-.01em;text-wrap:balance}

/* الصورة: ورقة في ملف، أعرض من عمود النص */
.ex{position:relative;margin:calc(var(--para-gap) + 10px) 0 calc(var(--para-gap) + 14px);
  margin-inline:calc((min(var(--fig-width),100vw - 44px) - 100%) / -2)}
.ex__frame{display:block;width:100%;padding:8px;margin:0;border:1px solid var(--rule-strong);background:var(--page);
  cursor:zoom-in;font:inherit}
.ex__frame:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ex__frame img{width:auto;max-width:100%;max-height:min(78vh,760px);height:auto;margin:0 auto}

/* مقطع ولقطة منه جنبا إلى جنب: المقطع أولا في اتجاه القراءة */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.pair__v{border:1px solid var(--rule-strong);background:var(--page);padding:8px}
.pair__v video{display:block;width:100%;aspect-ratio:16/9;background:var(--paper-2)}
.ex--pair .ex__frame img{max-height:none;width:100%;aspect-ratio:16/9;object-fit:cover}

/* صورتان جنبا إلى جنب بارتفاع واحد: عرض العمود من نسبة الصورة */
.duo{display:grid;gap:10px;align-items:start}
.ex--duo .ex__frame img{width:100%;height:auto;max-height:none;object-fit:cover}

/* تعليق الصورة: ما فيها ثم مصدرها، على عرض الصورة */
.ex__cap{margin:0;padding:10px 2px 0;font-family:var(--font-ui);font-size:.9rem;line-height:1.85;color:var(--ink-1)}
.ex__src{display:block;font-size:.8rem;color:var(--ink-muted)}
.ed--fig{margin:10px 0 0}

/* ═════════════════ ملاحظات تحريرية — للمراجعة فقط ═════════════════
   على الشاشة العريضة في الهامش بجوار الفقرة، وعلى الأضيق تحتها مباشرة. */
.np{position:relative}
.ed{font-family:var(--font-ui);font-size:.88rem;line-height:1.85;color:var(--red-deep);
  background:var(--red-wash);border:2px solid var(--red);padding:10px 14px;margin:-6px 0 var(--para-gap)}
.ed b{display:block;font-size:.78rem;font-weight:700;color:var(--red)}
body.no-ed .ed{display:none}
@media (min-width:1280px){
  .ed{position:absolute;top:4px;inset-inline-start:calc(100% + 32px);width:min(250px,calc((100vw - var(--reading-width)) / 2 - 64px));margin:0}
  .ed--fig{position:static;width:auto;margin:10px 0 0}
}
.edsw{position:fixed;bottom:16px;inset-inline-end:16px;z-index:60;min-height:44px;padding:0 16px;
  font-family:var(--font-ui);font-weight:700;font-size:.9rem;color:#fff;background:var(--red);
  border:2px solid var(--red-deep);cursor:pointer}
.edsw span{font-family:var(--font-num);margin-inline-start:6px}
.edsw[aria-pressed="false"]{background:var(--page);color:var(--red-deep)}

/* ═════════════════ أزواج التكرار — للمراجعة فقط ═════════════════
   كل زوج بلون، والوسم يسمي الزوج. يختفي مع الملاحظات بالزر نفسه. */
.dup--a{--dup:#2f63a8;--dup-bg:#d9e5f5}
.dup--b{--dup:#3d7a2c;--dup-bg:#dcebd2}
.dup--c{--dup:#8a5d00;--dup-bg:#f4e2b5}
.dup--d{--dup:#1d726c;--dup-bg:#d1ebe8}
p.dup{background:var(--dup-bg);border-inline-start:5px solid var(--dup);padding:10px 14px}
mark.dup{background:var(--dup-bg);color:inherit;border-bottom:2px solid var(--dup);padding:2px 0}
.dup__tag{display:inline-block;margin-inline-end:8px;padding:0 9px;font-family:var(--font-ui);font-size:.78rem;
  font-weight:700;line-height:1.9;color:#fff;background:var(--dup);vertical-align:.1em}
body.no-ed .dup__tag{display:none}
body.no-ed p.dup{background:none;border:0;padding:0}
body.no-ed mark.dup{background:none;border:0}

/* ═════════════════ التكبير ═════════════════
   على أرضية الورق نفسها لا على سواد. على اللمس يقبل القرص والسحب. */
.lb{position:fixed;inset:0;z-index:2000;background:rgba(232,225,212,.98);display:flex;flex-direction:column}
.lb[hidden]{display:none}
.lb__sc{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:56px 16px 16px;
  touch-action:pan-x pan-y pinch-zoom;cursor:zoom-in}
.lb__sc img{max-width:100%;max-height:calc(100vh - 80px);width:auto;border:1px solid var(--rule-strong);background:var(--page)}
.lb.is-zoom .lb__sc{align-items:flex-start;justify-content:flex-start;cursor:zoom-out}
.lb.is-zoom .lb__sc img{max-width:none;max-height:none}
.lb__x{position:absolute;top:10px;inset-inline-end:12px;width:44px;height:44px;font-size:1.8rem;line-height:1;
  color:#fff;background:var(--ink);border:0;cursor:pointer;z-index:1}

/* ═════════════════ الهاتف ═════════════════ */
@media (max-width:760px){
}
@media (max-width:640px){
  :root{--para-gap:1.15rem}
  /* قص 4:3 يبقي المسيرة كاملة من ذيلها إلى مقدمتها */
  .hero__art img{aspect-ratio:4/3;object-fit:cover;object-position:62% 50%}
  /* على الهاتف تملأ الصورة عرض الشاشة: يكفي ذوبان الحافة السفلى */
  .hero__art img{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 84%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0,#000 84%,transparent 100%)}
  .hero__in{padding-inline:16px}
  .story{padding-inline:16px}
  .ex{margin-inline:-16px}
  .ex__frame{border-inline:0;padding:6px 0}
  .ex__cap,.ed--fig{margin-inline:16px}
  .pair{grid-template-columns:1fr;gap:6px}
  .duo{grid-template-columns:1fr !important;gap:6px}
  .pair__v{border-inline:0;padding:6px 0}
  .ex__cap{padding-inline:0}
  .ch-open{margin-inline:0}
}
/* الترويسة منقولة كما هي؛ نوسع منطقة اللمس حول عناصرها الصغيرة دون تغيير شكلها */
@media (max-width:640px){
  .main-logo::after{content:"";position:absolute;inset:-6px -4px}
  .night-mode::after{content:"";position:absolute;inset:-12px -4px}
  .header-search input{height:44px;margin-block:-7px;width:44px;padding-inline-end:22px}
}
/* ارتفاع الترويسة الفعلي على الهاتف: يلتصق تحته شريط الأطراف بلا فجوة */
@media (max-width:640px){ :root{--header-h:39px} }
@media (max-width:360px){ :root{--header-h:32px} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}