/* Legacy breadcrumb rules removed. Breadcrumb source of truth: /components/breadcrumb/breadcrumb.css?v=20260710-v6118-31-short-hero-all-devices */
:root{ --app-header-height:80px; }

html{ scroll-padding-top:var(--app-header-height); }

.content-area.theme-secondary{
    --primary:#9c27b0; --primary-dark:#6a1b9a;
    --bg-soft:#f5f3ff; --bd-soft:#ede9fe;

    --txt-900:#1b263b; --txt-700:#334155; --txt-600:#6c757d;

    --surface:#ffffff; --card-bd:#e9ecef;
    --radius-lg:14px; --radius-md:12px; --radius-sm:10px;

    --shadow-accent:0 10px 26px rgba(156,39,176,.14), 0 0 0 3px rgba(156,39,176,.08);

    
    --cards-cols: 1;
    --card-gap: 22px;
    --chip-gutter: 5px;
    --chip-gap-x: 8px;
    --chip-gap-y: 8px;
    --chip-cols-closed: 2;
    --chip-cols-open: 2;
  }

.dark-mode .content-area.theme-secondary{
    --primary:#a855f7; --primary-dark:#9c27b0;
    --bg-soft:rgba(156,39,176,.10); --bd-soft:rgba(156,39,176,.28);
    --txt-900:#e5e7eb; --txt-700:#cbd5e1; --txt-600:#94a3b8;
    --surface:rgba(255,255,255,.04); --card-bd:rgba(255,255,255,.12);
  }

@media (min-width:360px) {
.content-area.theme-secondary{ --cards-cols:1; --chip-cols-closed:1; --chip-cols-open:1; }
}

@media (min-width:420px) {
.content-area.theme-secondary{ --cards-cols:1; --chip-cols-closed:1; --chip-cols-open:1; }
}

@media (min-width:480px) {
.content-area.theme-secondary{ --cards-cols:1; --chip-cols-closed:1; --chip-cols-open:1; }
}

@media (min-width:576px) {
.content-area.theme-secondary{ --cards-cols:1; --chip-cols-closed:1; --chip-cols-open:1; }
}

@media (min-width:640px) {
.content-area.theme-secondary{ --cards-cols:1; --chip-cols-closed:1; --chip-cols-open:2; }
}

@media (min-width:768px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:1; --chip-cols-open:2; }
}

@media (min-width:820px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:1; --chip-cols-open:3; }
}

@media (min-width:900px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:1; --chip-cols-open:2; }
}

@media (min-width:1024px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:1; --chip-cols-open:2; }
}

@media (min-width:1140px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:2; --chip-cols-open:3; }
}

@media (min-width:1280px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:2; --chip-cols-open:3; }
}

@media (min-width:1366px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:2; --chip-cols-open:3; }
}

@media (min-width:1440px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:2; --chip-cols-open:4; }
}

@media (min-width:1536px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:3; --chip-cols-open:5; }
}

@media (min-width:1600px) {
.content-area.theme-secondary{ --cards-cols:2; --chip-cols-closed:3; --chip-cols-open:5; }
}

@media (min-width:1728px) {
.content-area.theme-secondary{ --cards-cols:4; --chip-cols-closed:3; --chip-cols-open:5; }
}

@media (min-width:1920px) {
.content-area.theme-secondary{ --cards-cols:4; --chip-cols-closed:3; --chip-cols-open:6; }
}

@media (min-width:2048px) {
.content-area.theme-secondary{ --cards-cols:4; --chip-cols-closed:3; --chip-cols-open:6; }
}

.sp-hero{
    position:relative;
    background:linear-gradient(135deg, #9c27b0 0%, #6a1b9a 100%);
    border:none;
    border-radius:14px;
    padding:14px 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    margin-bottom:20px;
    text-align:center;
    overflow:hidden;
    box-shadow:0 4px 10px rgba(156,39,176,0.22);
    z-index:1;
  }

.sp-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top left, rgba(255,255,255,0.2), transparent 70%);
    pointer-events:none;
    z-index:-1;
  }

.sp-hero h2{
    margin:0;
    font-size:1.3rem;
    font-weight:800;
    line-height:1.2;
    color:#ffffff !important;
    text-shadow:0 1px 3px rgba(0,0,0,0.15);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.4em;
  }

.sp-hero p{
    margin:0;
    font-size:0.9rem;
    font-weight:500;
    line-height:1.4;
    color:rgba(255,255,255,0.95) !important;
    width:100%; max-width:none;
  }

.sp-hero p strong{
    font-weight:800;
    color:#ffffff;
  }

html.dark-mode .sp-hero,
  body.dark-mode .sp-hero{
    background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border:1px solid rgba(168,85,247,0.3);
    box-shadow:0 6px 15px rgba(0,0,0,0.3);
  }

html.dark-mode .sp-hero h2,
  body.dark-mode .sp-hero h2{ color:#f8fafc !important; }

html.dark-mode .sp-hero p,
  body.dark-mode .sp-hero p{ color:#cbd5e1 !important; }

@media (min-width:768px) {
.sp-hero{ padding:20px 24px; gap:8px; margin-bottom:26px; border-radius:16px; }
.sp-hero h2{ font-size:1.6rem; }
.sp-hero p{ font-size:1.05rem; }
}

.streams-stack{
    display:grid; gap:var(--card-gap);
    grid-template-columns:repeat(var(--cards-cols), minmax(0,1fr));
    align-items:start;
  }

.stream-card.open{ grid-column:1 / -1; overflow:hidden; }

.streams-section-title{
    grid-column:1 / -1;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    margin:18px 0 0;
    padding:32px 2px 0;
    color:var(--txt-900);
    font-size:1.2rem;
    font-weight:900;
    line-height:1.3;
    text-align:start;
    border-top:none;
  }

.streams-section-title::before{
    content:"";
    position:absolute;
    inset-inline:0;
    top:0;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(156,39,176,.12) 0%, rgba(156,39,176,.82) 18%, rgba(168,85,247,.52) 58%, rgba(156,39,176,.12) 100%);
    box-shadow:0 1px 0 rgba(255,255,255,.55), 0 2px 10px rgba(156,39,176,.10);
  }

.streams-section-title.first-section{
    margin-top:0;
    padding-top:0;
  }

.streams-section-title.first-section::before{
    display:none;
  }

.streams-section-title i{
    color:var(--primary);
    font-size:1.02em;
  }

html[dir="rtl"] .streams-section-title{ justify-content:flex-start; }

.dark-mode .content-area.theme-secondary .streams-section-title{ color:var(--txt-900); }

@media (max-width:720px) {
.streams-section-title{
      font-size:1.06rem;
      margin-top:14px;
      padding-top:26px;
    }
.streams-section-title.first-section{
      margin-top:0;
      padding-top:0;
    }
.streams-section-title::before{
      height:2px;
    }
}

.stream-card{
    position:relative;
    background:
      linear-gradient(var(--primary), var(--primary)) top / 100% 8px no-repeat,
      var(--surface);
    border:1px solid var(--card-bd);
    border-radius:18px; overflow:hidden;
    transition:box-shadow .2s, border-color .2s, background .2s, transform .18s;
    scroll-margin-top:calc(var(--app-header-height) + 8px);
  }

.stream-card:hover{ box-shadow:var(--shadow-accent); border-color:var(--primary); transform:translateY(-2px); }

.stream-card.glow,
  .stream-card.last-opened-card{ box-shadow:var(--shadow-accent); border-color:var(--primary); transform:translateY(-2px); }

.stream-card.last-opened-card::after{content:"";position:absolute;inset:0;border:2px solid color-mix(in srgb,var(--primary) 72%,transparent);border-radius:inherit;pointer-events:none;}

.dark-mode .content-area.theme-secondary .stream-card.last-opened-card::after{border-color:color-mix(in srgb,var(--primary) 88%,white 12%);}

.stream-card::before{
    content:none;
  }

.stream-head,
  .stream-body{ position:relative; z-index:1; }

.stream-head{
    display:flex;
    align-items:center;
    gap:16px;
    padding:22px 22px 16px;
    cursor:pointer;
    user-select:none;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    outline:none;
  }

.stream-head:focus-visible{
    box-shadow:inset 0 0 0 3px rgba(156,39,176,.18);
    border-radius:18px;
  }

.stream-head:active{
    transform:translateY(1px);
  }

.stream-icon{
    width:56px; height:56px; border-radius:12px; background:var(--primary); color:#fff;
    display:grid; place-items:center; font-size:26px; flex:0 0 auto;
  }

.stream-titles{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    flex:1 1 auto;
    align-self:center;
  }

.stream-title,
  .stream-sub{
    margin:0;
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:normal;
    overflow-wrap:anywhere;
    hyphens:auto;
  }

.stream-title{ font-weight:800; color:var(--txt-900); font-size:1.2rem; line-height:1.2; }

.stream-sub{ color:var(--txt-600); font-size:1.04rem; line-height:1.3; font-weight:600; }

.subject-row{
    display:flex;
    align-items:stretch;
    min-width:0;
    min-height:72px;
    padding:0;
    gap:10px;
    overflow:hidden;
    border:1px solid var(--card-bd);
    border-radius:16px;
    background:#fff;
    color:inherit;
    text-decoration:none;
    transition:transform .15s, box-shadow .15s, border-color .15s, background .15s;
  }

.subject-row:hover,
  .subject-row:focus-within{
    transform:translateY(-2px);
    border-color:var(--primary);
    box-shadow:0 10px 20px rgba(156,39,176,.12);
    background:var(--bg-soft);
  }

.subject-row .subject-icon{
    width:40px;
    min-width:40px;
    height:40px;
    border-radius:11px;
    background:var(--primary);
    color:#fff;
    display:grid;
    place-items:center;
    font-size:18px;
    flex:0 0 40px;
    align-self:center;
    margin-inline-start:12px;
  }

.subject-row .subject-texts{
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
    gap:2px;
    overflow:hidden;
    align-self:center;
    text-align:start;
    direction:inherit;
  }

.subject-row .subject-title,
  .subject-row .subject-subtitle{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:normal;
    overflow-wrap:anywhere;
    hyphens:auto;
    text-align:start;
    direction:inherit;
  }

.subject-row .subject-title{
    font-size:1.01rem;
    font-weight:900;
    line-height:1.18;
    color:var(--txt-900);
  }

.subject-row .subject-subtitle{
    margin-top:2px;
    font-size:.78rem;
    font-weight:700;
    line-height:1.18;
    color:var(--txt-600);
  }

.dark-mode .subject-row{
    background:rgba(255,255,255,.06);
    border-color:var(--card-bd);
    color:var(--txt-900);
  }

.dark-mode .subject-row:hover,
  .dark-mode .subject-row:focus-within{
    background:rgba(255,255,255,.10);
    border-color:var(--primary);
    box-shadow:0 10px 20px rgba(156,39,176,.22);
  }

@media (max-width:430px) {
.subject-row{
      min-height:68px;
      gap:8px;
    }
.subject-row .subject-icon{
      width:32px;
      min-width:32px;
      height:32px;
      flex-basis:32px;
      font-size:15px;
      margin-inline-start:8px;
    }
.subject-row .subject-title,
    .subject-chip .title{
      font-size:.88rem;
      line-height:1.14;
      font-weight:900;
    }
.subject-row .subject-subtitle,
    .subject-chip .subtitle{
      font-size:.62rem;
      line-height:1.12;
      font-weight:600;
    }
}

.stream-actions{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex:0 0 auto;
    align-self:center;
    min-width:max-content;
  }

.stream-category-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    min-height:24px;
    padding:4px 10px;
    border-radius:999px;
    font-size:.74rem;
    font-weight:900;
    line-height:1.1;
    border:1px solid rgba(156,39,176,.18);
    color:var(--primary-dark);
    background:var(--bg-soft);
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:anywhere;
    text-align:center;
  }

.stream-category-badge.ordinary{ background:#f5f3ff; color:#6a1b9a; border-color:#ddd6fe; }

.stream-category-badge.international{ background:#e0ecff; color:#083c74; border-color:#bcd5ff; }

.stream-category-badge.professional{ background:#ecfdf5; color:#047857; border-color:#bbf7d0; }

.stream-category-badge.sports{ background:#eff6ff; color:#1d4ed8; border-color:#93c5fd; }

.dark-mode .stream-category-badge.ordinary{ background:rgba(168,85,247,.18); color:#f3e8ff; border-color:rgba(168,85,247,.38); }

.dark-mode .stream-category-badge.international{ background:rgba(59,130,246,.18); color:#dbeafe; border-color:rgba(59,130,246,.38); }

.dark-mode .stream-category-badge.professional{ background:rgba(16,185,129,.18); color:#d1fae5; border-color:rgba(16,185,129,.38); }

.dark-mode .stream-category-badge.sports{ background:rgba(59,130,246,.18); color:#dbeafe; border-color:rgba(96,165,250,.38); }

.stream-toggle{
    margin:0;
    display:inline-grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:12px;
    border:1px solid rgba(156,39,176,.22);
    background:#f8f4ff;
    color:#6a1b9a;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    outline:none;
    box-shadow:0 2px 7px rgba(106,27,154,.08);
    transition:background .16s ease, color .16s ease, border-color .16s ease, transform .12s ease, box-shadow .16s ease;
  }

.stream-toggle i{
    display:inline-block;
    transition:transform .18s ease, filter .16s ease;
  }

.stream-toggle:hover,
  .stream-toggle:focus-visible{
    background:#efe3ff;
    color:#7b1fa2;
    border-color:rgba(123,31,162,.56);
    box-shadow:0 7px 18px rgba(123,31,162,.20), 0 0 0 3px rgba(156,39,176,.10);
  }

.stream-toggle:focus-visible{
    outline:2px solid rgba(156,39,176,.62);
    outline-offset:2px;
  }

.stream-toggle:active{
    background:#dfc6ff;
    color:#58127f;
    border-color:#8e24aa;
    transform:translateY(1px) scale(.93);
    box-shadow:inset 0 2px 5px rgba(88,18,127,.20), 0 3px 9px rgba(123,31,162,.18);
  }

.stream-card.open .stream-toggle{
    background:var(--primary);
    color:#fff;
    border-color:var(--primary);
    box-shadow:0 7px 18px rgba(156,39,176,.30), 0 0 0 3px rgba(156,39,176,.12);
  }

.stream-card.open .stream-toggle i{
    transform:rotate(180deg);
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.20));
  }

.dark-mode .content-area.theme-secondary .stream-toggle{
    background:rgba(168,85,247,.10);
    color:#e9d5ff;
    border-color:rgba(216,180,254,.28);
    box-shadow:0 2px 8px rgba(0,0,0,.22);
  }

.dark-mode .content-area.theme-secondary .stream-toggle:hover,
  .dark-mode .content-area.theme-secondary .stream-toggle:focus-visible{
    background:rgba(168,85,247,.23);
    color:#fff;
    border-color:rgba(216,180,254,.66);
    box-shadow:0 8px 20px rgba(0,0,0,.32), 0 0 0 3px rgba(168,85,247,.18);
  }

.dark-mode .content-area.theme-secondary .stream-toggle:active{
    background:rgba(126,34,206,.52);
    color:#fff;
    border-color:#d8b4fe;
    box-shadow:inset 0 2px 6px rgba(0,0,0,.34), 0 3px 10px rgba(0,0,0,.28);
  }

.dark-mode .content-area.theme-secondary .stream-card.open .stream-toggle{
    background:#a855f7;
    color:#fff;
    border-color:#d8b4fe;
    box-shadow:0 8px 22px rgba(168,85,247,.35), 0 0 0 3px rgba(216,180,254,.16);
  }

@media (hover:none) and (pointer:coarse) {
.stream-toggle:active{
      transform:scale(.90);
    }
.stream-card.open .stream-toggle{
      box-shadow:0 6px 16px rgba(156,39,176,.30), 0 0 0 3px rgba(156,39,176,.16);
    }
}

@media (max-width:720px) {
.stream-head{
      display:grid;
      align-items:center;
      gap:8px;
      padding:14px 6px 12px;
      text-align:start;
      direction:ltr;
    }
html[dir="rtl"] .stream-head{
      grid-template-columns:88px minmax(0,1fr) 48px;
      grid-template-areas:"actions titles icon";
    }
html[dir="ltr"] .stream-head{
      grid-template-columns:48px minmax(0,1fr) 88px;
      grid-template-areas:"icon titles actions";
    }
.stream-icon{
      grid-area:icon;
      width:48px;
      height:48px;
      border-radius:13px;
      font-size:22px;
      align-self:center;
      justify-self:center;
    }
.stream-titles{
      grid-area:titles;
      width:100%;
      min-width:0;
      align-self:center;
      align-items:stretch;
      justify-content:center;
      text-align:start;
      gap:3px;
    }
html[dir="rtl"] .stream-titles{
      direction:rtl;
      text-align:right;
    }
html[dir="ltr"] .stream-titles{
      direction:ltr;
      text-align:left;
    }
.stream-title{
      font-size:1.10rem;
      line-height:1.24;
      font-weight:900;
      text-align:inherit;
    }
.stream-sub{
      font-size:.84rem;
      line-height:1.25;
      font-weight:600;
      text-align:inherit;
    }
.stream-actions{
      grid-area:actions;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:4px;
      width:88px;
      min-width:88px;
      align-self:center;
      justify-self:center;
      margin:0;
    }
html[dir="rtl"] .stream-actions{ justify-self:start; }
html[dir="ltr"] .stream-actions{ justify-self:end; }
.stream-category-badge{
      min-height:20px;
      max-width:88px;
      padding:5px 8px 2px;
      font-size:.60rem;
      line-height:1;
      overflow:visible;
      text-overflow:clip;
      white-space:normal;
    }
.stream-toggle{
      width:38px;
      height:38px;
      margin:0 auto;
      border-radius:12px;
      flex:0 0 auto;
    }
}

@media (max-width:390px) {
.stream-head{ gap:6px; padding-inline:4px; }
html[dir="rtl"] .stream-head{
      grid-template-columns:82px minmax(0,1fr) 42px;
    }
html[dir="ltr"] .stream-head{
      grid-template-columns:42px minmax(0,1fr) 82px;
    }
.stream-icon{
      width:42px;
      height:42px;
      border-radius:12px;
      font-size:19px;
    }
.stream-actions{
      width:82px;
      min-width:82px;
    }
.stream-category-badge{
      min-height:20px;
      max-width:82px;
      padding:5px 7px 2px;
      font-size:.58rem;
      line-height:1;
    }
.stream-toggle{
      width:34px;
      height:34px;
      border-radius:11px;
    }
.stream-title{
      font-size:1.02rem;
      line-height:1.22;
      font-weight:900;
    }
.stream-sub{
      font-size:.78rem;
      line-height:1.22;
      font-weight:600;
    }
}

.stream-body{
    display:grid;
    grid-template-rows:0fr;
    border-top:1px dashed var(--card-bd);
    padding:0 var(--chip-gutter);
    background:linear-gradient(180deg, rgba(156,39,176,.05), transparent 60%);
    position:relative;
    overflow:hidden;
    transition:grid-template-rows .18s ease, padding .18s ease;
  }

.stream-card.open .stream-body{ grid-template-rows:1fr; padding:18px var(--chip-gutter) 18px; overflow:visible; }

.stream-body > .subjects-grid{
    min-height:0;
    overflow:hidden;
  }

.stream-card.open .stream-body > .subjects-grid{ overflow:visible; }

.subjects-grid{
    display:grid; margin-top:6px;
    column-gap:var(--chip-gap-x); row-gap:var(--chip-gap-y);
    margin-inline: calc(var(--chip-gutter));
  }

.stream-card:not(.open) .subjects-grid{ grid-template-columns:repeat(var(--chip-cols-closed), 1fr); }

.stream-card.open .subjects-grid{ grid-template-columns:repeat(var(--chip-cols-open), 1fr); }

.subject-chip{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    outline:none;
    display:grid; grid-template-columns:auto 1fr auto; align-items:center;
    gap:12px; padding:12px 14px; border-radius:14px;
    background:#fff; border:1px solid var(--card-bd); color:inherit; text-decoration:none;
    transition:transform .15s, box-shadow .15s, border-color .15s, background .15s;
  }

.subject-chip .i{
    width:36px; height:36px; border-radius:10px; background:var(--primary); color:#fff;
    display:grid; place-items:center; font-size:18px;
  }

.subject-chip .texts{ display:flex; flex-direction:column; min-width:0; }

.subject-chip .title{
    font-size:1rem;
    font-weight:900;
    line-height:1.2;
    display:block;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:normal;
    overflow-wrap:anywhere;
    hyphens:auto;
  }

.subject-chip .subtitle{
    font-size:.70rem;
    font-weight:600;
    line-height:1.2;
    margin-top:3px;
    color:var(--txt-600);
    display:block;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:normal;
    overflow-wrap:anywhere;
    hyphens:auto;
  }

.subject-chip .badges{ justify-self:end; display:flex; align-items:center; gap:6px; margin:0; flex-wrap:nowrap; }

.subject-chip .badge{ padding:4px 9px; border-radius:999px; font-size:.72rem; font-weight:800; border:1px solid transparent; line-height:1; white-space:nowrap; }

.subject-chip .badge-lang.ar{ --bg:#ffe8cc; --ink:#6b2a00; --bd:#ffcc99; background:var(--bg); color:var(--ink); border-color:var(--bd); }

.subject-chip .badge-lang.fr{ --bg:#e0ecff; --ink:#083c74; --bd:#bcd5ff; background:var(--bg); color:var(--ink); border-color:var(--bd); }

.subject-chip:hover{
    transform:translateY(-2px); border-color:var(--primary);
    box-shadow:0 10px 20px rgba(156,39,176,.16); background:var(--bg-soft);
  }

.dark-mode .content-area.theme-secondary .subject-chip{
    background:rgba(255,255,255,.06); border-color:var(--card-bd); color:var(--txt-900);
  }

.dark-mode .content-area.theme-secondary .subject-chip:hover{
    background:rgba(255,255,255,.10); border-color:var(--primary);
    box-shadow:0 10px 20px rgba(156,39,176,.22);
  }

.dark-mode .subject-chip .badge-lang.ar{ --bg:rgba(255,148,66,.22); --ink:#ffd8b3; --bd:rgba(255,148,66,.45); }

.dark-mode .subject-chip .badge-lang.fr{ --bg:rgba(86,148,255,.22); --ink:#d9e6ff; --bd:rgba(86,148,255,.45); }

.subject-chip.last-visited-subject{
    border-color:#7b1fa2;
    background:linear-gradient(135deg, rgba(123,31,162,.12), rgba(123,31,162,.035));
    box-shadow:0 8px 22px rgba(123,31,162,.20), inset 0 0 0 1px rgba(123,31,162,.08);
  }

.subject-chip.last-visited-subject .i{
    box-shadow:0 0 0 3px rgba(123,31,162,.16), 0 7px 16px rgba(123,31,162,.16);
  }

.subject-chip.last-visited-subject .title{
    color:#6a1b9a;
  }

.dark-mode .content-area.theme-secondary .subject-chip.last-visited-subject{
    border-color:#d86cff;
    background:linear-gradient(135deg, rgba(216,108,255,.18), rgba(216,108,255,.045));
    box-shadow:0 8px 24px rgba(216,108,255,.22), inset 0 0 0 1px rgba(216,108,255,.10);
  }

.dark-mode .content-area.theme-secondary .subject-chip.last-visited-subject .i{
    box-shadow:0 0 0 3px rgba(216,108,255,.20), 0 7px 18px rgba(216,108,255,.20);
  }

.dark-mode .content-area.theme-secondary .subject-chip.last-visited-subject .title{
    color:#efc5ff;
  }

@media (max-width:560px) {
.subject-chip{
    gap:8px;
    padding:8px 10px;
  }
.subject-chip .i{
    width:32px;
    height:32px;
    border-radius:8px;
    font-size:15px;
  }
.subject-chip .title,
  .subject-chip .subtitle{
    display:block;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:normal;
    overflow-wrap:anywhere;
  }
}

.stream-icon i,
.subject-chip .i i{
  display:inline-block;
  transform-origin:center;
  transition: transform .18s ease, filter .18s ease;
  will-change: transform;
}

.stream-card:hover .stream-icon i,
.stream-card:focus-within .stream-icon i{
  transform: rotate(-6deg) scale(1.05) translateY(-1px);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.12));
}

.subject-chip:hover .i i,
.subject-chip:focus-visible .i i{
  transform: rotate(-6deg) scale(1.05) translateY(-1px);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.12));
}

@media (prefers-reduced-motion: reduce) {
.stream-icon i,
  .subject-chip .i i{ transition:none; }
.stream-card:hover .stream-icon i,
  .stream-card:focus-within .stream-icon i,
  .subject-chip:hover .i i,
  .subject-chip:focus-visible .i i{
    transform:none; filter:none;
  }
}

.streams-section-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap);align-items:start;}

.streams-section-grid>.stream-card.open{grid-column:1/-1;}

.content-area.theme-secondary .international-subject-chip{cursor:default;contain:layout paint;}

.content-area.theme-secondary .international-language-links{justify-self:end;display:flex;align-items:center;gap:7px;direction:ltr;flex-wrap:nowrap;}

.content-area.theme-secondary .international-language-link{min-width:58px;height:32px;padding:0 8px;border-radius:10px;border:1px solid rgba(15,23,42,.18);display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:.72rem;font-weight:900;line-height:1;letter-spacing:.03em;box-shadow:0 2px 7px rgba(15,23,42,.12);transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease,background .1s ease,color .1s ease;will-change:transform;white-space:nowrap;}

.content-area.theme-secondary .international-language-link[data-option-language="en"]{background:linear-gradient(180deg,#ffffff,#e8f0ff);color:#10233f;border-color:#8fb4ff;box-shadow:0 2px 7px rgba(37,99,235,.14);}

.content-area.theme-secondary .international-language-link[data-option-language="es"]{background:linear-gradient(180deg,#fff8d7,#ffe08a);color:#74151b;border-color:#d39b12;box-shadow:0 2px 7px rgba(180,83,9,.14);}

.content-area.theme-secondary .international-language-flag{width:20px;height:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.16);}

.content-area.theme-secondary .international-language-flag svg{display:block;width:100%;height:100%;}

.content-area.theme-secondary .international-language-code{font-weight:900;line-height:1;}

.content-area.theme-secondary .international-language-link:hover,.content-area.theme-secondary .international-language-link:focus-visible{transform:translateY(-1px);outline:none;}

.content-area.theme-secondary .international-language-link[data-option-language="en"]:hover,.content-area.theme-secondary .international-language-link[data-option-language="en"]:focus-visible{border-color:#2563eb;box-shadow:0 6px 14px rgba(37,99,235,.24);}

.content-area.theme-secondary .international-language-link[data-option-language="es"]:hover,.content-area.theme-secondary .international-language-link[data-option-language="es"]:focus-visible{border-color:#b45309;box-shadow:0 6px 14px rgba(180,83,9,.24);}

.content-area.theme-secondary .international-language-link:active{transform:scale(.95);}

.dark-mode .content-area.theme-secondary .international-language-link{box-shadow:0 2px 8px rgba(0,0,0,.34);}

.dark-mode .content-area.theme-secondary .international-language-link[data-option-language="en"]{background:linear-gradient(180deg,rgba(30,64,175,.95),rgba(15,23,42,.96));color:#dbeafe;border-color:rgba(96,165,250,.62);box-shadow:0 2px 9px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.08);}

.dark-mode .content-area.theme-secondary .international-language-link[data-option-language="es"]{background:linear-gradient(180deg,rgba(146,64,14,.95),rgba(69,26,3,.96));color:#ffedd5;border-color:rgba(251,191,36,.62);box-shadow:0 2px 9px rgba(234,88,12,.22),inset 0 1px 0 rgba(255,255,255,.08);}

.dark-mode .content-area.theme-secondary .international-language-link[data-option-language="en"]:hover,.dark-mode .content-area.theme-secondary .international-language-link[data-option-language="en"]:focus-visible{border-color:#93c5fd;box-shadow:0 7px 16px rgba(59,130,246,.32),inset 0 1px 0 rgba(255,255,255,.10);}

.dark-mode .content-area.theme-secondary .international-language-link[data-option-language="es"]:hover,.dark-mode .content-area.theme-secondary .international-language-link[data-option-language="es"]:focus-visible{border-color:#fde68a;box-shadow:0 7px 16px rgba(245,158,11,.30),inset 0 1px 0 rgba(255,255,255,.10);}

.programme-subgroup-title{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:4px 0 2px;padding:8px 2px;color:var(--txt-900);font-size:1rem;font-weight:900;border-bottom:1px dashed var(--card-bd);}

.programme-subgroup-title i{color:var(--primary);}

.stream-body{transition:none!important;}

.stream-card:not(.open) .stream-body{display:none;}

.stream-card.open .stream-body{display:block;padding:18px var(--chip-gutter);}

@media (max-width:720px) {
.streams-section-grid{grid-template-columns:1fr;}
.content-area.theme-secondary .international-language-links{gap:5px}
.content-area.theme-secondary .international-language-link{min-width:50px;height:30px;padding:0 7px;border-radius:9px;font-size:.68rem}
.international-subject-chip{grid-template-columns:auto minmax(0,1fr) auto!important;}
}

@media (max-width:390px) {
.content-area.theme-secondary .international-language-link{min-width:44px;height:28px;padding:0 5px;font-size:.62rem;gap:4px}
.content-area.theme-secondary .international-language-links{gap:4px}
.content-area.theme-secondary .international-language-flag{width:17px;height:10px}
}

.content-area.theme-secondary .streams-section-title,
html[dir="rtl"] .content-area.theme-secondary .streams-section-title{
  justify-content:center!important;
  text-align:center!important;
  color:var(--primary)!important;
  min-height:58px;
  padding-inline:72px!important;
}

.content-area.theme-secondary .streams-section-title::before{
  inset-inline:0!important;
  top:0!important;
}

.content-area.theme-secondary .streams-section-title.first-section{
  padding-top:30px!important;
  margin-top:0!important;
}

.content-area.theme-secondary .streams-section-title.first-section::before{display:block!important}

.content-area.theme-secondary .streams-section-title>span{display:inline;min-height:0;max-width:900px;line-height:1.3}

.content-area.theme-secondary .streams-section-title>i,
.content-area.theme-secondary .streams-section-title>.mdi{flex:0 0 auto;align-self:center;line-height:1}

.content-area.theme-secondary .subject-chip .i>.mdi-abjad-arabic,
.content-area.theme-secondary .subject-chip .i>.mdi-head-dots-horizontal{font-size:1.42em!important;transform:scale(1.06);transform-origin:center}

@media (max-width:720px) {
.content-area.theme-secondary .streams-section-title,
  html[dir="rtl"] .content-area.theme-secondary .streams-section-title{padding-inline:18px!important;min-height:52px}
.content-area.theme-secondary .streams-section-title.first-section{padding-top:26px!important}
.content-area.theme-secondary .streams-section-title>span{min-height:0}
}

.schoolep-lang-ar,
.schoolep-lang-fr{display:none!important}

html[lang="ar"] .schoolep-lang-ar{display:inline!important}

html[lang="fr"] .schoolep-lang-fr{display:inline!important}

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

html[lang="ar"] .stream-category-badge>.schoolep-lang-ar,
html[lang="fr"] .stream-category-badge>.schoolep-lang-fr{display:inline!important}

.content-area.theme-secondary #streams[data-static-shell="true"]{min-height:320px}

.content-area.theme-secondary .stream-head{min-height:94px}

.content-area.theme-secondary .stream-icon{flex:0 0 56px}

.content-area.theme-secondary .stream-titles{min-width:0}

.content-area.theme-secondary .stream-title,
.content-area.theme-secondary .stream-sub{overflow-wrap:anywhere}

@media (max-width:720px) {
.content-area.theme-secondary .stream-head{min-height:86px}
.content-area.theme-secondary .stream-icon{flex-basis:48px}
}

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

html[lang="ar"] .subjects-grid > .programme-subgroup-title.schoolep-lang-ar,
html[lang="fr"] .subjects-grid > .programme-subgroup-title.schoolep-lang-fr{
  display:flex!important;
}

#streams[data-static-shell="complete"] .stream-body[data-ready="1"] > .subjects-grid{
  min-height:0;
}

.schoolep-lang-ar,.schoolep-lang-fr{display:none!important;}

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

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

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

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

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!important;}

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!important;}

html[lang^="ar"] .subjects-grid > .programme-subgroup-title.schoolep-lang-ar,html[dir="rtl"] .subjects-grid > .programme-subgroup-title.schoolep-lang-ar,html[lang^="fr"] .subjects-grid > .programme-subgroup-title.schoolep-lang-fr,html[dir="ltr"] .subjects-grid > .programme-subgroup-title.schoolep-lang-fr{display:flex!important;}

@media (max-width:720px) {
.content-area.theme-secondary .streams-section-title{align-items:center!important;gap:.42em!important;}
.content-area.theme-secondary .streams-section-title>i,
  .content-area.theme-secondary .streams-section-title>.mdi{align-self:center!important;line-height:1!important;transform:none!important;}
}

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

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

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

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

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

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

html[lang^="ar"] .subjects-grid > .programme-subgroup-title.schoolep-lang-ar,html[lang^="fr"] .subjects-grid > .programme-subgroup-title.schoolep-lang-fr{display:flex!important;}


/* V61.18.26 — clean S-level branch section headings: no icon, title centered between two lines. */
.content-area.theme-secondary .streams-section-title,
html[dir="rtl"] .content-area.theme-secondary .streams-section-title,
html[dir="ltr"] .content-area.theme-secondary .streams-section-title {
  display: grid !important;
  grid-template-columns: minmax(18px, 1fr) auto minmax(18px, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 18px 0 0 !important;
  padding: 22px 0 0 !important;
  color: var(--primary) !important;
  text-align: center !important;
  line-height: 1.25 !important;
}
.content-area.theme-secondary .streams-section-title.first-section {
  margin-top: 0 !important;
  padding-top: 22px !important;
}
.content-area.theme-secondary .streams-section-title > i,
.content-area.theme-secondary .streams-section-title > .mdi,
.content-area.theme-secondary .streams-section-title > svg {
  display: none !important;
}
.content-area.theme-secondary .streams-section-title::before,
.content-area.theme-secondary .streams-section-title::after {
  content: "" !important;
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(156,39,176,.10), rgba(156,39,176,.72), rgba(156,39,176,.10)) !important;
  box-shadow: none !important;
}
.content-area.theme-secondary .streams-section-title > span {
  display: inline-block !important;
  grid-column: 2 !important;
  max-width: min(76vw, 560px) !important;
  min-height: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  line-height: 1.25 !important;
}
html.dark-mode .content-area.theme-secondary .streams-section-title::before,
html.dark-mode .content-area.theme-secondary .streams-section-title::after,
body.dark-mode .content-area.theme-secondary .streams-section-title::before,
body.dark-mode .content-area.theme-secondary .streams-section-title::after {
  background: linear-gradient(90deg, rgba(192,132,252,.12), rgba(192,132,252,.70), rgba(192,132,252,.12)) !important;
}
@media (max-width:720px) {
  .content-area.theme-secondary .streams-section-title,
  html[dir="rtl"] .content-area.theme-secondary .streams-section-title,
  html[dir="ltr"] .content-area.theme-secondary .streams-section-title {
    grid-template-columns: minmax(12px, 1fr) auto minmax(12px, 1fr) !important;
    gap: 9px !important;
    min-height: 46px !important;
    padding-top: 18px !important;
    font-size: 1.02rem !important;
  }
  .content-area.theme-secondary .streams-section-title.first-section { padding-top: 18px !important; }
  .content-area.theme-secondary .streams-section-title > span { max-width: 72vw !important; }
}