@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 }