/* Learning page layout v3: desktop-first Tutor-style workspace. */
@media (min-width: 1051px) {
  body.mathcourse-site:has(.mc-course-player) .mc-course-player {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 48px !important;
    box-sizing: border-box !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__topbar {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 64px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: #151a22 !important;
    border-bottom: 1px solid #272e39 !important;
    box-sizing: border-box !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__back {
    display: grid !important;
    place-items: center !important;
    width: 64px !important;
    height: 64px !important;
    flex: 0 0 64px !important;
    color: #e5e9ef !important;
    background: #202631 !important;
    border: 0 !important;
    border-right: 1px solid #2b323e !important;
    border-radius: 0 !important;
    font-size: 31px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__back:hover {
    color: #fff !important;
    background: #292f3a !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__course-title {
    min-width: 0 !important;
    padding: 0 24px !important;
    color: #f0f2f5 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__workspace {
    width: min(1320px, calc(100% - 64px)) !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: start !important;
    box-sizing: border-box !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__main {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__video,
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__video .mathcourse-artplayer,
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__video .art-video-player {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.mathcourse-site:has(.mc-course-player) .mc-course-player__video .mathcourse-artplayer {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
  }
}

@media (min-width: 1450px) {
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__workspace {
    width: min(1400px, calc(100% - 96px)) !important;
    max-width: 1400px !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
  }
}

/* Tutor-style dark course outline. */
body.mathcourse-site:has(.mc-course-player) .mc-course-player__sidebar {
  color: #d9dee7 !important;
  background: #202631 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-line {
  display: block !important;
  min-height: 0 !important;
  padding: 20px 22px 18px !important;
  background: #202631 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-copy {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 13px !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-copy span {
  color: #d8dde5 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-copy strong {
  color: #d8dde5 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-track {
  height: 7px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #151a22 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-track i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: #25a65a !important;
  transition: width .2s ease !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-count {
  margin-top: 9px !important;
  color: #7e8795 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topics {
  max-height: calc(100vh - 210px) !important;
  overflow-y: auto !important;
  padding: 0 9px 10px !important;
  background: #202631 !important;
  scrollbar-color: #454d5a transparent !important;
  scrollbar-width: thin !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic {
  border: 0 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic h3 {
  min-height: 44px !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #cbd1db !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic h3:hover {
  background: #292f3a !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic h3:before {
  left: 13px !important;
  border-left-color: #8a94a3 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic h3:after {
  right: 12px !important;
  width: 6px !important;
  height: 6px !important;
  background: #4b5360 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic.is-open h3 {
  color: #e5e9ef !important;
  background: #292f3a !important;
  box-shadow: inset 2px 0 0 #3180ff !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic.is-open h3:before {
  border-left-color: #4d8dff !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic:has(.mc-course-player__item.is-complete) h3:after {
  background: #35b96a !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__topic:has(.mc-course-player__item.is-active) h3:after {
  background: #4b8dff !important;
  box-shadow: none !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__lessons {
  position: relative !important;
  margin: 0 0 3px 17px !important;
  padding: 5px 0 7px 8px !important;
  background: transparent !important;
  border-left: 1px solid #313946 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item {
  position: relative !important;
  min-height: 42px !important;
  margin: 2px 0 !important;
  padding: 9px 9px !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #9ca5b3 !important;
  gap: 8px !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item:hover {
  background: #292f3a !important;
  color: #e0e5ec !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item > span:nth-child(2) {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__check {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #7f8998 !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item:not(.is-complete):not(.is-active):not(.is-locked) .mc-course-player__check {
  border: 2px solid #687487 !important;
  box-sizing: border-box !important;
  color: transparent !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item.is-complete .mc-course-player__check {
  background: #22ad58 !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 11px !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item.is-active {
  background: #303642 !important;
  color: #e9edf3 !important;
  box-shadow: inset 2px 0 0 #3984ff !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item.is-active .mc-course-player__check {
  border: 2px solid #4d8cff !important;
  background: transparent !important;
  color: #4d8cff !important;
  font-size: 8px !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item.is-active > span:nth-child(2) {
  font-weight: 700 !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item.is-locked {
  color: #687384 !important;
  background: transparent !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item.is-locked .mc-course-player__check {
  color: #7d8795 !important;
  background: transparent !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__item small {
  margin-left: auto !important;
  padding: 3px 6px !important;
  border-radius: 5px !important;
  background: #3a3024 !important;
  color: #e7a044 !important;
  font-size: 9px !important;
}

body.mathcourse-site:has(.mc-course-player) .mc-course-player__more {
  display: none !important;
}

@media (max-width: 1050px) {
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__topbar {
    display: flex !important;
    height: 56px !important;
    margin-bottom: 12px !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__back {
    width: 56px !important;
    height: 56px !important;
    flex-basis: 56px !important;
    font-size: 28px !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__course-title {
    padding: 0 16px !important;
    font-size: 18px !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__workspace {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    grid-template-columns: 1fr !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__sidebar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-line {
    display: block !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__topics {
    max-height: none !important;
  }
}

@media (max-width: 600px) {
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__workspace {
    width: 100% !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-line {
    padding: 18px 18px 15px !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__progress-copy span {
    font-size: 15px !important;
  }
  body.mathcourse-site:has(.mc-course-player) .mc-course-player__lessons {
    margin-left: 15px !important;
  }
}