/* Practice + Listening student-screen recovery.
 * Keep the active learning route above decorative/legacy layers and preserve
 * readable V1.2 light surfaces without changing learning business logic.
 */

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) {
  position: relative !important;
  isolation: isolate;
  z-index: 40 !important;
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
  color: var(--des-text-primary, #172033);
  background: var(--des-surface-page, #f6f8fb);
  pointer-events: auto !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
)::before,
:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
)::after {
  pointer-events: none !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is([aria-hidden="true"], .decorative-layer, .background-layer, .ambient-layer) {
  pointer-events: none !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(
  .page-card,
  .feature-card,
  .student-card,
  .practice-card,
  .listening-card,
  .question-card,
  .exercise-card,
  .task-card,
  .panel,
  [data-discovery-surface="raised"],
  [data-des-surface="light"],
  [data-surface="light"]
) {
  position: relative;
  z-index: 2;
  color: var(--des-text-primary, #172033) !important;
  background: var(--des-surface-raised, #ffffff) !important;
  border-color: var(--des-border-subtle, #d9e1ea);
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(
  .page-card,
  .feature-card,
  .student-card,
  .practice-card,
  .listening-card,
  .question-card,
  .exercise-card,
  .task-card,
  .panel,
  [data-discovery-surface="raised"],
  [data-des-surface="light"],
  [data-surface="light"]
) :is(h1, h2, h3, h4, h5, h6, strong, b, label, legend) {
  color: var(--des-text-primary, #172033) !important;
  -webkit-text-fill-color: currentColor !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(
  .page-card,
  .feature-card,
  .student-card,
  .practice-card,
  .listening-card,
  .question-card,
  .exercise-card,
  .task-card,
  .panel,
  [data-discovery-surface="raised"],
  [data-des-surface="light"],
  [data-surface="light"]
) :is(p, li, small, .muted, .supporting-copy, .helper-text) {
  color: var(--des-text-secondary, #40506a) !important;
  -webkit-text-fill-color: currentColor !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(button, [role="button"], a, input, textarea, select, audio, .audio-player, .assessment-flow-toolbar) {
  position: relative;
  z-index: 10;
  pointer-events: auto !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(button, [role="button"]) {
  min-height: 44px;
  touch-action: manipulation;
  cursor: pointer;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(
  .button-primary,
  .v35-primary-button,
  .v36-primary-button,
  [data-variant="primary"]
),
:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(
  .button-primary,
  .v35-primary-button,
  .v36-primary-button,
  [data-variant="primary"]
) * {
  color: var(--des-primary-action-text, #ffffff) !important;
  background-color: var(--des-primary-action-background, #3157d5);
  -webkit-text-fill-color: currentColor !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(.button-secondary, [data-variant="secondary"]) {
  color: var(--des-secondary-action-text, #172033) !important;
  background: var(--des-secondary-action-background, #ffffff) !important;
  border-color: var(--des-border-default, #aeb9c8) !important;
  -webkit-text-fill-color: currentColor !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(button, [role="button"]):disabled {
  color: var(--des-text-disabled, #596579) !important;
  background: var(--des-surface-muted, #eef2f6) !important;
  border-color: var(--des-border-subtle, #d9e1ea) !important;
  opacity: 1 !important;
  cursor: not-allowed;
  -webkit-text-fill-color: currentColor !important;
}

:is(
  .learning-module-screen,
  .exam-skill-flow-page,
  .ordinary-listening-page,
  .student-first-listening-page,
  .practice-discovery-page,
  .practice-journey-page
) :is(button, [role="button"], input, textarea, select):focus-visible {
  outline: 3px solid var(--discovery-focus, #7f6cf2) !important;
  outline-offset: 3px;
}

@media (max-width: 820px) {
  :is(
    .learning-module-screen,
    .exam-skill-flow-page,
    .ordinary-listening-page,
    .student-first-listening-page,
    .practice-discovery-page,
    .practice-journey-page
  ) {
    overflow-x: hidden;
  }

  :is(
    .learning-module-screen,
    .exam-skill-flow-page,
    .ordinary-listening-page,
    .student-first-listening-page,
    .practice-discovery-page,
    .practice-journey-page
  ) :is(.assessment-flow-toolbar, .action-row, .button-row) {
    position: relative;
    z-index: 12;
  }
}