/* SchoolEP V230.36 — Primary dual curriculum path + stable Pioneer L3/L4. */
:root{--pioneer-green:#0f9d58;--pioneer-green-deep:#087a43;--pioneer-green-dark:#22df93;--pioneer-green-soft:#eaf8f0;--pioneer-green-soft-2:#dff3e7;--pioneer-green-line:#75c99b}
.p-track-selector{display:flex;gap:14px;justify-content:center;align-items:stretch;margin:18px 0 22px;flex-wrap:wrap}
.p-track-choice{appearance:none;border:2px solid var(--color-pri,#2eaf59);background:#fff;color:#10213a;border-radius:18px;padding:13px 22px;min-width:230px;max-width:360px;flex:1 1 260px;font:800 1.02rem/1.25 Tajawal,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.07);transition:.18s ease}
.p-track-choice:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.10)}
.p-track-choice.is-active{background:var(--color-pri,#2eaf59);color:#fff;box-shadow:0 8px 20px rgba(46,175,89,.18)}
.p-track-choice[data-path="pioneer"]{border-color:var(--pioneer-green);color:var(--pioneer-green)}
.p-track-choice[data-path="pioneer"].is-active{background:var(--pioneer-green);border-color:var(--pioneer-green);color:#fff;box-shadow:0 8px 20px rgba(22,138,79,.22)}
.p-track-choice .path-icon{display:inline-flex;align-items:center;justify-content:center;margin-inline-end:7px;font-size:1.05em}
html.dark-mode .p-track-choice{background:#111827;color:#f8fafc}
html.dark-mode .p-track-choice.is-active{background:var(--color-pri,#2eaf59)}
html.dark-mode .p-track-choice[data-path="pioneer"]{border-color:#4dc27e;color:#8ee0ae}
html.dark-mode .p-track-choice[data-path="pioneer"].is-active{background:var(--pioneer-green);color:#fff}
.subject-card[data-pioneer-hidden="1"]{display:none!important}
.p-pioneer-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--pioneer-green-soft);border:1px solid var(--pioneer-green-line);color:var(--pioneer-green);font-weight:900;font-size:.85rem;margin-inline-start:8px}
html.dark-mode .p-pioneer-badge{background:#102b1d;border-color:#296d48;color:#8ee0ae}

/* V230.36: dual static shells. The correct Pioneer shell exists in HTML before first paint. */
.pioneer-program-shell{display:none}
html[data-primary-pioneer-l3="1"] #program{display:none!important}
html[data-primary-pioneer-l3="1"] #pioneer-program-shell{display:block!important}
html[data-primary-pioneer-l3="1"] #supervised,
html[data-primary-pioneer-l3="1"] #math-supervised-mount,
html[data-primary-pioneer-l3="1"] [data-loader="schoolep-supervised-placeholder"]{display:none!important}
.pioneer-program{display:grid!important}
html[data-primary-pioneer-l3="1"] #program>:not(.pioneer-program){display:none!important}

.pioneer-program{display:grid;gap:18px;margin-top:10px}
.pioneer-phase{border:1px solid var(--pioneer-green-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(15,23,42,.045)}
html.dark-mode .pioneer-phase{background:#101827;border-color:#27583c}
.pioneer-phase>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;padding:15px 18px;font-weight:900;font-size:1.18rem;color:#10213a;background:linear-gradient(135deg,#f7fffa,#effbf4);border-inline-start:5px solid var(--pioneer-green)}
.pioneer-phase>summary::-webkit-details-marker{display:none}
.pioneer-phase>summary::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;margin-inline-start:auto;font-size:.85rem;transition:transform .18s ease;color:var(--pioneer-green)}
.pioneer-phase[open]>summary::after{transform:rotate(180deg)}
html.dark-mode .pioneer-phase>summary{color:#f8fafc;background:#112419}
.pioneer-phase-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 10px;border-radius:10px;background:var(--pioneer-green);color:#fff;font-weight:900;font-size:.96rem}
.pioneer-phase-body{padding:16px;display:grid;gap:18px}
.pioneer-week-group{display:grid;gap:11px}
.pioneer-week-title{display:flex;align-items:center;gap:9px;margin:0;padding:0 2px;font-size:1.04rem;font-weight:900;color:#17243a}
.pioneer-week-title .week-no{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:29px;border:2px solid var(--pioneer-green);border-radius:9px;color:var(--pioneer-green);font-weight:900}
html.dark-mode .pioneer-week-title{color:#f8fafc}
.pioneer-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pioneer-lesson-card{border:1px solid color-mix(in srgb,var(--pioneer-green) 32%,#dbe3ee);border-radius:15px;background:#fff;padding:14px;box-shadow:0 4px 13px rgba(15,23,42,.035);min-width:0}
html.dark-mode .pioneer-lesson-card{background:#0f172a;border-color:#2b5d40}
.pioneer-card-head{display:flex;align-items:center;gap:9px;margin-bottom:11px;font-weight:900;font-size:1rem;min-width:0}
.pioneer-card-head .card-no{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border:1.5px solid var(--pioneer-green);border-radius:9px;color:var(--pioneer-green);font-weight:900;flex:0 0 auto}
.pioneer-card-head .card-title{overflow-wrap:anywhere}
.pioneer-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pioneer-action{appearance:none;border:1px solid color-mix(in srgb,var(--pioneer-green) 25%,#dbe3ee);border-radius:10px;background:#fff;color:#10213a;padding:9px 7px;display:flex;align-items:center;justify-content:center;gap:6px;font:800 .86rem/1.15 Tajawal,Arial,sans-serif;cursor:pointer;min-width:0}
.pioneer-action:hover,.pioneer-action.is-open{border-color:var(--pioneer-green);color:var(--pioneer-green);background:var(--pioneer-green-soft)}
html.dark-mode .pioneer-action{background:#111827;color:#f8fafc;border-color:#334155}
html.dark-mode .pioneer-action:hover,html.dark-mode .pioneer-action.is-open{border-color:#4dc27e;background:#102b1d;color:#8ee0ae}
.pioneer-resource-panel{display:none;margin-top:10px;padding:11px;border:1px dashed var(--pioneer-green-line);border-radius:11px;background:#fbfffc}
.pioneer-resource-panel.is-open{display:block}
html.dark-mode .pioneer-resource-panel{background:#0b1321;border-color:#2b5d40}
.pioneer-resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.pioneer-resource-link{display:flex;align-items:center;justify-content:space-between;gap:7px;text-decoration:none;color:#10213a;background:#fff;border:1px solid #dce9e1;border-radius:9px;padding:9px 10px;font-weight:800;font-size:.86rem}
.pioneer-resource-link:hover{border-color:var(--pioneer-green);color:var(--pioneer-green)}
html.dark-mode .pioneer-resource-link{background:#111827;color:#f8fafc;border-color:#334155}
.pioneer-resource-link.is-mapped{border-color:var(--pioneer-green);background:var(--pioneer-green-soft)}
html.dark-mode .pioneer-resource-link.is-mapped{background:#102b1d}
.pioneer-source-note{font-size:.84rem;color:#64748b;text-align:center;margin:2px 0 0;padding:0 12px 14px}

/* L4 Pioneer context */
#pioneerResourcePanel{border:1px solid var(--pioneer-green-line);border-radius:18px;background:#f6fff9;overflow:hidden;margin-bottom:18px}
html.dark-mode #pioneerResourcePanel{background:#102018;border-color:#2b5d40}
#pioneerResourcePanel header{padding:14px 18px;font-weight:900;border-bottom:1px solid rgba(22,138,79,.22);color:var(--pioneer-green)}
.pioneer-resource-body{padding:18px;display:grid;gap:13px}
.pioneer-resource-context{display:flex;flex-wrap:wrap;gap:8px}
.pioneer-resource-context span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #cfe7d8;font-weight:800;font-size:.88rem}
html.dark-mode .pioneer-resource-context span{background:#111827;border-color:#2b5d40}
.pioneer-resource-actions{display:flex;flex-wrap:wrap;gap:10px}
.pioneer-resource-actions a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:11px;text-decoration:none;font-weight:900;border:1px solid var(--pioneer-green);background:var(--pioneer-green);color:#fff}
.pioneer-resource-actions a.secondary{background:#fff;color:var(--pioneer-green)}
html.dark-mode .pioneer-resource-actions a.secondary{background:#111827;color:#8ee0ae}

@media(max-width:900px){.pioneer-card-grid{grid-template-columns:1fr}.pioneer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.p-track-selector{gap:9px;margin:13px 0 16px}.p-track-choice{min-width:0;flex:1 1 100%;padding:11px 14px}.pioneer-phase>summary{font-size:1.05rem;padding:13px 14px}.pioneer-phase-body{padding:12px}.pioneer-resource-list{grid-template-columns:1fr}}

/* L2 selector is static HTML so it never disappears on refresh. */
html[data-primary-path="pioneer"] .p-track-choice[data-path="general"]{background:#fff!important;color:#10213a!important}
html[data-primary-path="pioneer"] .p-track-choice[data-path="pioneer"]{background:var(--pioneer-green)!important;border-color:var(--pioneer-green)!important;color:#fff!important}
html:not([data-primary-path="pioneer"]) .p-track-choice[data-path="general"]{background:var(--color-pri,#2eaf59);color:#fff}
html:not([data-primary-path="pioneer"]) .p-track-choice[data-path="pioneer"]{background:#fff;color:var(--pioneer-green)}




/* V230.38 — Pioneer resources mimic the existing Primary card/sub-button system. */
html[data-primary-path="pioneer"] .pioneer-resource-link{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;white-space:normal!important;text-align:start!important;
}
/* DOM order is icon then title. Direction alone places the icon on the proper language side. */
html[lang="ar"][data-primary-path="pioneer"] .pioneer-resource-link{direction:rtl!important}
html[lang="fr"][data-primary-path="pioneer"] .pioneer-resource-link{direction:ltr!important}
html[data-primary-path="pioneer"] .pioneer-resource-link>i{order:0!important;flex:0 0 auto!important;margin:0!important}
html[data-primary-path="pioneer"] .pioneer-resource-link>span{order:1!important;min-width:0!important;direction:inherit!important;text-align:start!important}

/* Early state boot paints already-open groups/panels in their final state before runtime restoration. */
html[data-primary-pioneer-state-boot="1"] .pioneer-phase[data-pioneer-boot-open="1"]>.pioneer-phase-body{display:grid!important}
html[data-primary-pioneer-state-boot="1"] .pioneer-phase[data-pioneer-boot-open="1"]>summary::after{transform:rotate(180deg)!important}
html[data-primary-pioneer-state-boot="1"] .pioneer-resource-panel[data-pioneer-boot-open="1"]{display:block!important}
html[data-primary-pioneer-state-boot="1"] .pioneer-action[data-pioneer-boot-open="1"]{border-color:var(--pioneer-green)!important;color:var(--pioneer-green)!important;background:var(--pioneer-green-soft)!important}

/* Breadcrumb geometry is intentionally inherited unchanged from the native Primary Level-3/4 breadcrumb CSS. */

/* The separate Pioneer context panel is intentionally not part of Level 4. */
html[data-primary-path="pioneer"] #pioneerResourcePanel{display:none!important}

/* V230.38: Pioneer path node is part of the native L3 breadcrumb HTML from first paint. */
.sp-breadcrumbs [data-primary-path-node="pioneer"],.sp-breadcrumbs [data-primary-path-sep="pioneer"]{display:none!important}
html[data-primary-path="pioneer"] .sp-breadcrumbs [data-primary-path-node="pioneer"]{display:inline-flex!important}
html[data-primary-path="pioneer"] .sp-breadcrumbs [data-primary-path-sep="pioneer"]{display:inline!important}


/* V230.39 — Pioneer visual identity is a distinct bright emerald, not the normal Primary green. */
html.dark-mode{--pioneer-green:#22df93;--pioneer-green-deep:#10b978;--pioneer-green-soft:#0b3124;--pioneer-green-soft-2:#10412f;--pioneer-green-line:#318d68}
html[data-primary-path="pioneer"]{
  --p1-accent:var(--pioneer-green)!important;
  --p1-accent-700:var(--pioneer-green-deep)!important;
  --p1-shadow-accent:0 10px 26px color-mix(in srgb,var(--pioneer-green) 24%,transparent)!important;
  --p1-hover-sheet:color-mix(in srgb,var(--pioneer-green) 7%,#fff)!important;
}
html.dark-mode[data-primary-path="pioneer"]{--p1-hover-sheet:color-mix(in srgb,var(--pioneer-green) 11%,#111827)!important}
html[data-primary-path="pioneer"] .content-area .subject-card::before{background:linear-gradient(90deg,var(--pioneer-green),var(--pioneer-green-deep))!important}
html[data-primary-path="pioneer"] .content-area .subj-icon{background:linear-gradient(135deg,var(--pioneer-green),var(--pioneer-green-deep))!important;box-shadow:0 8px 20px color-mix(in srgb,var(--pioneer-green) 26%,transparent)!important}
html[data-primary-path="pioneer"] .content-area .subject-card:hover,html[data-primary-path="pioneer"] .content-area .subject-card:focus-visible{border-color:var(--pioneer-green)!important}
html[data-primary-path="pioneer"] .p-track-choice[data-path="pioneer"]{border-color:var(--pioneer-green)!important;color:var(--pioneer-green-deep)!important}
html[data-primary-path="pioneer"] .p-track-choice[data-path="pioneer"].is-active{background:linear-gradient(135deg,var(--pioneer-green),var(--pioneer-green-deep))!important;border-color:var(--pioneer-green)!important;color:#fff!important;box-shadow:0 9px 24px color-mix(in srgb,var(--pioneer-green) 27%,transparent)!important}
html.dark-mode[data-primary-path="pioneer"] .p-track-choice[data-path="pioneer"]{border-color:var(--pioneer-green)!important;color:var(--pioneer-green)!important}
html.dark-mode[data-primary-path="pioneer"] .p-track-choice[data-path="pioneer"].is-active{color:#062719!important}

/* The Pioneer L3 hero is present from first paint. The legacy/general title/description never paints on this path. */
html[data-primary-path="pioneer"] #page-title[data-pioneer-title-ar] .schoolep-subject-hero-title-text{display:none!important}
html[data-primary-path="pioneer"] #page-title[data-pioneer-title-ar]::after{content:attr(data-pioneer-title-ar);display:block}
html[lang="fr"][data-primary-path="pioneer"] #page-title[data-pioneer-title-fr]::after{content:attr(data-pioneer-title-fr)}
html[data-primary-path="pioneer"] #hero-desc[data-pioneer-desc-ar]>*{display:none!important}
html[data-primary-path="pioneer"] #hero-desc[data-pioneer-desc-ar]::after{content:attr(data-pioneer-desc-ar);display:block;font-weight:700}
html[lang="fr"][data-primary-path="pioneer"] #hero-desc[data-pioneer-desc-fr]::after{content:attr(data-pioneer-desc-fr)}

/* All four Pioneer resource buttons are visibly green, with four related green tones. */
html[data-primary-path="pioneer"] .pioneer-action{position:relative!important;border-color:color-mix(in srgb,var(--pioneer-green) 44%,#cbd5e1)!important;color:#075f3d!important;background:color-mix(in srgb,var(--pioneer-green) 12%,#fff)!important;box-shadow:none!important}
html[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="exercise"]{background:color-mix(in srgb,var(--pioneer-green) 16%,#fff)!important}
html[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="quiz"]{background:color-mix(in srgb,var(--pioneer-green) 20%,#fff)!important}
html[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="video"]{background:color-mix(in srgb,var(--pioneer-green) 24%,#fff)!important}
html[data-primary-path="pioneer"] .pioneer-action:hover{border-color:var(--pioneer-green)!important;color:var(--pioneer-green-deep)!important;background:color-mix(in srgb,var(--pioneer-green) 28%,#fff)!important}
html[data-primary-path="pioneer"] .pioneer-action.is-open{border-color:var(--pioneer-green-deep)!important;background:linear-gradient(135deg,var(--pioneer-green),var(--pioneer-green-deep))!important;color:#fff!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-action{border-color:color-mix(in srgb,var(--pioneer-green) 50%,#334155)!important;color:#b9f9dc!important;background:color-mix(in srgb,var(--pioneer-green) 11%,#0f172a)!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="exercise"]{background:color-mix(in srgb,var(--pioneer-green) 15%,#0f172a)!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="quiz"]{background:color-mix(in srgb,var(--pioneer-green) 19%,#0f172a)!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="video"]{background:color-mix(in srgb,var(--pioneer-green) 23%,#0f172a)!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-action.is-open{background:linear-gradient(135deg,var(--pioneer-green),var(--pioneer-green-deep))!important;color:#05281a!important}

/* V230.44: Level 4 intentionally inherits the exact native General Primary resource accent. */


/* V230.44 — hard split between General and Pioneer L2 before first paint. */
html[data-primary-path="pioneer"] .subjects-grid .subject-card[data-primary-pioneer-supported="0"]{display:none!important}
html[data-primary-path="pioneer"] .subjects-grid[data-primary-path-grid="pioneer"] .subject-card{display:grid!important}
/* The Pioneer selector must remain readable and stable even though the static HTML defaults to General. */
html:not(.dark-mode)[data-primary-path="pioneer"] .p-track-choice[data-path="pioneer"]{background:linear-gradient(135deg,var(--pioneer-green),var(--pioneer-green-deep))!important;border-color:var(--pioneer-green)!important;color:#fff!important;box-shadow:0 9px 24px rgba(15,157,88,.22)!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .p-track-choice[data-path="pioneer"] *{color:#fff!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .p-track-choice[data-path="general"]{background:#fff!important;color:#10213a!important;border-color:var(--pioneer-green)!important}
/* New Pioneer light-mode green; dark mode intentionally keeps the V230.39 emerald that was approved. */
html:not(.dark-mode)[data-primary-path="pioneer"] .content-area .subject-card::before{background:linear-gradient(90deg,var(--pioneer-green),var(--pioneer-green-deep))!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .content-area .subj-icon{background:linear-gradient(135deg,var(--pioneer-green),var(--pioneer-green-deep))!important;box-shadow:0 8px 20px rgba(15,157,88,.22)!important}

/* V230.44 — two phase/group cards per desktop row; open group expands to the full row. */
html[data-primary-pioneer-l3="1"] .pioneer-program{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
html[data-primary-pioneer-l3="1"] .pioneer-phase[open]{grid-column:1/-1!important}

/* V230.44 — four resource buttons use solid green shades with white icon/title in light mode. */
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action{border-color:#0f8d50!important;background:#0f9d58!important;color:#fff!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="exercise"]{background:#118f50!important;border-color:#0c7e46!important;color:#fff!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="quiz"]{background:#159f59!important;border-color:#0e894d!important;color:#fff!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action[data-pioneer-action="video"]{background:#1aaa61!important;border-color:#109153!important;color:#fff!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action>i,
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action>span,
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action .schoolep-i18n-ar,
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action .schoolep-i18n-fr{color:#fff!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action:hover{background:var(--pioneer-green-deep)!important;border-color:var(--pioneer-green-deep)!important;color:#fff!important}
html:not(.dark-mode)[data-primary-path="pioneer"] .pioneer-action.is-open{background:linear-gradient(135deg,#087a43,#075f36)!important;border-color:#075f36!important;color:#fff!important}

/* V230.44 — sub-resource Mark-as-open: round dot + green title/icon only, persistent. */
html[data-primary-path="pioneer"] .pioneer-resource-link.is-visited{position:relative!important;border-color:var(--pioneer-green-line)!important;color:var(--pioneer-green-deep)!important}
html[data-primary-path="pioneer"] .pioneer-resource-link.is-visited>i,
html[data-primary-path="pioneer"] .pioneer-resource-link.is-visited>span{color:var(--pioneer-green-deep)!important}
html[data-primary-path="pioneer"] .pioneer-resource-link.is-visited::after{content:""!important;position:absolute!important;inset-block-start:7px!important;inset-inline-start:7px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:var(--pioneer-green)!important;opacity:.94!important;pointer-events:none!important;box-shadow:none!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-resource-link.is-visited{color:var(--pioneer-green)!important;border-color:var(--pioneer-green-line)!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-resource-link.is-visited>i,
html.dark-mode[data-primary-path="pioneer"] .pioneer-resource-link.is-visited>span{color:var(--pioneer-green)!important}

@media(max-width:900px){
 html[data-primary-pioneer-l3="1"] .pioneer-program{grid-template-columns:1fr!important}
 html[data-primary-pioneer-l3="1"] .pioneer-phase[open]{grid-column:auto!important}
}


/* V230.44 — two completely independent Level-2 subject shells. */
.subjects-grid[data-primary-path-grid]{display:none!important}
html:not([data-primary-path="pioneer"]) .subjects-grid[data-primary-path-grid="general"],
html[data-primary-path="general"] .subjects-grid[data-primary-path-grid="general"]{display:grid!important}
html[data-primary-path="pioneer"] .subjects-grid[data-primary-path-grid="pioneer"]{display:grid!important}
html[data-primary-path="pioneer"] .subjects-grid[data-primary-path-grid="general"]{display:none!important}
html[data-primary-path="general"] .subjects-grid[data-primary-path-grid="pioneer"]{display:none!important}

/* Pioneer cards are the native Primary cards, only with the Pioneer accent. */
html[data-primary-path="pioneer"] .pioneer-subjects-grid .subject-card::before{background:linear-gradient(90deg,var(--pioneer-green),var(--pioneer-green-deep))!important}
html[data-primary-path="pioneer"] .pioneer-subjects-grid .subj-icon{background:linear-gradient(135deg,var(--pioneer-green),var(--pioneer-green-deep))!important}

/* V230.44 — opening a category is NOT Mark-as-open. No dot is painted here. */
html[data-primary-path="pioneer"] .pioneer-action.is-open::after{content:none!important;display:none!important}

/* Native/general Mark-as-open parity. A round dot is added only after one of
   that category's concrete child resources was activated. */
html[data-primary-path="pioneer"] .pioneer-action.kind-visited{position:relative!important}
html[data-primary-path="pioneer"] .pioneer-action.kind-visited::after{content:""!important;display:block!important;position:absolute!important;inset-block-start:7px!important;inset-inline-start:7px!important;width:7px!important;height:7px!important;border:0!important;border-radius:50%!important;background:#fff!important;opacity:.96!important;pointer-events:none!important;box-shadow:none!important}
html[data-primary-path="pioneer"] .pioneer-lesson-card.card-visited .card-title{color:var(--pioneer-green-deep)!important;font-weight:900!important}
html[data-primary-path="pioneer"] .pioneer-lesson-card.card-visited .card-no{border-color:var(--pioneer-green)!important;color:var(--pioneer-green-deep)!important}

/* Child resource rows mirror the normal Primary L3 visited treatment: title
   and icon paint plus a small check at the inline end. */
html[data-primary-path="pioneer"] .pioneer-resource-link.is-visited{position:relative!important;border-color:var(--pioneer-green-line)!important;color:var(--pioneer-green-deep)!important;padding-inline-end:28px!important}
html[data-primary-path="pioneer"] .pioneer-resource-link.is-visited>i,
html[data-primary-path="pioneer"] .pioneer-resource-link.is-visited>span{color:var(--pioneer-green-deep)!important}
html[data-primary-path="pioneer"] .pioneer-resource-link.is-visited::after{content:"\2713"!important;position:absolute!important;inset-block-start:50%!important;inset-inline-end:9px!important;width:auto!important;height:auto!important;border:0!important;background:transparent!important;color:var(--pioneer-green-deep)!important;font-size:12px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important;transform:translateY(-50%)!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-resource-link.is-visited,
html.dark-mode[data-primary-path="pioneer"] .pioneer-resource-link.is-visited>i,
html.dark-mode[data-primary-path="pioneer"] .pioneer-resource-link.is-visited>span{color:var(--pioneer-green)!important}
html.dark-mode[data-primary-path="pioneer"] .pioneer-resource-link.is-visited::after{color:var(--pioneer-green)!important}


/* V230.44 — Pioneer Level-2 uses the exact native General Primary card geometry.
   Only the accent changes; no grid/title/subtitle/icon geometry is overridden here. */
/* V230.44 — exact native General L3 cards inside Pioneer groups. */
html[data-primary-pioneer-l3="1"] .pioneer-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}
html[data-primary-pioneer-l3="1"] .pioneer-card-grid .lesson-block{margin:0!important;min-width:0!important;width:100%!important}
html[data-primary-pioneer-l3="1"] .pioneer-phase-body{display:none}
html[data-primary-pioneer-l3="1"] .pioneer-phase[open]>.pioneer-phase-body{display:grid}
/* Kill all retired custom Pioneer card controls if stale cache/markup exists. */
html[data-primary-pioneer-l3="1"] .pioneer-action,html[data-primary-pioneer-l3="1"] .pioneer-resource-link{font:inherit}
@media(max-width:900px){html[data-primary-pioneer-l3="1"] .pioneer-card-grid{grid-template-columns:1fr!important}}

/* V230.45 — stable Level-2 path selector: it is real first-paint HTML and must never fade/hide during language/path boot. */
html[data-primary-level2="1"] .p-track-selector{display:flex!important;visibility:visible!important;opacity:1!important;min-height:52px!important;animation:none!important;transition:none!important;content-visibility:visible!important}
html[data-primary-level2="1"] .p-track-selector .p-track-choice{visibility:visible!important;opacity:1!important;animation:none!important}

/* V230.45 — Pioneer L3 performance: closed phases stay cheap and visible native cards only layout near the viewport. */
html[data-primary-pioneer-l3="1"] details.pioneer-phase:not([open])>.pioneer-phase-body{display:none!important}
html[data-primary-pioneer-l3="1"] .pioneer-phase[open] .lesson-block{content-visibility:auto;contain-intrinsic-size:210px 560px}
html[data-primary-pioneer-l3="1"] .pioneer-phase[open] .res-panel[hidden]{content-visibility:hidden}

/* V230.45 — exact General-style visited fallback for Pioneer child resources. Shared level3-resource-pins remains canonical. */
html[data-primary-pioneer-l3="1"] .lesson-block.pioneer-native-card-visited .lesson-title .title-text{color:var(--accent-600)!important;font-weight:900!important}
html[data-primary-pioneer-l3="1"] .lesson-block.pioneer-native-card-visited .num-squares{border-color:var(--accent)!important;color:var(--accent-600)!important;background:transparent!important}
html[data-primary-pioneer-l3="1"] .res-toggle.pioneer-native-kind-visited{position:relative!important;border-color:var(--card-bd)!important;background:var(--surface)!important;color:var(--accent-600)!important;font-weight:800!important}
html[data-primary-pioneer-l3="1"] .res-toggle.pioneer-native-kind-visited i{color:var(--accent-600)!important}
html[data-primary-pioneer-l3="1"] .res-toggle.pioneer-native-kind-visited::after{content:""!important;position:absolute!important;inset-block-start:7px!important;inset-inline-start:7px!important;width:7px!important;height:7px!important;border:0!important;border-radius:50%!important;background:var(--accent)!important;opacity:.92!important;pointer-events:none!important}
html[data-primary-pioneer-l3="1"] .res-item.pioneer-native-item-visited{position:relative!important;border-color:var(--accent)!important;background:var(--surface)!important;box-shadow:inset 0 -3px 0 var(--accent)!important}
html[data-primary-pioneer-l3="1"] .res-item.pioneer-native-item-visited .res-meta a,html[data-primary-pioneer-l3="1"] .res-item.pioneer-native-item-visited .res-meta i{color:var(--accent-600)!important;font-weight:800!important}
html[data-primary-pioneer-l3="1"] .res-item.pioneer-native-item-visited::after{content:"\2713"!important;position:absolute!important;top:50%!important;inset-inline-end:9px!important;color:var(--accent-600)!important;font-size:12px!important;font-weight:900!important;line-height:1!important;transform:translateY(-50%)!important}