/* Schoolep component architecture: base reset and document defaults. */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

body.no-scroll {
  overflow: hidden;
}

ul { list-style: none; }

a {
  text-decoration: none;
  color: inherit;
  transition: 0.2s;
}

button {
  font-family: inherit;
  cursor: pointer;
}

@media (max-width: 992px) {
html.dark-mode .drawer-head,
  body.dark-mode .drawer-head {
    border-bottom-color: rgba(255, 255, 255, 0.12);
  }
html[dir="rtl"] .close-btn,
  body[dir="rtl"] .close-btn {
    left: 8px;
    right: auto;
  }
html[dir="ltr"] .close-btn,
  body[dir="ltr"] .close-btn {
    right: 8px;
    left: auto;
  }
html.dark-mode .close-btn,
  body.dark-mode .close-btn {
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    border-color: rgba(255, 255, 255, 0.14);
  }
html.dark-mode .close-btn:hover,
  html.dark-mode .close-btn:active,
  body.dark-mode .close-btn:hover,
  body.dark-mode .close-btn:active {
    background: rgba(147, 197, 253, 0.14);
    border-color: rgba(147, 197, 253, 0.32);
    color: #93c5fd;
  }
html.dark-mode .accordion-item,
  body.dark-mode .accordion-item {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
  }
html.dark-mode .accordion-item.active,
  body.dark-mode .accordion-item.active {
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22);
  }
html.dark-mode .accordion-list .accordion-item:nth-child(1).active,
  body.dark-mode .accordion-list .accordion-item:nth-child(1).active {
    background: rgba(192, 132, 252, 0.13);
    border-color: rgba(192, 132, 252, 0.34);
  }
html.dark-mode .accordion-list .accordion-item:nth-child(2).active,
  body.dark-mode .accordion-list .accordion-item:nth-child(2).active {
    background: rgba(251, 191, 36, 0.13);
    border-color: rgba(251, 191, 36, 0.34);
  }
html.dark-mode .accordion-list .accordion-item:nth-child(3).active,
  body.dark-mode .accordion-list .accordion-item:nth-child(3).active {
    background: rgba(74, 222, 128, 0.13);
    border-color: rgba(74, 222, 128, 0.34);
  }
}

@media (max-width: 768px) {
html,
  body {
    text-rendering: optimizeSpeed;
  }
}

@media (prefers-reduced-motion: reduce) {
*,
  *::before,
  *::after {
    animation-duration: 0.001ms;
    animation-iteration-count: 1;
    scroll-behavior: auto;
    transition-duration: 0.001ms;
  }
}

html[lang^="fr"] .schoolep-i18n-ar{display:none}

html[lang^="fr"] .schoolep-i18n-fr{display:inline}

html[lang^="ar"] .schoolep-i18n-fr{display:none}

html[lang^="ar"] .schoolep-i18n-ar{display:inline}

html[lang^="ar"] .schoolep-i18n-ar,
html[dir="rtl"] .schoolep-i18n-ar,
html[lang^="ar"] .schoolep-lang-ar,
html[dir="rtl"] .schoolep-lang-ar{display:inline;}

html[lang^="fr"] .schoolep-i18n-fr,
html[dir="ltr"] .schoolep-i18n-fr,
html[lang^="fr"] .schoolep-lang-fr,
html[dir="ltr"] .schoolep-lang-fr{display:inline;}

html[lang^="fr"] .schoolep-i18n-ar,
html[dir="ltr"] .schoolep-i18n-ar,
html[lang^="fr"] .schoolep-lang-ar,
html[dir="ltr"] .schoolep-lang-ar{display:none;}

html[lang^="ar"] .schoolep-i18n-fr,
html[dir="rtl"] .schoolep-i18n-fr,
html[lang^="ar"] .schoolep-lang-fr,
html[dir="rtl"] .schoolep-lang-fr{display:none;}

html[lang^="ar"] a.schoolep-lang-ar,
html[dir="rtl"] a.schoolep-lang-ar,
html[lang^="fr"] a.schoolep-lang-fr,
html[dir="ltr"] a.schoolep-lang-fr{display:inline-flex;}

html[lang^="ar"] .subjects-grid > .subject-chip.schoolep-lang-ar,
html[dir="rtl"] .subjects-grid > .subject-chip.schoolep-lang-ar,
html[lang^="fr"] .subjects-grid > .subject-chip.schoolep-lang-fr,
html[dir="ltr"] .subjects-grid > .subject-chip.schoolep-lang-fr{display:grid;}

html[lang^="ar"] #page-title[data-schoolep-static-hero="1"] > .schoolep-subject-hero-title-text.schoolep-i18n-ar,
html[dir="rtl"] #page-title[data-schoolep-static-hero="1"] > .schoolep-subject-hero-title-text.schoolep-i18n-ar,
html[lang^="fr"] #page-title[data-schoolep-static-hero="1"] > .schoolep-subject-hero-title-text.schoolep-i18n-fr,
html[dir="ltr"] #page-title[data-schoolep-static-hero="1"] > .schoolep-subject-hero-title-text.schoolep-i18n-fr{display:inline;}

html[lang^="ar"] .schoolep-i18n-ar,html[lang^="ar"] .schoolep-lang-ar{display:inline;}

html[lang^="ar"] .schoolep-i18n-fr,html[lang^="ar"] .schoolep-lang-fr{display:none;}

html[lang^="fr"] .schoolep-i18n-fr,html[lang^="fr"] .schoolep-lang-fr{display:inline;}

html[lang^="fr"] .schoolep-i18n-ar,html[lang^="fr"] .schoolep-lang-ar{display:none;}

html[lang^="ar"] a.schoolep-lang-ar,html[lang^="fr"] a.schoolep-lang-fr{display:inline-flex;}

html[lang^="ar"] .subjects-grid > .subject-chip.schoolep-lang-ar,html[lang^="fr"] .subjects-grid > .subject-chip.schoolep-lang-fr{display:grid;}

html[lang^="ar"] #page-title[data-schoolep-static-hero="1"] > .schoolep-subject-hero-title-text.schoolep-i18n-ar,html[lang^="fr"] #page-title[data-schoolep-static-hero="1"] > .schoolep-subject-hero-title-text.schoolep-i18n-fr{display:inline;}

html[lang^="ar"] #page-title[data-schoolep-static-hero="1"] > .schoolep-subject-hero-title-text.schoolep-i18n-fr,html[lang^="fr"] #page-title[data-schoolep-static-hero="1"] > .schoolep-subject-hero-title-text.schoolep-i18n-ar{display:none;}