/*
 * Manabi Video Navi V262 — critical contrast delivery layer.
 *
 * Unique asset identity + final cascade position prevents a retained V249,
 * V250, browser cache or PWA cache from restoring the reported pale labels.
 * Presentation only: no layout, form, QR, canvas, authentication or learning
 * behavior is changed.
 */

body.page-index #main-content .koto-experience-track > article > b,
body.page-index #main-content .koto-experience-track > article.is-goal > b,
body.page-index #main-content .koto-learning-range-grid > article > ul > li {
  border-color: #7cb8dc !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  -webkit-text-stroke-color: #000000 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.page-index #main-content .koto-scene-grid .koto-scene-art > b {
  border: 2px solid #8b6cff !important;
  background: #3d247f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(34, 18, 92, .30) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.page-index #main-content .koto-scene-grid .koto-scene-art > b > svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}

body.page-index #main-content .koto-scene-grid .koto-scene-art > b > svg [fill="currentColor"] {
  fill: #ffffff !important;
}

body.page-index #main-content .koto-scene-grid .koto-scene-art > b > svg [stroke="none"] {
  stroke: none !important;
}

body #main-content .practice-processing-overlay .practice-processing-card::before,
body #main-content .practice-processing-overlay .practice-processing-card::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

body #main-content .practice-processing-overlay .practice-processing-card {
  background: linear-gradient(145deg, #071f45, #0b315c) !important;
  color: #ffffff !important;
}

body #main-content .practice-processing-overlay .practice-processing-card > * {
  position: relative;
  z-index: 1;
}

body #main-content .practice-processing-overlay .practice-processing-card
  :is(h1, h2, h3, strong, .eyebrow) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body #main-content .practice-processing-overlay .practice-processing-card
  :is(p, small, .practice-processing-help) {
  color: #dbe9f8 !important;
  -webkit-text-fill-color: #dbe9f8 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body #main-content .practice-processing-overlay .practice-processing-stages > li,
body #main-content .practice-processing-overlay .practice-processing-card
  :is([data-processing-cancel], [data-dekiru-processing-cancel]) {
  border-color: #4178ad !important;
  background: #0b2b58 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body #main-content .practice-processing-overlay .practice-processing-stages > li.is-current {
  border-color: #59d8ff !important;
  background: #104a78 !important;
}

@media (forced-colors: active) {
  body.page-index #main-content .koto-experience-track > article > b,
  body.page-index #main-content .koto-learning-range-grid > article > ul > li,
  body.page-index #main-content .koto-scene-grid .koto-scene-art > b,
  body #main-content .practice-processing-overlay .practice-processing-card,
  body #main-content .practice-processing-overlay .practice-processing-stages > li {
    border: 2px solid CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
  }
}