/* SchoolEP V230.81 — PHYSICAL Middle Pioneer L2 visual source.
   Loaded ONLY by /pages/m1|m2|m3/pioneer/m*.html.
   It does not depend on data-middle-path to remain Pioneer yellow. */

html[data-middle-pioneer-l2="1"]{
  --mp81-yellow:#ffd003;
  --mp81-yellow-deep:#cad000;
  --mp81-yellow-bright:#f7ff06;
  --mp81-ink:#3d3300;
}

/* Hero */
html[data-middle-pioneer-l2="1"] .content-area .sp-hero{
  border-color:var(--mp81-yellow);
  background:linear-gradient(135deg,#fff8bf 0%,var(--mp81-yellow) 100%);
  box-shadow:0 5px 16px rgba(202,208,0,.18);
}
html[data-middle-pioneer-l2="1"] .content-area .sp-hero h2,
html[data-middle-pioneer-l2="1"] .content-area .sp-hero h2 span,
html[data-middle-pioneer-l2="1"] .content-area .sp-hero h2 i,
html[data-middle-pioneer-l2="1"] .content-area .sp-hero p,
html[data-middle-pioneer-l2="1"] .content-area .sp-hero p span,
html[data-middle-pioneer-l2="1"] .content-area .sp-hero p strong{
  color:#342c00;
  text-shadow:none;
}

/* Path selector: Pioneer is authored active in physical HTML. */
html[data-middle-pioneer-l2="1"] .middle-track-selector{
  background:transparent;
  border:0;
  box-shadow:none;
}
html[data-middle-pioneer-l2="1"] .middle-track-choice[data-path="general"]{
  background:#fff;
  border-color:#d8dee8;
  color:#7c4a25;
  box-shadow:none;
}
html[data-middle-pioneer-l2="1"] .middle-track-choice[data-path="general"] .track-icon{
  background:#f97316;
  color:#fff;
}
html[data-middle-pioneer-l2="1"] .middle-track-choice[data-path="pioneer"]{
  background:linear-gradient(135deg,#fff9cf,#fff0a0);
  border-color:var(--mp81-yellow);
  color:#6b5900;
  box-shadow:0 5px 17px rgba(202,208,0,.15);
}
html[data-middle-pioneer-l2="1"] .middle-track-choice[data-path="pioneer"] .track-icon{
  background:linear-gradient(135deg,#ffe86a,var(--mp81-yellow));
  color:#3d3400;
}

/* Pioneer cards: no orange fallback. */
html[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subject-card{
  position:relative;
  border-color:color-mix(in srgb,var(--mp81-yellow) 58%,#d8dee8);
  background:linear-gradient(145deg,#fffef5,#fff7c8);
  box-shadow:0 5px 15px rgba(202,208,0,.10);
}
html[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subject-card::before{
  background:var(--mp81-yellow);
}
html[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subject-card::after{
  background:linear-gradient(90deg,#ffe66b,var(--mp81-yellow),var(--mp81-yellow-deep));
}
html[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subject-card:hover,
html[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subject-card:focus-visible{
  border-color:var(--mp81-yellow);
  background:linear-gradient(145deg,#fffdf0,#fff2a0);
  box-shadow:0 9px 24px rgba(202,208,0,.20);
}
html[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subj-icon{
  background:linear-gradient(135deg,#ffe66b,var(--mp81-yellow));
  color:#3d3400;
  box-shadow:0 7px 17px rgba(202,208,0,.20);
}

/* Dark mode — neutral dark surfaces + Pioneer yellow accents. */
html.dark-mode[data-middle-pioneer-l2="1"] .content-area .sp-hero,
html[data-middle-pioneer-l2="1"] body.dark-mode .content-area .sp-hero{
  background:linear-gradient(145deg,#101827,#172033);
  border-color:var(--mp81-yellow-deep);
  box-shadow:0 0 0 1px rgba(202,208,0,.10),0 7px 20px rgba(0,0,0,.30);
}
html.dark-mode[data-middle-pioneer-l2="1"] .content-area .sp-hero h2,
html.dark-mode[data-middle-pioneer-l2="1"] .content-area .sp-hero h2 span,
html.dark-mode[data-middle-pioneer-l2="1"] .content-area .sp-hero h2 i,
html[data-middle-pioneer-l2="1"] body.dark-mode .content-area .sp-hero h2,
html[data-middle-pioneer-l2="1"] body.dark-mode .content-area .sp-hero h2 span,
html[data-middle-pioneer-l2="1"] body.dark-mode .content-area .sp-hero h2 i{
  color:#f8fafc;
}
html.dark-mode[data-middle-pioneer-l2="1"] .content-area .sp-hero p,
html.dark-mode[data-middle-pioneer-l2="1"] .content-area .sp-hero p span,
html[data-middle-pioneer-l2="1"] body.dark-mode .content-area .sp-hero p,
html[data-middle-pioneer-l2="1"] body.dark-mode .content-area .sp-hero p span{
  color:#d7e0ec;
}
html.dark-mode[data-middle-pioneer-l2="1"] .content-area .sp-hero p strong,
html[data-middle-pioneer-l2="1"] body.dark-mode .content-area .sp-hero p strong{
  color:#f8fafc;
}

html.dark-mode[data-middle-pioneer-l2="1"] .middle-track-choice[data-path="general"],
html[data-middle-pioneer-l2="1"] body.dark-mode .middle-track-choice[data-path="general"]{
  background:#172033;
  border-color:#4b5563;
  color:#fdba74;
}
html.dark-mode[data-middle-pioneer-l2="1"] .middle-track-choice[data-path="pioneer"],
html[data-middle-pioneer-l2="1"] body.dark-mode .middle-track-choice[data-path="pioneer"]{
  background:#202600;
  border-color:var(--mp81-yellow-deep);
  color:var(--mp81-yellow-bright);
}
html.dark-mode[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subject-card,
html[data-middle-pioneer-l2="1"] body.dark-mode .middle-pioneer-grid .subject-card{
  background:#111827;
  border-color:#596300;
  color:#f8fafc;
}
html.dark-mode[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subject-card::before,
html[data-middle-pioneer-l2="1"] body.dark-mode .middle-pioneer-grid .subject-card::before{
  background:var(--mp81-yellow-deep);
}
html.dark-mode[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subject-card::after,
html[data-middle-pioneer-l2="1"] body.dark-mode .middle-pioneer-grid .subject-card::after{
  background:linear-gradient(90deg,var(--mp81-yellow-deep),var(--mp81-yellow-bright),var(--mp81-yellow-deep));
}
html.dark-mode[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subj-title,
html[data-middle-pioneer-l2="1"] body.dark-mode .middle-pioneer-grid .subj-title{
  color:#f8fafc;
}
html.dark-mode[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subj-desc,
html[data-middle-pioneer-l2="1"] body.dark-mode .middle-pioneer-grid .subj-desc{
  color:#cbd5e1;
}
html.dark-mode[data-middle-pioneer-l2="1"] .middle-pioneer-grid .subj-icon,
html[data-middle-pioneer-l2="1"] body.dark-mode .middle-pioneer-grid .subj-icon{
  background:linear-gradient(135deg,var(--mp81-yellow-deep),var(--mp81-yellow-bright));
  color:#242700;
}