@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@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;
  }
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-hebrew-400-hebrew.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ibm-plex-sans-hebrew-600-hebrew.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
.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:'IBM Plex Sans Arabic', sans-serif; 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:'IBM Plex Sans Arabic', sans-serif; }
.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:hover { border-color:rgba(255,255,255,.9); }
.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; }
@media (max-width:600px){
  :root{ --header-h:42px; }
  .main-header { padding:0 !important; }
  .main-header .socials { display:none; }
  .main-header__time { display:none; }
  .main-logo { zoom:.78; }
  .header-search input { width:22px; font-size:16px; }
  .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; }
  .night-mode { margin-right:8px; }
}
@media (max-width:900px) and (min-width:601px){
  .main-header__time { display:none; }
}

  .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:#8888a0; line-height:1.8; margin-bottom:16px; }
  .material-footer__rights{ font-size:13px; color:#8888a0; line-height:1.9; }
  .material-footer__rights .rights-ar{ display:block; margin-bottom:6px; color:#a0a0b4; }
  .material-footer__rights .rights-en{ display:block; direction:ltr; font-size:12px; color:#707088; }
  @media(max-width:600px){
    .material-footer{ padding:32px 16px 22px; }
    .material-footer__copyright{ font-size:12px; }
    .material-footer__rights{ font-size:12px; }
    .material-footer__rights .rights-en{ font-size:11px; }
  }



:root{
  --brand:#00c4ff;
  --paper:#e8e1d4;
  --paper-2:#ded5c3;
  --paper-3:#d3c9b4;
  --page:#fffdf8;
  --ink:#15171b;
  --ink-1:#2a2d34;
  --ink-2:#4c5158;
  --ink-3:#5f646d;
  --rule:#a79c82;
  --rule-2:#c9bfa6;
  --h-ink:#8D2226;
  --source:#1d4d6b;
  
  --right:#1c4599;
  --opp:#a81e1a;
  --pub:#5f646d;
  --mark:#c0392b;
  --measure:700px;
  --wide:1060px;
  --lh:1.95;
  --para-gap:1.4rem;
  --header-h:60px;
  --font-head:'Cairo',sans-serif;
  --font-body:'Readex Pro',sans-serif;
  --font-ui:'Readex Pro',sans-serif;
  --font-he:'IBM Plex Sans Hebrew','Readex Pro',sans-serif;
  --font-num:'IBM Plex Mono',ui-monospace,monospace;
}
*,*::before,*::after{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100%; scroll-padding-top:calc(var(--header-h) + 16px) }
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--font-body); font-size:1rem; line-height:var(--lh);
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
  padding-top:var(--header-h);
}
img{ max-width:100%; height:auto; display:block }
:where(a){ color:inherit }
:focus-visible{ outline:3px solid var(--brand); outline-offset:2px }
button{ font:inherit; color:inherit }
.num{ unicode-bidi:isolate; white-space:nowrap; font-feature-settings:"tnum" 1 }


.read{ max-width:var(--measure); margin-inline:auto; padding-inline:20px; padding-block:clamp(28px,5vw,56px) clamp(40px,8vw,88px) }
.p{
  font-size:clamp(1rem,2.9vw,1.12rem); line-height:var(--lh); color:var(--ink-1);
  margin:0 0 var(--para-gap); text-align:justify; text-align-last:start;
  hyphens:none; overflow-wrap:break-word;
}
.p.lede{ color:var(--ink) }
.p strong{ color:var(--ink); font-weight:600 }
.h2{
  font-family:var(--font-head); font-weight:800;
  font-size:clamp(1.3rem,4.4vw,1.625rem); line-height:1.4; text-wrap:balance;  
  margin:clamp(40px,7vw,72px) 0 .8rem; color:var(--ink);
}
.h2__k{
  display:block; margin-bottom:.35rem;
  font-family:var(--font-ui); font-weight:600; font-size:.8125rem; letter-spacing:.02em;
  color:var(--ink-2);
}
.h3{
  font-family:var(--font-head); font-weight:800;
  font-size:clamp(1.15rem,3.6vw,1.375rem); line-height:1.45; text-wrap:balance;
  margin:clamp(32px,5vw,52px) 0 .8rem; color:var(--ink);
}
a.s{
  color:inherit; text-decoration:underline; text-decoration-thickness:2px;
  text-underline-offset:4px; text-decoration-color:var(--source);
}
a.s:hover,a.s:focus-visible{ color:var(--source); background:#dfe8ee; text-decoration-thickness:3px }
.dl{ margin:0 0 var(--para-gap); padding:0; list-style:none; border-top:1px solid var(--rule) }
.dl li{
  padding:.7rem 0; border-bottom:1px solid var(--rule-2);
  font-size:clamp(.98rem,2.8vw,1.06rem); line-height:1.85; color:var(--ink-1);
}
.dl b{ font-family:var(--font-head); font-weight:800; color:var(--ink) }


.ld__f{ position:relative; background:var(--paper-3) }
.ld__f img{ display:block; width:100%; height:auto }
.ld__v{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top, rgba(8,10,13,.94) 4%, rgba(8,10,13,.78) 22%, rgba(8,10,13,.36) 40%, transparent 56%);
}
.ld__t{
  position:absolute; inset-inline:0; bottom:0;
  max-width:1180px; margin-inline:auto; padding:0 clamp(20px,4vw,48px) clamp(18px,2.6vw,38px); text-align:center;
}
.hero__t{
  font-family:var(--font-head); font-weight:900; color:#fff;
  font-size:clamp(1.3rem,2.7vw,2.15rem); line-height:1.36; text-wrap:balance; margin:0 auto .8rem; max-width:26em;
  text-shadow:0 2px 24px rgba(0,0,0,.55);
}
.hero__k{ display:block; margin-bottom:.15em; color:#ff4b3e; font-size:1.18em; line-height:1.25 }
.ld__by{
  display:flex; align-items:center; justify-content:center; gap:.5rem; flex-wrap:wrap; margin:0;
  font-family:var(--font-head); font-size:clamp(.875rem,1.1vw,1rem); font-weight:700; color:#fff;
}
.ld__by b{ color:#fff }
.ld__by time{ flex-basis:100%; text-align:center }
.ld__by time{ unicode-bidi:isolate }
@media (max-width:760px){
  .ld__v{ background:linear-gradient(to top, rgba(8,10,13,.96) 8%, rgba(8,10,13,.9) 46%, rgba(8,10,13,.55) 64%, transparent 80%) }
  .ld__t{ padding:0 18px 20px }
}


.toc{
  position:sticky; top:var(--header-h); z-index:500;
  display:flex; gap:4px; align-items:center; justify-content:center; flex-wrap:nowrap;
  max-width:var(--wide); margin:clamp(22px,3vw,34px) auto 0; padding:0 12px;
  background:var(--paper); border-block:1px solid var(--rule);
  overflow-x:auto; scrollbar-width:none;
}
.toc::-webkit-scrollbar{ display:none }
.toc__k{ font-family:var(--font-ui); font-size:.75rem; color:var(--ink-2); padding-inline-end:6px; white-space:nowrap }
.toc a{
  display:inline-flex; align-items:center; min-height:44px; padding:0 12px; white-space:nowrap;
  font-family:var(--font-head); font-weight:700; font-size:.9rem; text-decoration:none; color:var(--ink-1);
  border-bottom:3px solid transparent;
}
.toc a:hover,.toc a.is-on{ color:var(--h-ink); border-bottom-color:var(--h-ink) }
.prog{ position:fixed; top:var(--header-h); inset-inline:0; height:3px; z-index:900; pointer-events:none }
.prog i{ display:block; height:100%; width:0; background:var(--h-ink) }


.tw{
  margin:0 0 var(--para-gap); background:var(--page);
  border:1px solid var(--rule); border-inline-start:4px solid var(--c,var(--rule));
}
.tw--right{ --c:var(--right) }
.tw--opp{ --c:var(--opp) }
.tw--pub{ --c:var(--pub) }
.tw__h{
  display:flex; align-items:center; gap:10px; padding:12px 14px 0;
  font-family:var(--font-ui); font-size:.8125rem; line-height:1.4;
}
.tw__who{ display:flex; flex-direction:column; min-width:0 }
.tw__who b{ font-family:var(--font-head); font-weight:800; font-size:.95rem; color:var(--ink) }
.tw__who span{ color:var(--c); font-weight:600 }
.av{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex:none }
.av--u{ display:inline-block; width:var(--s,40px); height:var(--s,40px); background:var(--paper-2) radial-gradient(circle at 50% 38%, var(--rule) 0 22%, transparent 23%) }
.tw__he{
  margin:10px 14px 0; padding:0;
  font-family:var(--font-he); font-size:.92rem; line-height:1.8; color:var(--ink-2);
}
.tw__ar{
  margin:8px 14px 0; font-family:var(--font-body); font-weight:500;
  font-size:clamp(1.02rem,3vw,1.14rem); line-height:1.9; color:var(--ink);
}
.tw__ar mark{
  background:none; color:inherit;
  text-decoration:underline; text-decoration-color:var(--mark); text-decoration-thickness:2px; text-underline-offset:6px;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
.tw__f{
  display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;
  margin-top:12px; padding:2px 14px 2px; border-top:1px solid var(--rule-2);
  font-family:var(--font-ui); font-size:.78rem; color:var(--ink-2);
}
.tw__m{ display:flex; gap:10px; flex-wrap:wrap }
.tw__note{ color:var(--h-ink); font-weight:600 }
.tw__l{
  display:inline-flex; align-items:center; min-height:44px; padding-inline:4px;
  font-family:var(--font-head); font-weight:700; font-size:.82rem; color:var(--source);
  text-decoration:underline; text-underline-offset:4px;
}


.mod{ margin:clamp(26px,4vw,40px) 0; padding:clamp(16px,2.6vw,24px); background:var(--page); border:1px solid var(--rule); border-top:4px solid var(--ink) }
.mod__cap{ display:flex; flex-direction:column; gap:2px; margin-bottom:14px }
.mod__cap b{ font-family:var(--font-head); font-weight:800; font-size:clamp(1.05rem,3vw,1.25rem); line-height:1.5; color:var(--ink) }
.mod__cap span{ font-family:var(--font-ui); font-size:.84rem; line-height:1.6; color:var(--ink-2) }
.k{ display:inline-flex; align-items:center; gap:6px; font-family:var(--font-ui); font-size:.8rem; font-weight:600; color:var(--ink-1) }
.k::before{ content:""; width:12px; height:12px; background:var(--c) }
.k--right{ --c:var(--right) }
.k--opp{ --c:var(--opp) }


.sh__key{ display:flex; gap:16px; margin-bottom:8px }
.sh__l{ list-style:none; margin:0; padding:0 }
.sh__r{
  display:grid; grid-template-columns:36px minmax(0,10.5rem) minmax(0,1fr) 3.2rem; align-items:center; gap:10px;
  padding:8px 0; border-top:1px solid var(--rule-2);
}
.sh__r--right{ --c:var(--right) }
.sh__r--opp{ --c:var(--opp) }
.sh__p .av{ width:36px; height:36px }
.sh__n{ display:flex; flex-direction:column; line-height:1.35; min-width:0 }
.sh__n b{ font-family:var(--font-head); font-weight:800; font-size:.95rem; color:var(--ink) }
.sh__n span{ font-family:var(--font-ui); font-size:.74rem; color:var(--ink-2) }
.sh__bar{ height:14px; background:var(--paper-2) }
.sh__bar i{ display:block; height:100%; width:calc(var(--v) * 1%); background:var(--c) }
.sh__v{ font-family:var(--font-head); font-weight:800; font-size:1.05rem; color:var(--c); text-align:end }
@media (max-width:520px){
  .sh__r{ grid-template-columns:32px minmax(0,1fr) 2.8rem; grid-template-areas:"p n v" "p b b"; row-gap:4px }
  .sh__p{ grid-area:p; align-self:start } .sh__n{ grid-area:n } .sh__v{ grid-area:v } .sh__bar{ grid-area:b; height:10px }
  .sh__p .av{ width:32px; height:32px }
}


.pr__key,.pr__r{ display:grid; grid-template-columns:minmax(0,9rem) minmax(0,1fr) minmax(0,1fr); gap:0 10px; align-items:center }
.pr__key{ margin-bottom:6px }
.pr__key .k--right{ justify-self:end }
.pr__l{ list-style:none; margin:0; padding:0 }
.pr__r{ padding:7px 0; border-top:1px solid var(--rule-2) }
.pr__lab{ font-family:var(--font-head); font-weight:700; font-size:.92rem; line-height:1.4; color:var(--ink) }
.pr__b{ display:flex; align-items:center; gap:6px; height:22px }
.pr__b i{ display:block; height:14px; width:calc(var(--v) * 1%); max-width:calc(100% - 2.2rem); min-width:1px; background:var(--c) }
.pr__b b{ font-family:var(--font-head); font-weight:800; font-size:.9rem; color:var(--c) }
.pr__b--right{ --c:var(--right); flex-direction:row-reverse; justify-content:flex-start; border-inline-end:2px solid var(--ink) }
.pr__b--right{ justify-content:flex-start }
.pr__b--opp{ --c:var(--opp) }
@media (max-width:520px){
  .pr__key,.pr__r{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .pr__key > span:first-child{ display:none }
  .pr__lab{ grid-column:1 / -1; text-align:center; font-size:.88rem }
}


.jx{ margin:clamp(34px,6vw,56px) 0; padding:clamp(18px,3vw,26px) 0 0; border-top:2px solid var(--ink) }
.jx__k{ margin:0; font-family:var(--font-head); font-size:clamp(1rem,2.6vw,1.15rem); font-weight:800; color:var(--ink) }
.jx__q{ margin:.15rem 0 .4rem; font-family:var(--font-head); font-weight:900; font-size:clamp(1.35rem,4vw,1.9rem); line-height:1.35; color:var(--ink) }
.jx__d{ margin:0 0 20px; font-size:clamp(1rem,2.9vw,1.12rem); line-height:var(--lh); color:var(--ink-1) }
.jx__g{ margin-bottom:22px; padding-top:8px; border-top:1px solid var(--rule) }
.jx__g--right{ --c:var(--right) }
.jx__g--opp{ --c:var(--opp) }
.jx__gt{ margin:0 0 10px; font-family:var(--font-head); font-weight:800; font-size:1rem; color:var(--c) }
.jx__cs{ display:flex; flex-wrap:wrap; gap:14px 6px }
.jx__cs{ flex-wrap:nowrap }
.jx__c{
  display:flex; flex-direction:column; align-items:center; gap:2px; flex:0 1 118px; min-width:0;
  padding:0; background:none; border:0; cursor:pointer;
}
.jx__fig{
  width:min(104px,100%); height:auto; aspect-ratio:1; border-radius:50%; margin-bottom:6px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.jx__nm{ font-family:var(--font-head); font-weight:800; font-size:1rem; line-height:1.3; color:var(--ink) }
.jx__n{ font-family:var(--font-ui); font-size:.8rem; font-weight:600; color:var(--c) }
.jx__c:hover .jx__fig,.jx__c:focus-visible .jx__fig{ transform:translateY(-3px); box-shadow:0 0 0 3px var(--paper), 0 0 0 6px var(--c) }
.jx__tag{ margin-top:2px; padding:0 6px; font-family:var(--font-ui); font-size:.72rem; font-weight:600; line-height:1.7; color:#fff; background:var(--ink-1); white-space:nowrap }
.jx__c:hover .jx__nm{ text-decoration:underline; text-decoration-color:var(--c); text-decoration-thickness:2px; text-underline-offset:5px }
.jx__c:focus-visible{ outline:none }
@media (max-width:560px){
  .jx__cs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 4px }
  .jx__c{ width:auto }
  .jx__fig{ width:84px; height:84px }
  .jx__nm{ font-size:.92rem }
}
.jx__go{ display:flex; gap:10px 18px; flex-wrap:wrap; align-items:center; margin-top:4px }
.jx__next{
  display:inline-flex; align-items:center; gap:.4rem; min-height:44px; padding:0 20px;
  font-family:var(--font-head); font-weight:800; font-size:.95rem; text-decoration:none;
  color:#fff; background:var(--ink); border:2px solid var(--ink);
}
.jx__next:hover{ background:var(--h-ink); border-color:var(--h-ink) }
.jx__skip{
  display:inline-flex; align-items:center; gap:.4rem; min-height:44px; padding:0 18px;
  font-family:var(--font-head); font-weight:800; font-size:.95rem; text-decoration:none;
  color:#fff; background:var(--h-ink); border:2px solid var(--h-ink);
}
.jx__skip:hover{ background:var(--ink); border-color:var(--ink) }

.chips{ display:flex; flex-wrap:wrap; gap:8px; margin:-.2rem 0 1rem }
.chip{
  display:inline-flex; align-items:center; gap:.35rem; min-height:44px; padding:0 14px;
  font-family:var(--font-head); font-weight:700; font-size:.86rem; cursor:pointer;
  background:var(--page); border:1px solid var(--rule); color:var(--h-ink);
}
.chip::before{ content:"+"; font-family:var(--font-num); font-weight:600 }
.chip:hover,.chip:focus-visible{ border-color:var(--h-ink) }


.pn{ position:fixed; inset:0; z-index:2000 }
.pn[hidden]{ display:none }
.pn__scrim{ position:absolute; inset:0; background:rgba(232,225,212,.86) }
.pn__sheet{
  position:absolute; inset-block:0; inset-inline-end:0; width:min(560px,100%);
  display:flex; flex-direction:column; background:var(--paper);
  border-inline-start:1px solid var(--rule); box-shadow:0 0 0 1px var(--rule), -24px 0 48px -32px rgba(21,23,27,.5);
  animation:pn-in .22s ease-out;
}
@keyframes pn-in{ from{ transform:translateX(-24px); opacity:0 } }
.pn__grip{ display:none }
.pn__h{ display:flex; align-items:center; gap:12px; padding:14px 16px; background:var(--page); border-bottom:4px solid var(--c,var(--ink)) }
.pn__h .av{ width:56px; height:56px }
.pn__t{ flex:1; min-width:0 }
.pn__camp{ margin:0; font-family:var(--font-ui); font-size:.78rem; font-weight:600; color:var(--c) }
.pn__name{ margin:0; font-family:var(--font-head); font-weight:900; font-size:1.3rem; line-height:1.35 }
.pn__count{ margin:0; font-family:var(--font-ui); font-size:.82rem; color:var(--ink-2) }
.pn__count.pn__note{ margin-top:4px; padding:2px 8px; display:inline-block; background:var(--paper); border-inline-start:3px solid var(--h-ink); color:var(--ink); font-weight:600 }
.pn__x{
  width:44px; height:44px; flex:none; display:grid; place-items:center; cursor:pointer;
  font-size:1.6rem; line-height:1; background:transparent; border:1px solid var(--rule);
}
.pn__x:hover{ border-color:var(--ink) }
.pn__f{ display:flex; gap:8px; padding:10px 16px; border-bottom:1px solid var(--rule) }
.pn__f:empty{ display:none }
.pn__fb{
  min-height:44px; padding:0 14px; cursor:pointer;
  font-family:var(--font-head); font-weight:700; font-size:.86rem;
  background:var(--page); border:1px solid var(--rule);
}
.pn__fb[aria-pressed="true"]{ background:var(--ink); color:#fff; border-color:var(--ink) }
.pn__l{ flex:1; overflow-y:auto; overscroll-behavior:contain; list-style:none; margin:0; padding:12px 16px 20px }
.pi{ margin-bottom:10px; padding:12px 14px; background:var(--page); border:1px solid var(--rule); border-inline-start:4px solid var(--c) }
.pi--x{ border-inline-start-color:var(--mark); }
.pi__m{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; font-family:var(--font-ui); font-size:.76rem; color:var(--ink-2) }
.pi__x{ padding:0 6px; background:var(--mark); color:#fff; font-weight:700 }
.pi__f{ margin:.2rem 0 -.4rem }
.pi__s{ margin:.35rem 0 0; font-family:var(--font-head); font-weight:700; font-size:.98rem; line-height:1.65; color:var(--ink) }
.pi__he{ margin:.45rem 0 0; font-family:var(--font-he); font-size:.86rem; line-height:1.75; color:var(--ink-2) }
.pi__ar{ margin:.2rem 0 0; font-size:.95rem; line-height:1.8; color:var(--ink-1) }
.pi__ar span{ text-decoration:underline; text-decoration-color:var(--mark); text-decoration-thickness:2px; text-underline-offset:5px }
.pn__ft{ display:flex; gap:8px; padding:10px 16px; border-top:1px solid var(--rule); background:var(--page) }
.pn__nav,.pn__back{
  min-height:44px; padding:0 12px; cursor:pointer;
  font-family:var(--font-head); font-weight:700; font-size:.84rem;
  background:transparent; border:1px solid var(--rule);
}
.pn__back{ flex:1; background:var(--ink); color:#fff; border-color:var(--ink) }
.pn__nav:empty{ visibility:hidden }
@media (max-width:640px){
  .pn__sheet{
    inset-block:auto 0; inset-inline:0; width:100%; height:88vh; height:88dvh;
    border-inline-start:0; border-top:1px solid var(--rule); animation-name:pn-up;
  }
  @keyframes pn-up{ from{ transform:translateY(40px); opacity:0 } }
  .pn__grip{ display:block; width:44px; height:5px; margin:8px auto 0; background:var(--rule) }
  .pn__h{ padding-top:8px }
  .pn__nav{ font-size:.78rem; padding:0 8px }
}


.vd{ margin:0 0 var(--para-gap); background:var(--page); border:1px solid var(--rule); border-inline-start:4px solid var(--c,var(--rule)) }
.vd--right{ --c:var(--right) }
.vd__frame{ position:relative; background:var(--paper-3) }
.vd__v{ display:block; width:100%; max-height:min(78vh,720px); background:var(--paper-3) }
.vd__ph{ display:grid; place-items:center; aspect-ratio:16/9; font-family:var(--font-ui); font-size:.86rem; color:var(--ink-2); border-bottom:1px solid var(--rule) }
.vd__ai{
  position:absolute; top:10px; inset-inline-start:10px; padding:2px 8px;
  font-family:var(--font-ui); font-size:.74rem; font-weight:700; color:#fff; background:var(--h-ink);
}
.vd__c{ display:flex; align-items:center; gap:10px; padding:4px 12px; font-family:var(--font-ui); font-size:.84rem; color:var(--ink-1) }
.vd__c .av{ width:32px; height:32px }
.vd__c > span{ flex:1 }
.vd__c b{ font-family:var(--font-head); font-weight:800 }

@media (max-width:760px){ .read{ padding-inline:16px } }
@media (max-width:640px){
  :root{ --header-h:42px; --para-gap:1.15rem }
  .p{ text-align:start }
  .hero__t{ font-size:clamp(1.15rem,5vw,1.6rem); line-height:1.42 }
  
  .toc{ position:static; flex-wrap:wrap; overflow:visible; padding:6px 10px; gap:0 2px }
  .toc__k{ width:100%; text-align:center; padding:0 }
  .toc a{ padding:0 10px; font-size:.86rem }
  .prog{ top:var(--header-h) }
}
@media (max-width:420px){ .read{ padding-inline:14px } }
@media (max-width:360px){ :root{ --header-h:36px } }
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important }
}


.nw{ margin:clamp(30px,5vw,52px) 0 }    
.nw__in{ padding-inline:10px }  

.nw__f{ position:relative; direction:ltr; aspect-ratio:1677/1676; max-width:620px; margin-inline:auto }
.nw__f img{ position:absolute; top:0; left:16.1%; width:67.8%; height:100% }
.nw__a{ position:absolute; inset:0; width:100%; height:100% }
.nw__a line{ stroke:var(--ink); stroke-width:1.4; vector-effect:non-scaling-stroke }
.nw__a path{ fill:var(--ink) }
.nw__n{ position:absolute; direction:rtl; white-space:nowrap; font-family:var(--font-head); font-weight:800;
  font-size:clamp(.74rem,2.4vw,1.1rem); line-height:1.6; color:var(--ink) }
.nw__n--s{ left:14.91%; transform:translate(-100%,-50%) }
.nw__n--e{ left:85.09%; transform:translate(0,-50%) }
.nw__l{ list-style:none; margin:16px 0 0; padding:14px 0 0; border-top:1px solid var(--rule); display:grid; gap:6px;
  font-family:var(--font-ui); font-size:.88rem; line-height:1.7; color:var(--ink-1) }
.nw__l li{ display:grid; grid-template-columns:14px 1fr; gap:10px; align-items:baseline }
.nw__k{ width:11px; height:11px; border-radius:50%; translate:0 1px }
.nw__k--i{ background:#A3121C } .nw__k--h{ background:#E0662B } .nw__k--n{ background:#2F6F9F }
.nw__k--c{ background:var(--ink); width:13px; height:13px }


.sq{ margin:clamp(30px,5vw,52px) 0; padding-block:clamp(24px,4vw,44px);
  border-image:conic-gradient(#F3EFE7 0 0) fill 0 / / 0 100vw }
.sq{ --qa:#7A3E12; --qb:#D3A25F; --qc:#E3D6C0; --s:8px }
.sq__k{ list-style:none; margin:24px 0 0; padding:14px 0 0; border-top:1px solid var(--rule); display:grid; gap:4px;
  font-family:var(--font-ui); font-size:.86rem; line-height:1.7; color:var(--ink-1) }
.sq__k li{ display:grid; grid-template-columns:14px 1fr; gap:10px; align-items:baseline }
.sq__k i{ width:11px; height:11px; background:var(--qc); translate:0 1px }
.sq__c{ margin:22px 0 10px; } .sq__c:first-child{ margin-top:0 } .sq__c{ font-family:var(--font-head); font-weight:800; font-size:1.1rem; color:var(--ink) }
.sq__l{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(6,1fr); gap:20px 12px }
.sq__h{ margin:0 0 6px; display:flex; flex-direction:column; line-height:1.5 }
.sq__h b{ font-family:var(--font-head); font-weight:800; font-size:.98rem; color:var(--ink) }
.sq__h span{ font-family:var(--font-ui); font-size:.8rem; color:var(--ink-2) }
.sq__h em{ font-style:normal; font-weight:600; color:var(--ink) }
.sq__g{ display:grid; grid-template-columns:repeat(10,var(--s)); gap:2px; justify-content:start }
.sq__g i{ display:block; width:var(--s); height:var(--s); background:var(--qc) }
.sq i.sq__a{ background:var(--qa) } .sq i.sq__b{ background:var(--qb) }
@media (max-width:640px){ .sq__l{ grid-template-columns:repeat(3,1fr); gap:18px 10px } }


.sh2{ margin:clamp(30px,5vw,52px) 0 }  
.sh2__row{ display:flex; align-items:flex-end; justify-content:center; gap:clamp(8px,2.5vw,28px) }
.sh2__c{ flex:0 1 44% } .sh2__c--opp{ flex-basis:calc(44% * var(--opp)) }
.sh2__h{ margin:0 0 6px; text-align:center; display:flex; flex-direction:column; line-height:1.35 }
.sh2__h b{ font-family:var(--font-head); font-weight:800; font-size:clamp(2rem,6vw,3rem); line-height:1 }
.sh2__h span{ font-family:var(--font-ui); font-weight:600; font-size:clamp(.78rem,1.7vw,.9rem); margin-top:6px; color:var(--ink) }
.sh2__d{ position:relative }
.sh2__d img, .sh2__d svg{ display:block; width:100%; height:auto }
.sh2__d svg{ position:absolute; inset:0 }
.sh2__all{ fill:none; stroke:#C9BFA8; stroke-width:2; vector-effect:non-scaling-stroke }
.sh2__arc{ fill:none; stroke-width:6; vector-effect:non-scaling-stroke }
.sh2__x{ align-self:center; margin:0; text-align:center; font-family:var(--font-head); font-weight:800;
  font-size:clamp(.95rem,2.2vw,1.25rem); line-height:1.3; white-space:nowrap; color:var(--ink) }
.sh2__x small{ display:block; font-family:var(--font-ui); font-weight:400; font-size:.76rem; color:var(--ink-2) }
.sh2__k{ list-style:none; margin:22px 0 0; padding:12px 0 0; border-top:1px solid var(--rule); display:grid; gap:6px;
  font-family:var(--font-ui); font-size:.86rem; line-height:1.7; color:var(--ink-1) }
.sh2__k li{ display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:center }
.sh2__k svg{ width:40px; height:16px }
@media (max-width:640px){
  .sh2__row{ flex-direction:column; align-items:center; gap:12px }
  .sh2__c{ flex:none; width:100%; max-width:320px } .sh2__c--opp{ width:calc(100% * var(--opp)); max-width:calc(320px * var(--opp)) }
}
@media (min-width:761px){ .sh2__row, .sh2 figcaption{ width:min(920px, 100vw - 40px); margin-inline:calc(50% - min(920px, 100vw - 40px) / 2) } }


.h3--pp{ display:flex; align-items:center; gap:14px; font-size:clamp(1.15rem,2.6vw,1.3rem); text-wrap:nowrap }

@media (max-width:640px){
  .h3--pp{ display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:12px; row-gap:8px;
    font-size:clamp(1.15rem,5vw,1.3rem); text-wrap:balance }
  .h3--pp .h3__t{ display:contents }
  .h3--pp .h3__t small{ grid-column:2; grid-row:1 }
  .h3--pp .pp{ grid-column:1; grid-row:1 }
  .h3--pp .pp img{ width:44px }
}
.h3--right{ --c:var(--right) } .h3--opp{ --c:var(--opp) }
.pp{ display:flex; flex:none }
.pp img{ display:block; width:clamp(52px,11vw,64px); height:auto; border-radius:50%; outline:3px solid var(--c); outline-offset:2px }
.pp img + img{ margin-inline-start:-14px }
.h3__t small{ display:block; font-family:var(--font-head); font-weight:800; font-size:1rem; line-height:1.4; color:var(--c) }
@media (max-width:640px){ .h3--pp .h3__x{ grid-column:1 / -1; grid-row:2 } }


.ft{ margin:clamp(30px,5vw,52px) 0 }
.ft__g{ display:flex; justify-content:center; align-items:center; gap:clamp(30px,7vw,90px) }
.ft__c{ flex:0 1 calc(var(--w) * .46%) }
.ft__h{ margin:0; text-align:center; font-family:var(--font-head); font-weight:800; font-size:clamp(1.15rem,3.4vw,1.45rem) }
.ft__s{ position:relative; direction:ltr; margin:10% 18% }
.ft__s img{ display:block; width:100%; height:auto }
.ft__l{ position:absolute; margin:0; direction:rtl; width:max-content; max-width:7.5em; text-align:center;
  font-family:var(--font-head); font-weight:800; font-size:clamp(.72rem,1.4vw,.9rem); line-height:1.25 }
.ft__l b{ display:block; font-size:1.25em }
@media (min-width:761px){ .ft__g{ width:min(920px, 100vw - 40px); margin-inline:calc(50% - min(920px, 100vw - 40px) / 2) } }
@media (max-width:640px){ .ft__g{ flex-direction:column; gap:4px } .ft__c{ flex:none; width:min(calc(var(--w) * 1%), 100%) }
  .ft__s{ margin:14% 24% } .ft__l{ font-size:.7rem; max-width:6em } }


.fm{ margin:clamp(30px,5vw,52px) 0 }
.fm__l{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:34px clamp(24px,5vw,56px) }
.fm__l li{ display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; align-content:start }
.fm__n{ grid-column:1 / -1; margin:0 0 2px; padding-bottom:6px; border-bottom:2px solid var(--ink);
  font-family:var(--font-head); font-weight:800; font-size:clamp(1.05rem,2.6vw,1.3rem); line-height:1.4; color:var(--ink) }
.fm__p{ margin:0 0 6px; font-family:var(--font-head); font-weight:800; font-size:clamp(1.3rem,3.4vw,1.7rem); line-height:1.1 }
.fm__p span{ display:block; margin-top:3px; font-family:var(--font-ui); font-weight:600; font-size:.76rem; line-height:1.4; color:var(--ink-2) }
.fm__c--r .fm__p{ color:var(--right) } .fm__c--o .fm__p{ color:var(--opp) }
.fm__g{ display:grid; grid-template-columns:repeat(10,1fr); gap:2px; max-width:170px }
.fm__g i{ aspect-ratio:1; background:#d6cdb9 }
.fm__on--r{ background:var(--right) !important } .fm__on--o{ background:var(--opp) !important }
@media (max-width:760px){ .fm__l{ gap:28px 14px } .fm__l li{ gap:6px 8px } .fm__p span{ font-size:.68rem } }


.rt{ margin:clamp(26px,4vw,44px) 0 }
.rt__s{ position:relative; direction:ltr; width:min(440px,60%); margin:10% auto 8% }
.rt__s img{ display:block; width:100%; height:auto }
.rt__l{ position:absolute; margin:0; direction:rtl; width:max-content; max-width:10em; text-align:center;
  font-family:var(--font-head); font-weight:800; font-size:clamp(.8rem,2.4vw,1.05rem); line-height:1.3; color:var(--ink) }
.rt__l small{ display:block; margin-top:4px; font-family:var(--font-ui); font-weight:400; font-size:.74em; color:var(--ink-2) }
.rt__h{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; color:#fff;
  font-family:var(--font-head); font-weight:800; font-size:clamp(.7rem,1.8vw,.9rem) }
.rt__k{ margin:0; padding-top:10px; border-top:1px solid var(--rule); font-family:var(--font-ui); font-size:.86rem; line-height:1.7; color:var(--ink-1) }
@media (max-width:560px){ .rt__s{ width:50% } .rt__l{ font-size:.72rem; max-width:7.5em } .rt__h{ font-size:.58rem } }
.ft__k{ margin:0; padding-top:10px; border-top:1px solid var(--rule); font-family:var(--font-ui); font-size:.86rem; line-height:1.7; color:var(--ink-1) }
.ld__au::before{ content:"-"; margin-inline-end:.5rem; color:#fff; font-weight:700 }
.ld__au{ color:#fff }


.ld__by b, .ld__by .ld__au, .ld__by time{ font-family:var(--font-head); font-size:inherit; font-weight:700; color:#fff }

.sq__w{ margin-inline-start:2px; font-size:1.5em; font-weight:800; line-height:0; vertical-align:-.15em; color:var(--h-ink) }
.sq__n{ margin:10px 0 0; font-family:var(--font-ui); font-size:.8rem; line-height:1.7; color:var(--ink-2) }


.h2{ margin-top:clamp(28px,4vw,40px) }
.h3{ margin-top:clamp(22px,3.4vw,32px) }
.read .jx,.read .sq,.read .sh2,.read .nw,.read .ft,.read .fm,.read .rt,.read .mod{ margin-block:clamp(22px,3.4vw,32px) }


.ag{ margin:clamp(28px,4vw,40px) 0 0; padding-top:clamp(16px,2.4vw,22px); border-top:2px solid var(--ink) }
.ag__k{ margin:0; font-family:var(--font-ui); font-size:.8rem; font-weight:600; color:var(--h-ink) }
.ag__t{ margin:.1rem 0 .3rem; font-family:var(--font-head); font-weight:800; font-size:clamp(1.15rem,3.4vw,1.375rem); line-height:1.45; color:var(--ink) }
.ag__d{ margin:0 0 16px; font-family:var(--font-ui); font-size:.86rem; line-height:1.7; color:var(--ink-2) }
.ag__l{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 14px }
.ag__c{ display:flex; flex-direction:column; min-width:0; --c:var(--right) }
.ag__c--opp{ --c:var(--opp) }
.ag__f{ position:relative; aspect-ratio:9 / 16; background:var(--paper-3); border-bottom:4px solid var(--c); overflow:hidden }
.ag__v{ display:block; width:100%; height:100%; object-fit:cover; background:var(--paper-3) }
.ag__ph{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; height:100%;
  font-family:var(--font-head); font-weight:800; font-size:1rem; color:var(--ink-1); border:1px solid var(--rule); border-bottom:0 }
.ag__ph small{ font-family:var(--font-ui); font-weight:400; font-size:.76rem; color:var(--ink-2) }
.ag__f .vd__ai{ top:8px; inset-inline-start:8px; font-size:.68rem }
.ag__w{ display:flex; align-items:center; gap:6px; margin:8px 0 0; font-family:var(--font-head); font-size:.92rem; color:var(--ink) }
.ag__w .av{ width:28px; height:28px }
.ag__a{ margin:4px 0 0; font-family:var(--font-ui); font-size:.84rem; line-height:1.65; color:var(--ink-1) }
.ag__m{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 8px; margin:2px 0 0;
  font-family:var(--font-ui); font-size:.76rem; color:var(--ink-2) }
.ag__m .tw__l{ padding-inline:0 }
@media (max-width:640px){
  .ag__l{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 10px }
  .ag__a{ font-size:.8rem }
}

.ag__a{ flex:1 }
.ag__m{ flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:0 }
.ag__m .tw__l{ min-height:36px }


.nv__btn{
  position:fixed; z-index:1500; inset-block-end:16px; inset-inline-start:16px;
  display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 16px 0 14px;
  font-family:var(--font-head); font-weight:800; font-size:.92rem; color:#fff; cursor:pointer;
  background:var(--ink); border:0; box-shadow:0 10px 26px -12px rgba(21,23,27,.7);
  transition:opacity .2s, transform .2s;
}
.nv__btn[hidden]{ display:none }
.nv__btn b{ font-weight:600; font-family:var(--font-ui); font-size:.82rem; color:#e9d8c9; max-width:12em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.nv__btn b:empty{ display:none }
.nv__btn b::before{ content:"·"; margin-inline-end:8px; color:#a79c82 }
.nv__i{ width:16px; height:12px; background:linear-gradient(#fff 0 0) 0 0/100% 2px no-repeat, linear-gradient(#fff 0 0) 0 50%/100% 2px no-repeat, linear-gradient(#fff 0 0) 0 100%/70% 2px no-repeat }
.nv__btn:hover{ background:var(--h-ink) }
.nv{ position:fixed; inset:0; z-index:2100 }
.nv[hidden]{ display:none }
.nv__scrim{ position:absolute; inset:0; background:rgba(232,225,212,.86) }
.nv__sheet{
  position:absolute; inset-block-end:76px; inset-inline-start:16px; width:min(420px,calc(100% - 32px));
  max-height:calc(100vh - 140px); max-height:calc(100dvh - 140px); overflow-y:auto; overscroll-behavior:contain;
  background:var(--paper); border:1px solid var(--rule); border-top:4px solid var(--ink);
  box-shadow:0 24px 50px -28px rgba(21,23,27,.6);
}
.nv__top{ position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px 8px 14px; background:var(--paper); border-bottom:1px solid var(--rule) }
.nv__top p{ margin:0; font-family:var(--font-ui); font-size:.82rem; color:var(--ink-2) }
.nv__l{ list-style:none; margin:0; padding:4px 0 10px }
.nv__ch{ border-bottom:1px solid var(--rule-2) }
.nv__h{ display:flex; flex-direction:column; gap:1px; min-height:44px; justify-content:center; padding:8px 14px; text-decoration:none; color:var(--ink) }
.nv__h b{ font-family:var(--font-head); font-weight:800; font-size:1rem }
.nv__h span{ font-family:var(--font-ui); font-size:.8rem; line-height:1.55; color:var(--ink-2) }
.nv__ch ol{ list-style:none; margin:-2px 0 8px; padding:0 }
.nv__ch ol a{ display:flex; align-items:center; min-height:40px; padding:4px 30px 4px 14px; font-family:var(--font-ui); font-size:.86rem; line-height:1.5; color:var(--ink-1); text-decoration:none; border-inline-start:3px solid transparent }
.nv__h:hover,.nv__ch ol a:hover,.nv__h:focus-visible,.nv__ch ol a:focus-visible{ background:#fff }
.nv__ch.is-on > .nv__h{ box-shadow:inset -4px 0 0 var(--h-ink) }
.nv__ch.is-on > .nv__h b{ color:var(--h-ink) }
.nv__ch ol a.is-on{ border-inline-start-color:var(--h-ink); color:var(--ink); font-weight:600 }
@media (max-width:640px){
  .nv__btn{ inset-inline:12px; inset-block-end:12px; justify-content:center }
  .nv__btn b{ max-width:none }
  .nv__sheet{ inset:auto 0 0 0; width:100%; max-height:82vh; max-height:82dvh; border-inline:0 }
}
@media print{ .nv__btn,.nv{ display:none } }


.ld__lang{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 22px; margin-top:14px;
  font-family:var(--font-head); font-weight:700; font-size:.9375rem;
  color:var(--ink); background:#fff; border:2px solid #fff; border-radius:999px; text-decoration:none;
  transition:background-color .2s ease, color .2s ease;
}
.ld__lang:hover{ background:var(--ink); color:#fff }
.ld__lang:focus-visible{ outline:3px solid #fff; outline-offset:3px }
html[lang="en"] .hero__t{ font-size:clamp(1.3rem,2.85vw,2.4rem); line-height:1.25 }
html[lang="en"] .p{ text-align:start; line-height:1.75 }
html[lang="en"] .tw__ar{ font-family:var(--font-body) }
@media (max-width:760px){
  html[lang="en"] .hero__t{ font-size:clamp(1.05rem,4.7vw,1.35rem); line-height:1.3 }
  html[lang="en"] .hero__k{ font-size:1.12em }
  html[lang="en"] .ld__v{ background:linear-gradient(to top, rgba(8,10,13,.96) 10%, rgba(8,10,13,.92) 55%, rgba(8,10,13,.6) 72%, transparent 86%) }
}



@media (max-width:340px){
  .sq{ --s:7px }
  .sq__l{ gap:18px 6px }
  .rt__l{ font-size:.64rem; max-width:6.2em }
}

@media (min-width:641px) and (max-width:1023px){
  .ft__s{ margin:10% 24% }
  .ft__l{ max-width:6.2em }
}
@media (max-width:1023px){ .h3--pp{ text-wrap:balance } .h3--pp .h3__t{ min-width:0 } }
html[lang="en"] .h3--pp{ text-wrap:balance }
html[lang="en"] .h3--pp .h3__t{ min-width:0 }

.ag__m .tw__l{ min-height:44px }

html[lang="en"] .ft__l, html[lang="en"] .rt__l, html[lang="en"] .nw__n{ direction:ltr }

@media (max-width:640px){ .material-footer{ padding-bottom:84px } }
html[lang="en"] .header-search input{ width:72px }

/* ===== israel-education-hasbara: additions on top of the knesset-2026-arabs sheet ===== */

.main-header__right { display:flex; align-items:center }

/* Document card: the knesset tweet card (.tw) carrying a document instead of a tweet */
.tw--gov { --c:var(--source) }
.tw--net { --c:var(--h-ink) }
.tw--doc { margin-block:1.8rem 2.1rem }
/* The document fills the card edge to edge: no inner margins eating its width */
.tw__doc { display:block; inline-size:100%; margin:12px 0 0; padding:0; border:0;
  border-block:1px solid var(--rule-2); background:var(--paper); cursor:zoom-in }
.tw__doc img { display:block; inline-size:100%; block-size:auto }
.tw__doc--tall img { inline-size:auto; max-inline-size:100%; max-block-size:min(90vh,1100px); margin-inline:auto }
.tw__doc:focus-visible { outline:3px solid var(--source); outline-offset:3px }
/* Documents need more room than tweets: break out of the 700px reading column */
@media (min-width:760px) {
  .tw--doc.tw--wide { inline-size:min(1000px, calc(100vw - 48px));
    margin-inline-start:calc(50% - min(500px, 50vw - 24px)) }
  .tw--doc.tw--tall { inline-size:min(780px, calc(100vw - 48px));
    margin-inline-start:calc(50% - min(390px, 50vw - 24px)) }
}
/* Phone: edge to edge, every pixel goes to the document */
@media (max-width:759px) {
  .read > .tw--doc { margin-inline:calc(50% - 50vw); border-inline-end:0 }
  .tw__doc--tall img { max-block-size:none; inline-size:100% }
}
.tw--doc .tw__ar { font-size:clamp(1rem,2.9vw,1.08rem); font-weight:600; line-height:1.85; padding-block-end:2px }
.tw--doc .tw__ar:last-child { padding-block-end:14px }
.tw__dom { font-family:'IBM Plex Mono',monospace; font-size:.76rem; color:var(--ink-2); unicode-bidi:isolate }

/* Pairs the editor asked for: two cards side by side on desktop */
.pair { display:grid; gap:14px; margin:1.8rem 0 2rem }
.pair > .tw, .pair > .vd { margin:0; inline-size:auto }
@media (min-width:900px) {
  .pair { grid-template-columns:1fr 1fr; align-items:start;
    inline-size:min(1160px, calc(100vw - 48px)); margin-inline-start:calc(50% - min(580px, 50vw - 24px)) }
  .pair--vd { grid-template-columns:minmax(0,.62fr) minmax(0,1fr); align-items:center }
}

/* Video card: knesset .vd with its author footer, plus the key line */
.vd--doc { --c:var(--source) }
.vd--doc .vd__v { max-block-size:min(78vh,640px); inline-size:100%; object-fit:contain; background:var(--paper-3) }
.read > .vd--doc { inline-size:min(380px,100%); margin-inline:auto }
.vd__q { margin:10px 14px 0; font-family:var(--font-body); font-weight:600; font-size:clamp(.98rem,2.8vw,1.05rem);
  line-height:1.8; color:var(--ink) }
.vd__q mark, .tw--doc .tw__ar mark { background:none; color:inherit; text-decoration:underline;
  text-decoration-color:var(--mark); text-decoration-thickness:2px; text-underline-offset:6px;
  -webkit-box-decoration-break:clone; box-decoration-break:clone }
.vd--doc .vd__c { border-block-start:1px solid var(--rule-2); margin-block-start:10px }

/* Complaints: knesset waffle (.fm), one square = one complaint */
.fm--cnt .fm__l { grid-template-columns:1fr }
.fm--cnt .fm__l li { grid-template-columns:minmax(0,220px) minmax(0,220px) 1fr }
.fm--cnt .fm__n { text-wrap:balance }
.nw-y { white-space:nowrap }
.fm--cnt .fm__g { max-inline-size:200px }
.fm__k { margin-block-start:14px; padding-block-start:10px; border-block-start:1px solid var(--rule);
  font-family:var(--font-ui); font-size:.84rem; line-height:1.7; color:var(--ink-2) }

/* Source list under the Ort posters */
.srcs { list-style:none; margin:-.6rem 0 var(--para-gap); padding:0; border-block-start:1px solid var(--rule) }
.srcs li { font-size:.95rem; line-height:1.8; color:var(--ink-2); padding:8px 0; border-block-end:1px solid var(--rule-2) }
.srcs li::before { content:"■"; color:var(--h-ink); font-size:.6em; margin-inline-end:.6em; vertical-align:.2em }

/* Lightbox: enlarges the document only, pinch-zoom on phones */
.ev__z { cursor:zoom-in }
.lb { inline-size:100vw; block-size:100dvh; max-inline-size:none; max-block-size:none; margin:0; padding:0;
  border:0; background:var(--paper) }
.lb::backdrop { background:var(--paper) }
.lb__s { block-size:100%; overflow:auto; touch-action:pan-x pan-y pinch-zoom; padding:56px 16px 24px }
.lb__s img { display:block; max-inline-size:min(1600px,100%); block-size:auto; margin-inline:auto;
  border:1px solid var(--rule); background:var(--page) }
.lb__x { position:fixed; inset-block-start:10px; inset-inline-end:12px; inline-size:44px; block-size:44px;
  font-size:28px; line-height:1; border:1px solid var(--ink); background:var(--page); color:var(--ink); cursor:pointer }

/* Investigative network (tools/network.py): logos in rings, labelled threads, red = cross-section link */
/* sits on the article ground itself: no card, just rules top and bottom */
.nw2 { margin:2.4rem 0 2.6rem; background:none; border:0; padding:16px 0 6px }  /* no black rules: editor, 9 Nov 2026 */
@media (min-width:900px) { .nw2 { inline-size:min(860px, calc(100vw - 48px)); margin-inline-start:calc(50% - min(430px, 50vw - 24px)) } }
.nw2__k { margin:0; font-family:var(--font-ui); font-weight:700; font-size:.8rem; color:var(--h-ink) }
.nw2__t { margin:.15rem 0 .6rem; font-family:var(--font-head); font-weight:900; font-size:clamp(1.2rem,3.6vw,1.6rem); line-height:1.4; color:var(--ink) }
.nw2__svg { display:block; inline-size:100%; block-size:auto }
.nw2__psvg { display:none; inline-size:100%; max-inline-size:440px; block-size:auto; margin-inline:auto }
@media (max-width:640px) { .nw2__svg { display:none } .nw2__psvg { display:block } }
.nw2__svg text, .nw2__psvg text { text-anchor:middle; direction:rtl; unicode-bidi:plaintext }
.nw2__n, .nw2__s { paint-order:stroke; stroke:var(--paper); stroke-width:6px; stroke-linejoin:round }
.nw2__n { font-family:var(--font-head); font-weight:800; fill:var(--ink) }
.nw2__s { font-family:var(--font-ui); font-weight:600; fill:var(--ink-2) }
.nw2__in { font-family:var(--font-head); font-weight:800 }
.nw2__e { font-family:var(--font-ui); font-weight:600; fill:var(--ink-1);
  paint-order:stroke; stroke:var(--paper); stroke-width:6px; stroke-linejoin:round }
.nw2__e--x { fill:#b3121b; font-weight:700 }
.nw2__l { margin-block-start:8px; padding-block:10px 4px; border-block-start:1px solid var(--rule);
  font-family:var(--font-ui); font-size:.84rem; line-height:1.7; color:var(--ink-1) }
.nw2__l ul { list-style:none; margin:0 0 6px; padding:0; display:flex; flex-wrap:wrap; gap:6px 20px }
.nw2__l li { display:flex; align-items:center; gap:7px; font-weight:600 }
.nw2__l p { margin:0; color:var(--ink-2) }
.nw2__dot { inline-size:14px; block-size:14px; border-radius:50%; border:3px solid var(--c); background:#fff }
.nw2__dot--gov { --c:#1d4d6b } .nw2__dot--org { --c:#8d2226 } .nw2__dot--person { --c:#15171b }
.nw2__ln { inline-size:26px; border-block-start:2.8px solid #b3121b }
.nw2__ln--g { border-block-start:2px solid #8a8172 }
.nw2__rl { list-style:none; margin:12px 0 0; padding:0 }
.nw2__r { display:flex; flex-direction:column; align-items:flex-start; padding-block:10px; border-block-start:1px solid var(--rule) }
.nw2__r .nw2__v { color:var(--ink-1); border-inline-start-color:#8a8172 }
.nw2__r .nw2__v::after { border-block-start-color:#8a8172 }
.nw2__r--x .nw2__v { color:#b3121b; border-inline-start-color:#b3121b }
.nw2__r--x .nw2__v::after { border-block-start-color:#b3121b }

/* phone: partner chips + the red threads as top-to-bottom chains */
.nw2__cht { margin:14px 0 8px; font-family:var(--font-head); font-weight:800; font-size:.95rem; color:var(--ink) }
.nw2__pr { display:flex; flex-wrap:wrap; gap:8px }
.nw2__chip { display:inline-flex; align-items:center; gap:8px; padding:4px 12px 4px 4px; min-block-size:44px;
  background:#fff; border:2px solid var(--c); border-radius:26px }
.nw2__chip img { inline-size:36px; block-size:36px; border-radius:50%; object-fit:cover; border:1px solid var(--rule-2) }
.nw2__chip i { inline-size:14px; block-size:14px; margin-inline:8px 2px; border-radius:50%; background:var(--c) }
.nw2__chip b { font-family:var(--font-head); font-weight:800; font-size:.92rem; color:var(--ink); line-height:1.3 }
.nw2__chip--gov { --c:#1d4d6b } .nw2__chip--org { --c:#8d2226 } .nw2__chip--person { --c:#15171b } .nw2__chip--nova { --c:#16325c }
.nw2__ch { margin-block-start:10px; padding-block-start:6px; border-block-start:1px solid var(--rule) }
.nw2__ch ol { list-style:none; margin:0; padding:0 }
.nw2__ch li { display:flex; flex-direction:column; align-items:flex-start }
.nw2__v { position:relative; margin:4px 0 4px 0; margin-inline-start:22px; padding:4px 0 4px 0; padding-inline-start:16px;
  border-inline-start:2.8px solid #b3121b; font-family:var(--font-ui); font-weight:700; font-size:.88rem; line-height:1.6; color:#b3121b }
.nw2__v::after { content:""; position:absolute; inset-inline-start:-8px; inset-block-end:-6px;
  border:7px solid transparent; border-block-start:9px solid #b3121b; border-block-end:0 }

/* license credit (CC BY requires attribution) */
.crd { margin:2.6rem 0 0; padding-block-start:10px; border-block-start:1px solid var(--rule); font-family:var(--font-ui); font-size:.8rem; line-height:1.7; color:var(--ink-2) }

/* Nova timeline: annotated line in newsroom grammar, on the article ground */
.tln { margin:2.4rem 0 2.6rem; padding:14px 0 10px }
@media (min-width:900px) { .tln { inline-size:min(860px, calc(100vw - 48px)); margin-inline-start:calc(50% - min(430px, 50vw - 24px)) } }
.tln__k { margin:0; font-family:var(--font-head); font-weight:800; font-size:.85rem; color:var(--h-ink) }
.tln__t { margin:.1rem 0 .2rem; font-family:var(--font-head); font-weight:900; font-size:clamp(1.25rem,3.8vw,1.7rem); line-height:1.35; color:var(--ink) }
.tln__d { margin:0 0 12px; font-family:var(--font-body); font-size:.92rem; line-height:1.7; color:var(--ink-1) }
.tln__svg { display:block; inline-size:100%; block-size:auto }
.tln__svg--m { display:none }
@media (max-width:640px) { .tln__svg--d { display:none } .tln__svg--m { display:block } }
.tln__svg text { direction:rtl; unicode-bidi:plaintext }
.tln .ax { font-family:var(--font-body); font-weight:400; fill:#4c5158 }
.tln .axb { font-family:var(--font-head); font-weight:700; fill:#2a2d34 }
.tln .an { font-family:var(--font-body); font-weight:600; fill:#2a2d34 }
.tln .big { font-family:var(--font-head); font-weight:900 }
.tln .halo { paint-order:stroke; stroke:var(--paper); stroke-width:6px; stroke-linejoin:round }
.tln__s { margin:10px 0 0; padding-block-start:8px; border-block-start:1px solid var(--rule); font-family:var(--font-ui); font-size:.78rem; line-height:1.7; color:var(--ink-2) }
.tln__s b { font-family:var(--font-head); font-weight:800; color:var(--ink-1) }

/* license credit (CC BY requires attribution) */
.crd { margin:2.6rem 0 0; padding-block-start:10px; border-block-start:1px solid var(--rule); font-family:var(--font-ui); font-size:.8rem; line-height:1.7; color:var(--ink-2) }

/* Nova by the numbers: dot columns for growth, red squares for output — on the article ground */
.nb { margin:2.4rem 0 2.6rem; padding:16px 0 18px }
.nb__h { margin:0 0 18px; font-family:var(--font-head); font-weight:900; font-size:clamp(1.2rem,3.6vw,1.6rem); line-height:1.4; color:var(--ink) }
.nb__g { display:flex; align-items:flex-end; gap:clamp(18px,4vw,40px); flex-wrap:wrap }
.nb__c { display:flex; flex-direction:column }
.nb__n { margin:0; font-family:var(--font-head); font-weight:800; font-size:.9rem; color:var(--ink-2); line-height:1.2 }
.nb__n b { display:block; font-weight:900; font-size:clamp(2rem,6vw,2.8rem); line-height:1.05; color:var(--source) }
.nb__w { margin:4px 0 0; max-inline-size:17ch; font-family:var(--font-ui); font-weight:600; font-size:.85rem; line-height:1.5; color:var(--ink-1) }
.nb__t { margin:2px 0 10px; font-family:var(--font-head); font-weight:800; font-size:.85rem; color:var(--h-ink) }
.nb__d { display:grid; grid-template-rows:repeat(10, 9px); grid-auto-flow:column; grid-auto-columns:9px; gap:3px }
.nb__d i { border-radius:50%; background:var(--source) }
.nb__d--o i { background:none; border:1.6px solid var(--source) }
.nb__c:first-child .nb__n b { color:var(--ink-1) }
.nb__k { display:flex; align-items:center; gap:8px; margin:14px 0 0; font-family:var(--font-ui); font-weight:600; font-size:.82rem; color:var(--ink-2) }
.nb__k i { inline-size:9px; block-size:9px; border-radius:50%; background:var(--source) }
.nb__k--q i { border-radius:0; background:var(--h-ink) }
.nb__out { margin-block-start:26px; padding-block-start:18px; border-block-start:1px solid var(--rule) }
.nb__qt { margin:0 0 14px; font-family:var(--font-ui); font-weight:600; font-size:.9rem; line-height:1.7; color:var(--ink-1) }
.nb__qt b { display:block; font-family:var(--font-head); font-weight:900; font-size:clamp(1.15rem,3.4vw,1.4rem); line-height:1.4; color:var(--ink) }
.nb__l { list-style:none; margin:0; padding:0; display:grid; gap:12px }
.nb__rn { margin:0 0 5px; font-family:var(--font-head); font-weight:800; font-size:.95rem; color:var(--ink) }
.nb__rn b { margin-inline-end:6px; font-weight:900; font-size:1.35rem; color:var(--h-ink) }
.nb__q { display:flex; flex-wrap:wrap; gap:2px }
.nb__q i { inline-size:8px; block-size:8px; background:var(--h-ink) }
@media (max-width:640px) {
  .nb__g { flex-direction:column; align-items:flex-start; gap:22px }
  .nb__d { grid-template-rows:repeat(10, 8px); grid-auto-columns:8px; gap:2.5px }
  .nb__q i { inline-size:7px; block-size:7px }
}
@media (min-width:900px) {
  .nb { inline-size:min(860px, calc(100vw - 48px)); margin-inline-start:calc(50% - min(430px, 50vw - 24px)) }
  .nb__g { flex-wrap:nowrap; justify-content:flex-start; gap:56px }
}

/* Video + its slide in one card: video right, arrow, slide left (phone: slide, arrow down, video) */
@media (min-width:760px) {
  .vdc { inline-size:min(1000px, calc(100vw - 48px)); margin-inline-start:calc(50% - min(500px, 50vw - 24px)) }
}
.vdc__g { display:grid; grid-template-columns:250px 70px minmax(0,1fr); align-items:center; margin:12px 14px 0 }
.vdc__pl { position:relative; aspect-ratio:9/16; border:3px solid #b3121b; background:var(--paper-3) }
.vdc__v { display:block; inline-size:100%; block-size:100%; object-fit:cover }
.vdc__go { position:absolute; inset:0; display:grid; place-items:center; padding:0; border:0; background:none; cursor:pointer }
.vdc__go i { display:grid; place-items:center; inline-size:72px; block-size:72px; border-radius:50%; background:#b3121b;
  box-shadow:0 0 0 6px var(--page) }
.vdc__go i::before { content:""; transform:translateX(3px); border-block:15px solid transparent; border-left:24px solid #fff }
.vdc__go:focus-visible i { outline:3px solid var(--source); outline-offset:8px }
.vdc__tag { position:absolute; inset-block-start:10px; inset-inline-start:10px; padding:2px 10px; background:#b3121b; color:#fff;
  font-family:var(--font-head); font-weight:800; font-size:.82rem; line-height:1.5 }
.vdc__dur { position:absolute; inset-block-end:10px; inset-inline-end:10px; padding:1px 8px; background:var(--page); color:var(--ink);
  font-family:var(--font-head); font-weight:800; font-size:.85rem }
.vdc__pl.is-on .vdc__go, .vdc__pl.is-on .vdc__tag, .vdc__pl.is-on .vdc__dur { display:none }
.vdc__ar { display:flex; flex-direction:column; align-items:center; gap:2px; margin:0; color:#b3121b }
.vdc__ar svg { inline-size:54px; block-size:auto; transform:scaleX(-1) }
.vdc__ar span { font-family:var(--font-head); font-weight:800; font-size:.78rem; line-height:1.35; text-align:center }
.vdc__i { padding:0; border:1px solid var(--rule-2); background:var(--paper); cursor:zoom-in }
.vdc__i img { display:block; inline-size:100%; block-size:auto }
@media (max-width:759px) {
  .vdc__g { grid-template-columns:1fr; justify-items:center; row-gap:6px; margin-inline:10px }
  .vdc__i { order:1 } .vdc__ar { order:2 } .vdc__pl { order:3; inline-size:min(280px, 100%) }
  .vdc__ar svg { transform:rotate(-90deg); inline-size:40px; margin-block:6px }
}

/* Scrollytelling band: the reader's paragraph on one side, its document pinned beside it and
   swapping as the next paragraph arrives. Full-width, one shade darker than the ground. */
.ssb { margin-block:2rem 2.4rem; margin-inline:calc(50% - 50vw); padding-block:6vh;
  background:var(--paper-2); border-block:1px solid var(--rule) }
.ss { max-inline-size:1140px; margin-inline:auto; padding-inline:20px }
.ss .tw--doc, .ss .tw--doc.tw--wide, .ss .tw--doc.tw--tall { inline-size:auto; margin:0 }
.ss__step .p { margin:0 }
.js .ss__fig { position:sticky; z-index:2 }
.js .ss__stage { position:relative; block-size:100% }
.js .ss__f { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center;
  opacity:0; visibility:hidden; transform:translateY(14px);
  transition:opacity .4s ease, transform .4s ease, visibility 0s linear .4s }
.js .ss__f.is-on { opacity:1; visibility:visible; transform:none; transition:opacity .4s ease, transform .4s ease }
.js .ss .tw__doc img { max-block-size:calc(100vh - var(--header-h) - 230px); inline-size:auto; max-inline-size:100%; margin-inline:auto }
@media (min-width:900px) {
  .js .ss { display:grid; grid-template-columns:minmax(0,440px) minmax(0,1fr); column-gap:48px }
  .js .ss__steps { grid-column:1; grid-row:1; padding-block:22vh 30vh }
  .js .ss__fig { grid-column:2; grid-row:1; align-self:start; inset-block-start:calc(var(--header-h) + 16px);
    block-size:calc(100vh - var(--header-h) - 32px) }
  .js .ss__step { margin-block-end:55vh }
  .js .ss__step:last-child { margin-block-end:0 }
}
@media (max-width:899px) {
  .js .ss { padding-inline:12px }
  .js .ss__fig { inset-block-start:var(--header-h); block-size:56vh; padding-block:8px; background:var(--paper-2) }
  .js .ss .tw__doc img { max-block-size:calc(56vh - 150px) }
  .js .ss__steps { padding-block:4vh 8vh }
  .js .ss__step { position:relative; z-index:1; background:var(--page); border:1px solid var(--rule);
    border-inline-start:4px solid var(--source); padding:14px 14px 12px; margin-block-end:42vh }
  .js .ss__step:last-child { margin-block-end:2vh }
}
@media (prefers-reduced-motion:reduce) { .js .ss__f { transition:none; transform:none } }

/* no footer under images any more: give the last line its breathing room */
.tw--doc > .tw__ar:last-child, .vd--doc > .vd__q:last-child { padding-block-end:14px }

/* =================== second plan: one distinctive module per chapter =================== */
:root { --tr-druze:#2f6b4f; --tr-arab:#a35f0f; --tr-relig:#1d4d6b; --tr-hared:#4a3f35 }

/* chapter opener: full-width band, big red number, title + one line */
.cho { margin:clamp(40px,7vw,72px) calc(50% - 50vw) 1.6rem; padding-block:clamp(26px,5vw,44px);
  background:var(--paper-2); border-block:1px solid var(--rule) }
.cho__in { display:flex; align-items:center; gap:clamp(14px,3vw,28px); max-inline-size:860px; margin-inline:auto; padding-inline:20px }
.cho__n { font-family:var(--font-head); font-weight:900; font-size:clamp(3.6rem,12vw,6rem); line-height:.9; color:#b3121b }
.cho__t.h2 { margin:0 0 .25rem }
.cho__d { margin:0; font-family:var(--font-body); font-size:clamp(.92rem,2.6vw,1.02rem); line-height:1.7; color:var(--ink-1) }

/* track-coloured subheads */
.h3--tr { }  /* side bar removed: editor, 9 Nov 2026 */
.h3--druze { --c:var(--tr-druze) } .h3--arab { --c:var(--tr-arab) } .h3--relig { --c:var(--tr-relig) } .h3--hared { --c:var(--tr-hared) }

/* tracks junction */
.tj { margin:2rem 0 2.4rem; padding:16px 0 18px }
.tj__k { margin:0; font-family:var(--font-head); font-weight:800; font-size:.85rem; color:var(--h-ink) }
.tj__q { margin:.1rem 0 .9rem; font-family:var(--font-head); font-weight:900; font-size:clamp(1.25rem,3.8vw,1.6rem); line-height:1.35 }
.tj__g { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px }
.tj__c { display:flex; flex-direction:column; min-block-size:118px; padding:12px 12px 10px; background:var(--page);
  border:1px solid var(--rule); border-block-start:6px solid var(--c); color:var(--ink); text-decoration:none }
.tj__c b { font-family:var(--font-head); font-weight:900; font-size:1.1rem; line-height:1.3; color:var(--c) }
.tj__c span { flex:1; margin-block-start:4px; font-size:.86rem; line-height:1.55; color:var(--ink-1) }
.tj__c i { font-style:normal; font-family:var(--font-head); font-weight:900; color:var(--c) }
.tj__c:hover, .tj__c:focus-visible { background:#fff; border-color:var(--c) }
.tj__c--druze { --c:var(--tr-druze) } .tj__c--arab { --c:var(--tr-arab) } .tj__c--relig { --c:var(--tr-relig) } .tj__c--hared { --c:var(--tr-hared) }
@media (max-width:640px) { .tj__g { grid-template-columns:1fr 1fr } .tj__c { min-block-size:104px } }

/* shared figure frame for the small data modules */
.bud, .ml, .ws, .ex, .vt, .oc, .cs { margin:2rem 0 2.3rem; padding:14px 0 16px }  /* no black separator rules, ever (editor) */
.bud__t, .ml__t, .ws__t, .ex__t, .vt__t, .oc__t, .cs__t { margin:0 0 14px; font-family:var(--font-head); font-weight:900;
  font-size:clamp(1.05rem,3.2vw,1.3rem); line-height:1.45; color:var(--ink) }

/* budget: two 100-square grids, one square = 1% */
.bud__w { display:flex; flex-wrap:wrap; align-items:flex-end; gap:22px clamp(22px,5vw,44px) }
.bud__c { display:flex; flex-direction:column }
.bud__l { margin:0 0 8px; font-family:var(--font-head); font-weight:900; font-size:1rem; line-height:1.35 }
.bud__l span { display:block; font-family:var(--font-body); font-weight:600; font-size:.8rem; color:var(--ink-2) }
.bud__g { display:grid; grid-template-columns:repeat(10,16px); gap:3px }
.bud__g i { block-size:16px; background:#d6ccb6 }
.bud__g i.on { background:#b3121b }
.bud__n { margin:8px 0 0; font-size:.88rem; color:var(--ink-1) }
.bud__n b { font-family:var(--font-head); font-weight:900; font-size:1.6rem; color:#b3121b; margin-inline-end:4px }
.bud__x { display:flex; flex-direction:column; padding-inline-start:clamp(16px,4vw,28px); border-inline-start:2px solid var(--rule);
  font-size:.88rem; color:var(--ink-1) }
.bud__x b { font-family:var(--font-head); font-weight:900; font-size:clamp(2.4rem,8vw,3.2rem); line-height:1.05; color:#b3121b }
@media (max-width:640px) {
  .bud__g { grid-template-columns:repeat(10,14px) } .bud__g i { block-size:14px }
  .bud__x { padding-inline-start:0; border:0; border-block-start:2px solid var(--rule); padding-block-start:8px; flex-direction:row; align-items:baseline; gap:8px }
}

/* vertical timelines (memory, precedents) */
.ml ol { list-style:none; margin:0; padding:0; position:relative }
.ml ol::before { content:""; position:absolute; inset-block:8px; inset-inline-start:117px; border-inline-start:2px solid var(--ink-1) }
.ml__r { position:relative; display:grid; grid-template-columns:104px 1fr; column-gap:30px; padding-block:7px }
.ml__r::before { content:""; position:absolute; inset-inline-start:111px; inset-block-start:15px; inline-size:14px; block-size:14px;
  border-radius:50%; background:var(--paper); border:3px solid var(--ink-1) }
.ml__r time { font-family:var(--font-head); font-weight:800; font-size:.9rem; line-height:1.5; text-align:end; color:var(--ink-1) }
.ml__r p { margin:0; font-size:.95rem; line-height:1.7; color:var(--ink) }
.ml__r--x::before { background:#b3121b; border-color:#b3121b }
.ml__r--x time, .ml__r--x p { color:#8d2226; font-weight:600 }
@media (max-width:640px) {
  .ml ol::before { inset-inline-start:83px } .ml__r { grid-template-columns:72px 1fr; column-gap:26px }
  .ml__r::before { inset-inline-start:77px } .ml__r time { font-size:.82rem } .ml__r p { font-size:.9rem }
}

/* workshops */
.ws__r { display:grid; grid-template-columns:48px 1fr 64px; align-items:center; gap:10px; margin-block:8px }
.ws__r span, .ws__r b { font-family:var(--font-head); font-weight:800 }
.ws__r b { font-weight:900; font-size:1.15rem }
.ws__b { display:block; block-size:26px; background:var(--source) }
.ws__b--a { inline-size:56% } .ws__b--b { inline-size:100%; background:#b3121b }
.ws__x { margin:10px 0 0; font-size:.92rem; color:var(--ink-1) }
.ws__x b { font-family:var(--font-head); font-weight:900; font-size:1.3rem; color:#b3121b }

/* exam sheets */
.ex__g { display:grid; grid-template-columns:1fr 1fr; gap:14px }
.ex__s { padding:12px 14px; background:var(--page); border:1px solid var(--rule) }
.ex__y { margin:0; font-family:var(--font-head); font-weight:900; font-size:1.2rem }
.ex__n { margin:0 0 8px; font-size:.78rem; color:var(--ink-2) }
.ex__l i { display:block; block-size:9px; margin-block:7px; background:#d6ccb6 }
.ex__l i:nth-child(odd) { inline-size:86% }
.ex__l i.w { background:#b3121b }
.ex__c { margin:8px 0 0; font-family:var(--font-head); font-weight:800; font-size:.9rem }
.ex__s:last-child .ex__c { color:#b3121b }

/* Knesset vote */
.vt__k { display:flex; gap:22px; margin-block-end:10px; font-family:var(--font-head); font-weight:800 }
.vt__k b { font-size:1.8rem; font-weight:900; margin-inline-end:4px }
.vt__y { color:#b3121b } .vt__no { color:var(--source) }
.vt__g { display:grid; grid-template-columns:repeat(25,1fr); gap:4px; max-inline-size:560px }
.vt__g i { aspect-ratio:1; border-radius:50% }
.v--y { background:#b3121b } .v--n { background:var(--source) }
.vt__x { margin:8px 0 0; font-size:.8rem; color:var(--ink-2) }
@media (max-width:640px) { .vt__g { grid-template-columns:repeat(20,1fr); gap:3px } }

/* outcomes */
.oc__r { display:grid; grid-template-columns:118px 1fr; column-gap:14px; align-items:center; padding-block:8px; border-block-end:1px solid var(--rule-2) }
.oc__l { margin:0; font-family:var(--font-head); font-weight:800; font-size:.95rem }
.oc__q { display:flex; flex-wrap:wrap; gap:3px }
.oc__q i, .oc__x i { display:inline-block; inline-size:15px; block-size:15px }
.o--a { background:#b3121b } .o--j { background:var(--source) }
.oc__n { grid-column:2; margin:4px 0 0; font-size:.84rem; color:var(--ink-1) }
.oc__x { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:10px 0 0; font-size:.8rem; color:var(--ink-2) }
.oc__x i { inline-size:11px; block-size:11px }
@media (max-width:640px) { .oc__r { grid-template-columns:1fr } .oc__n { grid-column:1 } }

/* three cases with an outcome stamp */
.cs ol { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px }
.cs__c { display:flex; flex-direction:column; padding:12px; background:var(--page); border:1px solid var(--rule) }
.cs__w { margin:0; font-size:.8rem; color:var(--ink-2) }
.cs__w b { display:block; font-family:var(--font-head); font-weight:900; font-size:1rem; color:var(--ink) }
.cs__d { flex:1; margin:8px 0 10px; font-size:.86rem; line-height:1.65; color:var(--ink-1) }
.cs__e { align-self:flex-start; margin:0; padding:2px 10px; border:2.5px solid var(--c); color:var(--c);
  font-family:var(--font-head); font-weight:900; font-size:.9rem; transform:rotate(-3deg) }
.cs__c--nv { --c:var(--source) } .cs__c--rd { --c:#b3121b } .cs__c--ik { --c:var(--ink-1) }
@media (max-width:760px) { .cs ol { grid-template-columns:1fr } }

/* caption-only step inside a scrolly */
.ss__solo { font-family:var(--font-head); font-weight:700 }
.ss__solo mark { background:none; color:inherit; text-decoration:underline; text-decoration-color:var(--mark);
  text-decoration-thickness:2px; text-underline-offset:6px }

/* memory timeline: horizontal true-time track (desktop), year-grouped column (phone) */
.mlx { margin:2.2rem 0 2.6rem; padding:14px 0 10px }
@media (min-width:900px) { .mlx { inline-size:min(900px, calc(100vw - 48px)); margin-inline-start:calc(50% - min(450px, 50vw - 24px)) } }
.mlh { position:relative; block-size:380px; margin-block-start:8px }
.mlh__band { position:absolute; inset-inline:0; inset-block:150px auto; block-size:34px; display:flex }
.mlh__y { border-inline-start:2px solid var(--ink-1) }
/* year axis under the band: a tick and the year at each 1 January */
.mlh__ax { position:absolute; inset-inline:0; inset-block-start:186px; block-size:24px }
.mlh__t { position:absolute; padding-inline-start:6px; border-inline-start:2px solid var(--ink-1);
  font-family:var(--font-head); font-weight:900; font-size:.95rem; line-height:24px; color:var(--ink-1) }
.mlh__t--2024 { inset-inline-start:0 } .mlh__t--2025 { inset-inline-start:31.58% }
.mlh__t--2026 { inset-inline-start:63.16% } .mlh__t--2027 { inset-inline-start:94.74% }
.mlh__y--2024 { flex:12; background:var(--paper-2) } .mlh__y--2025 { flex:12; background:#d6ccb6 }
.mlh__y--2026 { flex:12; background:var(--paper-2) } .mlh__y--2027 { flex:2; background:#d6ccb6 }
.mlh__ev { list-style:none; margin:0; padding:0 }
.mlh__e { position:absolute; inset-block-start:0; block-size:100% }
.mlh__d { position:absolute; inset-block-start:158px; inset-inline-start:-9px; inline-size:18px; block-size:18px; border-radius:50%;
  background:var(--page); border:4px solid var(--ink-1); z-index:2 }
.mlh__e.is-key .mlh__d { inline-size:24px; block-size:24px; inset-block-start:155px; inset-inline-start:-12px; background:#b3121b; border-color:#b3121b }
.mlh__l { position:absolute; inline-size:146px; inset-inline-start:0; padding-inline-start:10px; border-inline-start:2px solid var(--ink-1) }
.mlh__e.is-key .mlh__l { border-color:#b3121b }
.mlh__e:nth-child(odd) .mlh__l { inset-block-end:213px; padding-block-end:31px }
.mlh__e:nth-child(even) .mlh__l { inset-block-start:167px; padding-block-start:61px }
.mlh__l time { display:block; font-family:var(--font-head); font-weight:900; font-size:.98rem; line-height:1.3; color:var(--ink) }
.mlh__e.is-key time { color:#b3121b }
.mlh__l p { margin:2px 0 0; font-size:.84rem; line-height:1.55; color:var(--ink-1) }
.mlh__e.is-key .mlh__l p { font-weight:600; color:var(--ink) }
.mlh__e--1 { inset-inline-start:5.26% } .mlh__e--2 { inset-inline-start:13.16% } .mlh__e--3 { inset-inline-start:23.68% }
.mlh__e--4 { inset-inline-start:55.26% } .mlh__e--5 { inset-inline-start:78.95% } .mlh__e--6 { inset-inline-start:94.74% }
/* the last event hangs its label backwards so it stays inside the frame */
.mlh__e--6 .mlh__l { inset-inline-start:auto; inset-inline-end:0; padding-inline-start:0; padding-inline-end:10px;
  border-inline-start:0; border-inline-end:2px solid var(--ink-1); text-align:end }
.mlv { display:none }
@media (max-width:899px) {
  .mlh { display:none }
  .mlv { display:block; list-style:none; margin:0; padding:0 }
  .mlv__y { display:grid; grid-template-columns:76px 1fr; column-gap:14px; padding-block:10px; border-block-start:1px solid var(--rule) }
  .mlv__n { margin:0; font-family:var(--font-head); font-weight:900; font-size:1.9rem; line-height:1.1; color:var(--ink-1) }
  .mlv__y ol { list-style:none; margin:0; padding:0 }
  .mlv__e { padding-block:4px 8px; padding-inline-start:12px; border-inline-start:3px solid var(--rule) }
  .mlv__e + .mlv__e { margin-block-start:6px }
  .mlv__e time { display:block; font-family:var(--font-head); font-weight:900; font-size:.92rem; color:var(--ink) }
  .mlv__e p { margin:0; font-size:.9rem; line-height:1.6; color:var(--ink-1) }
  .mlv__e.is-key { border-color:#b3121b } .mlv__e.is-key time { color:#b3121b } .mlv__e.is-key p { color:var(--ink); font-weight:600 }
}

/* Knesset hemicycle (no black rules: the editor dislikes them) */
.hc { margin:2.2rem 0 2.6rem }
.hc__k { margin:0; font-family:var(--font-head); font-weight:800; font-size:.88rem; color:var(--ink-2) }
.hc__t { margin:.1rem 0 .6rem; font-family:var(--font-head); font-weight:900; font-size:clamp(1.2rem,3.6vw,1.5rem); line-height:1.4 }
.hc__g { display:grid; grid-template-columns:auto minmax(0,460px) auto; justify-content:center; align-items:end; gap:14px }
.hc__svg { display:block; inline-size:100%; block-size:auto }
.hc__svg text { direction:rtl }
.hc__c { font-family:var(--font-head); font-weight:900; font-size:30px; fill:var(--ink) }
.hc__cs { font-family:var(--font-body); font-weight:600; font-size:14px; fill:var(--ink-2) }
.hc__s { margin:0 0 18px; font-family:var(--font-head); font-weight:800; font-size:1rem }
.hc__s b { display:block; font-weight:900; font-size:clamp(2.4rem,8vw,3.4rem); line-height:1 }
.hc__s--y { color:#b3121b } .hc__s--n { color:var(--source); text-align:end }
@media (max-width:640px) {
  .hc__g { grid-template-columns:1fr 1fr } .hc__svg { grid-column:1 / -1; grid-row:1 }
  .hc__s { margin:0 }
}

/* precedents: same horizontal grammar, equal spacing, split band */
.fm__n { border-bottom-color:var(--rule) !important }  /* the reference sheet's black underline under the waffle title */
.mlh--pre .mlh__y--pre { flex:5; background:var(--paper-2) }
.mlh--pre .mlh__y--post { flex:1; background:#efd2cc; border-inline-start:2px solid #b3121b }
.mlh__br { position:absolute; inset-block:-4px; inset-inline-start:16.67%; inline-size:10px;
  background:var(--paper); border-inline:2px solid var(--ink-1); transform:skewX(-18deg) }
.mlh--pre .mlh__t--pre { inset-inline-start:0; border-color:var(--rule) }
.mlh--pre .mlh__t--post { inset-inline-start:83.33%; color:#b3121b; border-color:#b3121b }
.mlh--pre .mlh__t { font-size:.85rem }
.mlh--pre .mlh__e--1 { inset-inline-start:8.33% }
.mlh--pre .mlh__e--2 { inset-inline-start:25.00% }
.mlh--pre .mlh__e--3 { inset-inline-start:41.67% }
.mlh--pre .mlh__e--4 { inset-inline-start:58.33% }
.mlh--pre .mlh__e--5 { inset-inline-start:75.00% }
.mlh--pre .mlh__e--6 { inset-inline-start:91.67% }

/* Ella Kenan: Vox-style camera over her slide. Each step pans + zooms to one spot, blurs the rest,
   and sweeps a highlighter over the Hebrew line right to left. Boxes are % of the cropped slide. */
.vx { --yel:#f4d03f; --ease:cubic-bezier(.65,0,.25,1) }
.vx__fig { display:flex; align-items:center; justify-content:center }
.vx__stage { position:relative; inline-size:100%; aspect-ratio:1063/640; overflow:hidden }
.vx__cam { position:absolute; inset:0; transition:transform 1.25s var(--ease);
  transform-origin:var(--fx,50%) var(--fy,50%);
  transform:translate(calc(50% - var(--fx,50%)), calc(50% - var(--fy,50%))) scale(var(--z,1)) }
.vx__sheet { position:absolute; inset:6%; background:#fff; box-shadow:0 18px 30px -18px rgba(60,45,20,.55); transform:rotate(-1.2deg) }
.vx__base, .vx__sharp { position:absolute; inset:0; inline-size:100%; block-size:100%; display:block }
.vx__base { transition:filter .9s var(--ease) }
.vx__sharp { clip-path:inset(0 0 100% 0) }
.vx .hl { position:absolute; background:var(--yel); mix-blend-mode:multiply; transform:scaleX(0); transform-origin:right;
  transition:transform .7s var(--ease) }
.hl--sub { inset-inline-start:29.3%; inset-block-start:9.4%; inline-size:69.5%; block-size:6.4% }
.hl--tag { inset-inline-start:29.8%; inset-block-start:72.3%; inline-size:52.9%; block-size:5.3% }
.hl--p1 { inset-inline-start:29.8%; inset-block-start:78%; inline-size:70.2%; block-size:5.2% }
.hl--p2 { inset-inline-start:29.8%; inset-block-start:83.6%; inline-size:24%; block-size:5% }
.vx__cut { position:absolute; inset-inline-start:2.7%; inset-block-start:24.8%; inline-size:24.5%; block-size:auto;
  opacity:0; transform:scale(.9); transition:opacity .3s, transform .9s var(--ease);
  filter:drop-shadow(0 14px 14px rgba(60,45,20,.45)) }
.vx__lab p { position:absolute; margin:0; font-family:var(--font-head); font-weight:900; line-height:1.35 }
.vx__name { inset-block-end:9%; inset-inline-end:7% }
.vx__name span { display:inline-block; padding:4px 16px; background:var(--yel); color:var(--ink); font-size:clamp(1.05rem,2.6vw,1.9rem);
  clip-path:inset(0 0 0 100%); transition:clip-path .8s steps(10,end) }
.vx__tr { inset-inline:8%; inset-block-end:7%; padding:6px 16px; background:#fff; color:var(--ink);
  font-size:clamp(.9rem,2vw,1.35rem); box-shadow:0 10px 18px -12px rgba(60,45,20,.6);
  opacity:0; transform:translateY(16px) rotate(-1deg); transition:opacity .35s, transform .6s var(--ease) }
.vx__tr--pal { inset-block-start:6%; inset-block-end:auto }
.vx__tr--tag { inset-inline:auto; inset-inline-end:7%; inset-block-start:10%; inset-block-end:auto; color:var(--mark); font-size:clamp(1.5rem,4.4vw,3.1rem) }
/* each shot keeps the sheet edge outside the frame: fx,fy within [6+50/z, 94-50/z] */
.js [data-shot="face"] .vx__cam { --fx:66%; --fy:46%; --z:1.85 }
.js [data-shot="mask"] .vx__cam { --fx:42%; --fy:41%; --z:1.45 }
.js [data-shot="tag"] .vx__cam { --fx:46%; --fy:60%; --z:1.55 }
.js [data-shot="pal"] .vx__cam { --fx:44%; --fy:56%; --z:1.35 }
.js .vx__stage:not([data-shot="wide"]) .vx__base { filter:blur(2.5px) grayscale(.6) brightness(1.04) }
.js [data-shot="mask"] .vx__sharp { clip-path:inset(8.5% 29% 83.8% .5%) }
.js [data-shot="tag"] .vx__sharp { clip-path:inset(71.5% 29% 21.6% 16.5%) }
.js [data-shot="pal"] .vx__sharp { clip-path:inset(77.4% 29% 10.8% 0) }
.js [data-shot="face"] .vx__cut { opacity:1; transform:scale(1.18) rotate(-4deg); transition-delay:.5s, .5s }
.js [data-shot="face"] .vx__name span { clip-path:inset(0); transition-delay:1.2s }
.js [data-shot="mask"] .hl--sub, .js [data-shot="tag"] .hl--tag, .js [data-shot="pal"] .hl--p1 { transform:scaleX(1); transition-delay:1.1s }
.js [data-shot="pal"] .hl--p2 { transform:scaleX(1); transition-delay:1.75s }
.js [data-shot="mask"] .vx__tr--sub, .js [data-shot="tag"] .vx__tr--tag, .js [data-shot="pal"] .vx__tr--pal { opacity:1; transform:none; transition-delay:1.7s }
.js [data-shot="mask"] @media (max-width:899px) {
    }
@media (prefers-reduced-motion:reduce) { .vx * { transition:none !important } }

/* Phone (editor, 9 Nov 2026): no pinned stage in any scrolly; each paragraph, then its document */
.ss__m, .vx__m { display:none }
@media (max-width:899px) {
  .ssb .ss__fig { display:none }
  .ss__m, .vx__m { display:block; margin-block:1rem 0 }
  .js .ss__steps { padding-block:0 }
  .js .ss__step, .js .ss__step:last-child { background:none; border:0; padding:0; margin-block-end:2.2rem }
  .ss__step .p { margin:0 }
  .js .ss .ss__m .tw__doc img { max-block-size:none; inline-size:100% }
}

/* phone audit 9 Nov 2026: waffle legend was 10.9px on phones */
.fm--cnt .fm__p span { font-size:.82rem }
@media (max-width:760px) { .fm--cnt .fm__p span { font-size:.8rem } }

/* English (ltr): "for" sits at the reading start, so the red seats move to the left with it */
html[dir="ltr"] .hc__d { transform:scaleX(-1); transform-box:view-box; transform-origin:50% 50% }

/* English labels run longer: give the precedents line more room above and below, wider labels */
html[lang="en"] .mlh--pre { block-size:500px }
html[lang="en"] .mlh--pre .mlh__band { inset-block-start:210px }
html[lang="en"] .mlh--pre .mlh__ax { inset-block-start:246px }
html[lang="en"] .mlh--pre .mlh__d { inset-block-start:218px }
html[lang="en"] .mlh--pre .mlh__e.is-key .mlh__d { inset-block-start:215px }
html[lang="en"] .mlh--pre .mlh__e:nth-child(even) .mlh__l { inset-block-start:227px }
html[lang="en"] .mlh--pre .mlh__l { inline-size:176px }
html[lang="en"] .mlh--pre .mlh__e:nth-child(odd) .mlh__l { inset-block-end:273px }
html[dir="ltr"] .nw2__svg text, html[dir="ltr"] .nw2__psvg text, html[dir="ltr"] .tln__svg text, html[dir="ltr"] .hc__svg text { direction:ltr }
html[lang="en"] .mlh--pre .mlh__e--4 .mlh__l { inline-size:150px }
html[lang="en"] .mlh--pre .mlh__e--6 .mlh__l { inline-size:122px }
/* the slide is a Hebrew image that never flips: its overlays are placed from its right edge in both languages */
.vx__sheet { direction:rtl }
html[dir="ltr"] .vx__name { inset-inline-end:auto; inset-inline-start:7% }  /* her photo sits at the slide's right edge */

/* Chapter map ("choose what to read"), after the introduction: chapter circles in the election piece's
   grammar, warm grey duotone (editor's choices, 9 Nov 2026). About the width of the text column. */
.chap { scroll-margin-block-start:var(--header-h) }
.cm { --kc:#b3121b; margin:clamp(34px,6vw,56px) 0; inline-size:min(700px, calc(100vw - 32px)); margin-inline-start:calc(50% - min(350px, 50vw - 16px)) }
.cm__hk { margin:0; font-family:var(--font-head); font-weight:800; font-size:clamp(1rem,2.6vw,1.15rem); color:var(--ink) }
.cm__q { margin:.15rem 0 .4rem; font-family:var(--font-head); font-weight:900; font-size:clamp(1.35rem,4vw,1.9rem); line-height:1.35; color:var(--ink) }
.cm__d { margin:0 0 22px; font-size:clamp(1rem,2.9vw,1.1rem); line-height:var(--lh); color:var(--ink-1) }
.cm__l { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px }
.cm__c { display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; color:var(--ink); text-decoration:none; min-block-size:44px }
.cm__c:focus-visible { outline:none }
.cm__f { position:relative; inline-size:118px; aspect-ratio:1 }
.cm__f img { display:block; inline-size:100%; block-size:100%; border-radius:50%; object-fit:cover; transition:transform .2s ease, box-shadow .2s ease }
.cm__n { position:absolute; inset-block-start:-4px; inset-inline-start:-4px; display:flex; align-items:center; justify-content:center; inline-size:36px; block-size:36px;
  border-radius:50%; background:var(--kc); color:#fff; font-family:var(--font-head); font-weight:900; font-size:1.15rem; box-shadow:0 0 0 3px var(--paper) }
.cm__k { margin-block-start:6px; font-family:var(--font-head); font-weight:800; font-size:.75rem; color:var(--kc) }
.cm__t { font-family:var(--font-head); font-weight:900; font-size:1rem; line-height:1.3; text-wrap:balance }
.cm__m { font-family:var(--font-ui); font-size:.78rem; font-weight:600; color:var(--ink-2) }
.cm__c:hover img, .cm__c:focus-visible img { transform:translateY(-3px); box-shadow:0 0 0 4px var(--paper), 0 0 0 7px var(--kc) }
.cm__c:hover .cm__t, .cm__c:focus-visible .cm__t { text-decoration:underline; text-decoration-color:var(--kc); text-decoration-thickness:3px; text-underline-offset:6px }
@media (max-width:760px) {
  .cm__l { grid-template-columns:1fr 1fr; gap:20px 8px }
  .cm__f { inline-size:104px }
}
@media (prefers-reduced-motion:reduce) { .cm__c { transition:none } }
/* back to the chapter map from each chapter opener */
.cho__up { display:inline-flex; align-items:center; gap:6px; min-block-size:44px; margin-block-start:4px; font-family:var(--font-head); font-weight:800; font-size:.92rem;
  color:var(--h-ink); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px }
.cho__up:hover { color:var(--ink) }
.cm { scroll-margin-block-start:calc(var(--header-h) + 16px) }

/* "↑ chapters": a small light button that stays on screen once the reader is past the chapter map
   (editor's choice A, 9 Nov 2026); hidden while the map is in view or still ahead */
.bk { position:fixed; z-index:40; inset-block-end:18px; inset-inline-end:18px; display:inline-flex; align-items:center; gap:8px; min-block-size:44px; padding:0 16px;
  background:var(--page); border:2px solid var(--rule-2); border-radius:999px; box-shadow:0 6px 14px -8px rgba(60,45,20,.55);
  font-family:var(--font-head); font-weight:800; font-size:.95rem; color:var(--h-ink); text-decoration:none;
  opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s }
.bk.is-on { opacity:1; visibility:visible; transform:none; transition:opacity .2s ease, transform .2s ease }
.bk:hover { border-color:var(--h-ink) }
.bk:focus-visible { outline:3px solid var(--source); outline-offset:3px }
@media (max-width:760px) { .bk { inset-block-end:14px; inset-inline-end:14px; font-size:.88rem; padding:0 14px } }
@media (prefers-reduced-motion:reduce) { .bk { transition:none } }

/* Literal Arabic (English) rendering of the numbered lines marked on a screenshot */
.tw__tr { margin:12px 14px 0; padding-inline-start:1.6em; font-family:var(--font-body); font-weight:500;
  font-size:clamp(1rem,2.9vw,1.08rem); line-height:1.85; color:var(--ink) }
.tw__tr li { padding-inline-start:.2em; margin-block-end:6px }
.tw__tr li::marker { color:var(--mark); font-weight:800 }

/* Landscape video: the full reading column, and the box follows the video's own shape */
.vd--doc .vd__v { block-size:auto }
.read > .vd--doc.vd--wide { inline-size:100% }
.vd--wide .vd__frame { background:none }
/* Autoplaying video: the red play button, "watch" tag and duration of the slide card sit over the
   silent preview until the reader starts it */
.vd__pl { position:relative }
.vd__pl .vdc__go { background:rgba(21,23,27,.12) }
.vd__pl.is-on .vdc__go, .vd__pl.is-on .vdc__tag, .vd__pl.is-on .vdc__dur { display:none }
.tw__note { margin:8px 14px 0; font-size:.9rem; line-height:1.8; color:var(--ink-2) }
/* pinned stage: documents with their lines set under them give the image less height, so the
   whole card (header, document, lines, caption) stays inside the stage */
@media (min-width:900px) {
  .js .ss .tw--tr-s .tw__doc img { max-block-size:calc(100vh - var(--header-h) - 340px) }
  .js .ss .tw--tr-m .tw__doc img { max-block-size:calc(100vh - var(--header-h) - 450px) }
  .js .ss .tw--tr-l .tw__doc img { max-block-size:calc(100vh - var(--header-h) - 560px) }
}
.tw--doc > .tw__tr:last-child, .tw--doc > .tw__note:last-child { padding-block-end:14px }

/* the lead, dark (the editor's choice over the light sheet, 11 Nov 2026, explicitly asked for):
   the whole cover, its printed logo included, the title over its lower edge running onto a dark ground,
   a short red rule, then the credits in plain white. The article below keeps its light ground. */
.ld--dark { position:relative; background:#0d0e10 }
.ld--dark .ld__f { background:#0d0e10 }
.ld--dark .ld__f img { inline-size:100%; block-size:auto }
html .ld--dark .ld__v {
  background:radial-gradient(ellipse 46% 52% at 50% 100%, rgba(13,14,16,.96) 0%, rgba(13,14,16,.8) 45%, rgba(13,14,16,.3) 75%, transparent 100%),
             linear-gradient(to top, #0d0e10 0%, transparent 4%);  /* dark under the title only: the logo in the corner stays bright */
}
.ld__t.ld__t--dark {
  position:relative; z-index:1; inset:auto; inline-size:min(100% - 48px, 72vw, 1100px); max-width:none;
  margin:calc(-1 * clamp(90px, 14vw, 240px)) auto 0; padding:0 0 clamp(26px,3.4vw,52px); text-align:center;
}
.ld--dark .hero__t { color:#fff; text-shadow:none; font-weight:800; font-size:clamp(1.1rem,1.95vw,1.75rem); line-height:1.55; max-width:34em; margin:0 auto }
.ld--dark .hero__k { color:#ff4b3e; font-weight:900; font-size:1.85em; line-height:1.2; margin-bottom:.15em }
.ld__rule { display:block; inline-size:clamp(40px,4vw,64px); block-size:3px; margin:clamp(14px,1.5vw,22px) auto clamp(12px,1.3vw,18px); background:#ff4b3e }
.ld--dark .ld__by { font-size:clamp(.95rem,1.3vw,1.15rem); column-gap:0; row-gap:0 }
.ld--dark .ld__by, .ld--dark .ld__by .ld__au, .ld--dark .ld__by time { color:#fff; font-weight:700 }
.ld--dark .ld__au::before { content:none }
.ld--dark .ld__au::after { content:"·"; margin-inline:.6em }
.ld--dark .ld__by time { flex-basis:auto }
.ld--dark .ld__lang {
  position:absolute; inset-block-start:clamp(12px,1.4vw,20px); inset-inline-end:clamp(12px,1.6vw,24px); margin:0;
  min-height:36px; padding:0 16px; font-size:.875rem; color:#fff; background:rgba(13,14,16,.55); border:1.5px solid #fff;
}
.ld--dark .ld__lang:hover { background:#fff; color:#0d0e10 }
html[lang="en"] .ld--dark .hero__t { font-size:clamp(1.1rem,1.95vw,1.75rem); line-height:1.4 }
html[lang="en"] .ld--dark .hero__k { font-size:1.75em; line-height:1.15 }
@media (max-width:760px) {
  html .ld--dark .ld__v { background:linear-gradient(to top, #0d0e10 0%, transparent 6%) }
  .ld__t.ld__t--dark { inline-size:calc(100% - 36px); margin-block-start:6px; padding-block-end:28px }  /* under the small cover: its logo stays clear */
  .ld--dark .hero__t, html[lang="en"] .ld--dark .hero__t { font-size:18px; line-height:1.7 }
  html[lang="en"] .ld--dark .hero__t { line-height:1.45 }
  .ld--dark .hero__k, html[lang="en"] .ld--dark .hero__k { font-size:1.6em }
  .ld--dark .ld__by { font-size:15px }
  .ld--dark .ld__by .ld__au { flex-basis:100% }
  .ld--dark .ld__au::after { content:none }
  .ld--dark .ld__lang { min-height:44px; inset-block-start:10px; inset-inline-end:10px; padding:0 18px }
}

/* Kenan on the phone (the editor, 11 Nov 2026): the one exception to "no pinned stage on the phone".
   One slide pinned under the header, the paragraphs scroll beneath it and the camera travels as on desktop;
   shots framed a little wider so no highlighted line leaves the frame, labels sized for the small stage. */
@media (max-width:899px) {
  .vxb .ss__fig.vx__fig { display:block; position:sticky; inset-block-start:var(--header-h); z-index:3;
    block-size:auto; min-block-size:0; max-block-size:none; inline-size:auto; margin-inline:calc(50% - 50vw);
    padding-block:8px 10px; background:var(--paper); box-shadow:0 1px 0 var(--rule-2) }
  .vxb .vx__m { display:none !important }
  .js .vxb .vx__step { min-block-size:58vh; margin-block-end:0; padding-block-start:18px }
  .js .vxb .vx__step:last-child { min-block-size:44vh }
  .js [data-shot="face"] .vx__cam { --z:1.7 }
  .js [data-shot="mask"] .vx__cam { --fx:40%; --z:1.3 }
  .js [data-shot="tag"] .vx__cam { --z:1.4 }
  .js [data-shot="pal"] .vx__cam { --fx:42%; --z:1.22 }
  .vx__tr { font-size:12.5px; padding:4px 10px }
  .vx__tr--tag { font-size:22px }
  .vx__name span { font-size:15px; padding:2px 10px }
}