/* SchoolEP V230.35 — Primary dual curriculum path + stable Pioneer L3/L4. */
:root{--pioneer-green:#168a4f;--pioneer-green-soft:#eaf8f0;--pioneer-green-line:#98d8b4}
.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}

/* Never paint the legacy semester template on a Pioneer L3 route. */
html[data-primary-pioneer-l3="1"]:not([data-primary-pioneer-ready="1"]) #program{display:none!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}
html[data-primary-pioneer-l3="1"][data-primary-pioneer-ready="1"] #program{display:block!important}
html[data-primary-pioneer-l3="1"] #program>.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}}