/* EDQ V48.5.2 — CSS extrait : widget Prochain cours L + carrousel. */
/* V48.4.1 — Dashboard V2 mobile : Prochain cours L plein format. */
@media (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-widget--large .dashboard-mobile-widget__body {
    padding: 0 !important;
    overflow: visible !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) var(--dashboard-mobile-course-l-dots-height, 1.18rem) !important;
    gap: clamp(0.22rem, 1.35vw, 0.34rem) !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    touch-action: pan-x !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel__viewport {
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: clamp(1.22rem, 5.4vw, 1.68rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel__track {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel__track::-webkit-scrollbar {
    display: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card {
    box-sizing: border-box !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    scroll-snap-align: start !important;
    position: relative !important;
    isolation: isolate !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    gap: clamp(0.44rem, 2.15vw, 0.66rem) !important;
    padding: clamp(0.76rem, 3.2vw, 1rem) clamp(0.78rem, 3.45vw, 1.05rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 48%, rgba(255,255,255,.14)) !important;
    border-radius: clamp(1.22rem, 5.4vw, 1.68rem) !important;
    color: #f8fafc !important;
    background:
      radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 34%, transparent), transparent 56%),
      linear-gradient(145deg, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 18%, rgba(255,255,255,.07)), rgba(8,13,29,.72)) !important;
    box-shadow:
      0 16px 38px color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 18%, rgba(0,0,0,.26)),
      inset 0 1px 0 rgba(255,255,255,.12) !important;
    overflow: hidden !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card::before,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card::after {
    content: none !important;
    display: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__head {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(0.5rem, 2.4vw, 0.7rem) !important;
    min-width: 0 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__icon {
    display: grid !important;
    place-items: center !important;
    width: clamp(2.45rem, 11.2vw, 3.05rem) !important;
    height: clamp(2.45rem, 11.2vw, 3.05rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 56%, rgba(255,255,255,.16)) !important;
    border-radius: clamp(0.95rem, 4.2vw, 1.2rem) !important;
    color: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 78%, #ffffff 22%) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 18%, rgba(255,255,255,.08)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__icon i {
    font-size: clamp(1.14rem, 5vw, 1.45rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__title {
    display: grid !important;
    min-width: 0 !important;
    gap: 0.08rem !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__title em {
    overflow: hidden !important;
    color: color-mix(in srgb, #e2e8f0 66%, var(--dashboard-mobile-course-color, #38bdf8) 34%) !important;
    font-size: clamp(0.66rem, 2.75vw, 0.78rem) !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: 0.13em !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__title strong {
    display: grid !important;
    min-width: 0 !important;
    color: #ffffff !important;
    font-size: clamp(1.08rem, 5.55vw, 1.48rem) !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
    line-height: 0.98 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__title strong span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__countdown {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.6rem !important;
    min-height: clamp(2.28rem, 9.5vw, 2.8rem) !important;
    padding: 0.48rem 0.66rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 38%, rgba(255,255,255,.13)) !important;
    border-radius: clamp(0.86rem, 3.8vw, 1.08rem) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 12%, rgba(15,23,42,.68)) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__countdown span {
    color: color-mix(in srgb, #cbd5e1 72%, var(--dashboard-mobile-course-color, #38bdf8) 28%) !important;
    font-size: clamp(0.58rem, 2.45vw, 0.7rem) !important;
    font-weight: 920 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__countdown strong {
    color: color-mix(in srgb, var(--dashboard-mobile-course-color, #38bdf8) 58%, #ffffff 42%) !important;
    font-size: clamp(1.03rem, 5vw, 1.38rem) !important;
    font-weight: 950 !important;
    letter-spacing: -0.06em !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__meta {
    display: grid !important;
    align-content: start !important;
    gap: clamp(0.16rem, 0.9vw, 0.26rem) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    color: rgba(203, 213, 225, .76) !important;
    font-size: clamp(0.66rem, 2.85vw, 0.78rem) !important;
    font-weight: 780 !important;
    line-height: 1.18 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.34rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__meta i {
    flex: 0 0 auto !important;
    color: var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) !important;
    font-size: 0.82rem !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__vote {
    display: grid !important;
    gap: clamp(0.36rem, 1.55vw, 0.5rem) !important;
    padding-top: clamp(0.36rem, 1.8vw, 0.5rem) !important;
    border-top: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 28%, rgba(255,255,255,.13)) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__status {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.52rem !important;
    min-width: 0 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__status span {
    color: rgba(203, 213, 225, .7) !important;
    font-size: clamp(0.62rem, 2.55vw, 0.72rem) !important;
    font-weight: 920 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__status strong {
    font-size: clamp(0.78rem, 3.25vw, 0.94rem) !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__status.is-present strong { color: #34d399 !important; }
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__status.is-absent strong { color: #fb7185 !important; }
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__status.is-late strong { color: #f59e0b !important; }
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__status.is-unconfirmed strong { color: #fde68a !important; }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__vote-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(0.28rem, 1.25vw, 0.42rem) !important;
    min-width: 0 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote {
    min-width: 0 !important;
    min-height: clamp(2.05rem, 8vw, 2.45rem) !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: clamp(0.24rem, 1.15vw, 0.36rem) !important;
    padding: 0.38rem 0.44rem !important;
    border-radius: clamp(0.72rem, 3.2vw, 0.94rem) !important;
    font-size: clamp(0.66rem, 2.85vw, 0.78rem) !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote__chevron {
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0.88 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote:not(.is-active):not(.is-pending-reason) {
    border-color: color-mix(in srgb, rgba(148, 163, 184, .72) 34%, transparent) !important;
    color: rgba(226, 232, 240, .92) !important;
    background: color-mix(in srgb, #020617 82%, rgba(255,255,255,.055)) !important;
    box-shadow: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote[data-dashboard-v2-course-vote="P"].is-active {
    border-color: color-mix(in srgb, #10b981 62%, transparent) !important;
    color: #34d399 !important;
    background: color-mix(in srgb, #10b981 18%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #10b981 20%, transparent), 0 10px 22px color-mix(in srgb, #10b981 12%, transparent) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote[data-dashboard-v2-course-vote="A"].is-active,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote[data-dashboard-v2-course-vote="A"].is-pending-reason {
    border-color: color-mix(in srgb, #fb7185 64%, transparent) !important;
    color: #fb7185 !important;
    background: color-mix(in srgb, #fb7185 17%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #fb7185 20%, transparent), 0 10px 22px color-mix(in srgb, #fb7185 12%, transparent) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote[data-dashboard-v2-course-vote="R"].is-active,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote[data-dashboard-v2-course-vote="R"].is-pending-reason {
    border-color: color-mix(in srgb, #f59e0b 64%, transparent) !important;
    color: #f59e0b !important;
    background: color-mix(in srgb, #f59e0b 17%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 20%, transparent), 0 10px 22px color-mix(in srgb, #f59e0b 12%, transparent) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .dashboard-v2-carousel__dots,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .my-courses-next-carousel__dots {
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--dashboard-mobile-course-l-dots-height, 1.18rem) !important;
    margin: 0 !important;
    gap: 0.34rem !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .dashboard-v2-carousel__dot,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .my-courses-next-carousel__dot {
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 0.42rem !important;
    height: 0.42rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .dashboard-v2-carousel__dot::before,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .my-courses-next-carousel__dot::before {
    content: "" !important;
    width: 0.38rem !important;
    height: 0.38rem !important;
    border-radius: 999px !important;
    background: rgba(148, 163, 184, .48) !important;
    box-shadow: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .dashboard-v2-carousel__dot.is-active::before,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .my-courses-next-carousel__dot.is-active::before {
    width: 0.92rem !important;
    background: var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) !important;
  }
}

/* V48.4.2 — Dashboard V2 mobile : Prochain cours L finalisé, vote par défaut et scrim motif. */
.dashboard-v2-reason-floating-scrim {
  position: fixed !important;
  inset: 0 !important;
  z-index: 13970 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: rgba(2, 6, 23, .42) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  cursor: default !important;
  touch-action: none !important;
}

.dashboard-v2-reason-floating-scrim:focus,
.dashboard-v2-reason-floating-scrim:focus-visible,
.dashboard-v2-reason-floating-scrim:hover,
.dashboard-v2-reason-floating-scrim:active {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: rgba(2, 6, 23, .42) !important;
}

.dashboard-v2-reason-floating {
  z-index: 13990 !important;
}

body.is-dashboard-reason-popover-open {
  overscroll-behavior: contain !important;
}

@media (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__icon--avatar {
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__icon--avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote.is-default-unconfirmed,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote.is-default-unconfirmed,
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="P"].is-default-unconfirmed {
    border-color: color-mix(in srgb, #facc15 66%, transparent) !important;
    color: #fde68a !important;
    background: color-mix(in srgb, #facc15 16%, rgba(15, 23, 42, .78)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #facc15 18%, transparent), 0 10px 22px color-mix(in srgb, #facc15 10%, transparent) !important;
  }

  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote]:not(.is-active):not(.is-pending-reason):not(.is-default-unconfirmed),
  .dashboard-course-quick-menu__disclosure:not(.is-active) > .dashboard-course-quick-menu__row:not(.is-pending-reason):not(.is-default-unconfirmed),
  .dashboard-course-quick-menu__disclosure[open]:not(.is-active) > .dashboard-course-quick-menu__row:not(.is-pending-reason):not(.is-default-unconfirmed) {
    border-color: color-mix(in srgb, rgba(148, 163, 184, .72) 34%, transparent) !important;
    color: rgba(226, 232, 240, .92) !important;
    background: color-mix(in srgb, #020617 82%, rgba(255,255,255,.055)) !important;
    box-shadow: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .dashboard-v2-carousel__dots,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .my-courses-next-carousel__dots {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .dashboard-v2-carousel__dot,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .my-courses-next-carousel__dot,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .dashboard-v2-carousel__dot.is-active,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .my-courses-next-carousel__dot.is-active {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .dashboard-v2-carousel__dot::after,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel .my-courses-next-carousel__dot::after {
    content: none !important;
    display: none !important;
  }
}

/* V48.9.5 — Dashboard V2 tablette : widget Prochain cours L exploite mieux l'espace. */
@media (min-width: 768px) and (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-l-carousel {
    --dashboard-mobile-course-l-dots-height: 1.35rem !important;
    gap: clamp(0.34rem, 0.72vw, 0.48rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card {
    grid-template-rows: auto auto minmax(9rem, 1fr) auto !important;
    gap: clamp(0.68rem, 1.14vw, 0.9rem) !important;
    padding: clamp(1rem, 1.75vw, 1.35rem) !important;
    border-radius: clamp(1.35rem, 2.2vw, 1.7rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__head {
    gap: clamp(0.72rem, 1.25vw, 1rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__icon {
    width: clamp(3.05rem, 4.95vw, 3.75rem) !important;
    height: clamp(3.05rem, 4.95vw, 3.75rem) !important;
    border-radius: clamp(1.05rem, 1.72vw, 1.34rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__icon i {
    font-size: clamp(1.34rem, 2.2vw, 1.68rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__title em {
    font-size: clamp(0.78rem, 1.18vw, 0.92rem) !important;
    letter-spacing: 0.15em !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__title strong {
    font-size: clamp(1.45rem, 2.45vw, 1.95rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__countdown {
    min-height: clamp(2.85rem, 4.7vw, 3.35rem) !important;
    padding-inline: clamp(0.82rem, 1.3vw, 1.08rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__countdown span {
    font-size: clamp(0.68rem, 1.05vw, 0.82rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__countdown strong {
    font-size: clamp(1.38rem, 2.35vw, 1.85rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: clamp(0.34rem, 0.72vw, 0.5rem) clamp(0.8rem, 1.6vw, 1.25rem) !important;
    font-size: clamp(0.78rem, 1.18vw, 0.94rem) !important;
    line-height: 1.24 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__meta i {
    font-size: clamp(0.9rem, 1.3vw, 1.05rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__note {
    grid-column: 1 / -1 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__vote {
    gap: clamp(0.46rem, 0.8vw, 0.64rem) !important;
    padding-top: clamp(0.5rem, 0.9vw, 0.72rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__status {
    font-size: clamp(0.78rem, 1.1vw, 0.92rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card__vote-actions {
    gap: clamp(0.5rem, 0.95vw, 0.72rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote {
    min-height: clamp(2.55rem, 4.2vw, 3.1rem) !important;
    padding: clamp(0.48rem, 0.82vw, 0.64rem) clamp(0.62rem, 1.1vw, 0.86rem) !important;
    border-radius: clamp(0.88rem, 1.55vw, 1.14rem) !important;
    font-size: clamp(0.78rem, 1.18vw, 0.96rem) !important;
  }
}