/* V287: keep the Dekiru route connector behind its numbered nodes and restore
 * dark mobile MyPage section copy on the light learner workplane. */

body.app-shell.future-ui.mnv-future-ui.page-dekiru_route .dekiru-progress {
  isolation: isolate;
}

/* Older themes draw both a full-width track and per-step connectors. Use only
 * the segmented connectors so no second track can paint across a number. */
body.app-shell.future-ui.mnv-future-ui.page-dekiru_route .dekiru-progress::before {
  display: none !important;
}

body.app-shell.future-ui.mnv-future-ui.page-dekiru_route .dekiru-progress li {
  z-index: auto !important;
  isolation: auto;
}

body.app-shell.future-ui.mnv-future-ui.page-dekiru_route .dekiru-progress li::before {
  z-index: 0 !important;
  pointer-events: none !important;
}

body.app-shell.future-ui.mnv-future-ui.page-dekiru_route .dekiru-progress li:first-child::before {
  display: none !important;
}

body.app-shell.future-ui.mnv-future-ui.page-dekiru_route .dekiru-progress li > span {
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate;
  border-color: #527493 !important;
  background: #081e43 !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
}

body.app-shell.future-ui.mnv-future-ui.page-dekiru_route .dekiru-progress li.is-done > span {
  border-color: #3fd8b2 !important;
  background: #08745f !important;
}

body.app-shell.future-ui.mnv-future-ui.page-dekiru_route .dekiru-progress li.is-current > span {
  border-color: #64eaff !important;
  background: #123e76 !important;
}

/* The mobile learner page deliberately switches to a light workplane. Its
 * section heading must therefore not inherit the global dark-theme white ink. */
@media (max-width: 780px) {
  body.app-shell.future-ui.mnv-future-ui.shell-learner.page-mypage .dash-section-head {
    color: #102f4f !important;
  }

  body.app-shell.future-ui.mnv-future-ui.shell-learner.page-mypage .dash-section-head > h2 {
    color: #102f4f !important;
    -webkit-text-fill-color: #102f4f !important;
    opacity: 1 !important;
  }

  body.app-shell.future-ui.mnv-future-ui.shell-learner.page-mypage .dash-section-head > :is(span, small, .muted) {
    color: #465f78 !important;
    -webkit-text-fill-color: #465f78 !important;
    opacity: 1 !important;
  }
}