/*
 * SchoolEP Level 3 stable shell.
 *
 * Painting intentionally stays in the original V9 subject-primary,
 * subject-middle, and subject-secondary stylesheets. This file changes no
 * colors, cuts, shadows, marks, or typography. Every card and every resource
 * row is real HTML, so the shell is visible from the first frame. The shared
 * engine attaches saved state while the parser builds the page.
 */

html.schoolep-level3-accordion-restoring .content-area .lesson-block,
html.schoolep-level3-accordion-restoring .content-area .res-panel,
html.schoolep-level3-accordion-restoring .content-area .res-toggle,
html.schoolep-level3-accordion-restoring .content-area .exam-toggle-btn {
  transition: none !important;
  animation: none !important;
}

/* V102: supervised cards keep V101 title paint, remove native mobile tap rectangles, and add model cut separators through the shared Level 3 runtime. */


/* V170: hard shell guards. Closed panels stay closed, open panels are painted only by saved state. */
.content-area .res-panel[hidden],
.content-area .res-panel[aria-hidden="true"] {
  display: none !important;
}
.content-area .res-panel.open[aria-hidden="false"] {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* V227 supervised-card disclosure arrow parity */
.content-area .supervised-toggle-btn .chev,.content-area .exam-toggle-btn .chev{margin-inline-start:auto;transition:transform .2s ease;color:currentColor!important;}
.content-area .supervised-toggle-btn[aria-expanded="true"] .chev,.content-area .exam-toggle-btn[aria-expanded="true"] .chev{transform:rotate(180deg)!important;}

/* V230.73 — SINGLE SOURCE OF TRUTH for the opened category point.
   State comes only from level3-resource-pins.js.
   The point lives only in this file.
   Logical inline-start means:
     Arabic/RTL -> right
     French/LTR -> left
   No JavaScript-injected dot CSS and no stage-specific duplicate pseudo rules. */
html[data-schoolep-cycle] body .content-area .lesson-links .res-toggle.kind-visited,
html[data-schoolep-cycle] body .content-area .lesson-links .res-toggle.last-open-kind,
html[data-schoolep-cycle] body .content-area .lesson-links .exam-toggle-btn.kind-visited,
html[data-schoolep-cycle] body .content-area .lesson-links .exam-toggle-btn.last-open-kind,
html[data-schoolep-cycle] body .content-area .lesson-links .supervised-toggle-btn.kind-visited,
html[data-schoolep-cycle] body .content-area .lesson-links .supervised-toggle-btn.last-open-kind {
  position: relative;
  color: var(--accent-600);
  border-color: var(--accent);
  font-weight: 800;
  overflow: visible;
}

html[data-schoolep-cycle] body .content-area .lesson-links .res-toggle.kind-visited::before,
html[data-schoolep-cycle] body .content-area .lesson-links .res-toggle.last-open-kind::before,
html[data-schoolep-cycle] body .content-area .lesson-links .exam-toggle-btn.kind-visited::before,
html[data-schoolep-cycle] body .content-area .lesson-links .exam-toggle-btn.last-open-kind::before,
html[data-schoolep-cycle] body .content-area .lesson-links .supervised-toggle-btn.kind-visited::before,
html[data-schoolep-cycle] body .content-area .lesson-links .supervised-toggle-btn.last-open-kind::before {
  content: none;
  display: none;
}

html[data-schoolep-cycle] body .content-area .lesson-links .res-toggle.kind-visited::after,
html[data-schoolep-cycle] body .content-area .lesson-links .res-toggle.last-open-kind::after,
html[data-schoolep-cycle] body .content-area .lesson-links .exam-toggle-btn.kind-visited::after,
html[data-schoolep-cycle] body .content-area .lesson-links .exam-toggle-btn.last-open-kind::after,
html[data-schoolep-cycle] body .content-area .lesson-links .supervised-toggle-btn.kind-visited::after,
html[data-schoolep-cycle] body .content-area .lesson-links .supervised-toggle-btn.last-open-kind::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  inset-inline-start: 7px;
  width: 7px;
  height: 7px;
  border: 0;
  border-radius: 50%;
  background: var(--opened-dot-color, var(--accent));
  opacity: .92;
  pointer-events: none;
  box-shadow: var(--opened-dot-shadow, none);
  z-index: 4;
}

html[data-schoolep-cycle] body .content-area .lesson-links .res-toggle.last-open-kind::after,
html[data-schoolep-cycle] body .content-area .lesson-links .exam-toggle-btn.last-open-kind::after,
html[data-schoolep-cycle] body .content-area .lesson-links .supervised-toggle-btn.last-open-kind::after {
  opacity: 1;
  box-shadow: var(
    --opened-dot-last-shadow,
    0 0 0 2px color-mix(in srgb, var(--opened-dot-color, var(--accent)) 14%, transparent)
  );
}