.course-page-v2 > .course-layout { grid-template-columns: minmax(0, 1fr); }
.course-page-v2 .course-body { min-width: 0; }
.course-page-v2 .course-hero { padding: 0; margin-bottom: var(--s5); }
.course-art-top {
  position: relative;
  isolation: isolate;
  padding-block: 0 var(--s3);
  --course-header-muted: #50505a;
  --course-credit-muted: #585862;
}
.course-art {
  position: absolute;
  z-index: -1;
  inset: calc(-1 * var(--s8)) -3rem 0;
  overflow: hidden;
  pointer-events: none;
  opacity: .16;
  mask-image: linear-gradient(#000 0%, #000 35%, transparent 100%);
  -webkit-mask-image: linear-gradient(#000 0%, #000 35%, transparent 100%);
}
.course-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.course-art-top .breadcrumbs { padding-top: var(--s3); margin-bottom: var(--s4); }
.course-art-top .meta, .course-art-top .eyebrow, .course-art-top .provider-badge,
.course-art-top .breadcrumbs, .course-art-top .breadcrumbs a { color: var(--course-header-muted); }
.course-art-top .course-subjects a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); }
.course-art-top .course-art-credit { color: var(--course-credit-muted); font-size: .6875rem; line-height: 1.5; max-width: 80ch; }
.course-art-credit a { display: flex; align-items: center; min-height: 44px; max-width: 100%; color: inherit; text-decoration-color: var(--control); }
:root[data-theme="dark"] .course-art-top { --course-header-muted: #b4b4be; --course-credit-muted: #a4a4ae; }
:root[data-theme="dark"] .course-art { opacity: .09; }
.course-page-v2 .course-start-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 21rem);
  gap: var(--s6);
  padding: var(--s5);
}
.course-facts-column, .course-action-column { min-width: 0; }
.course-action-column { display: flex; flex-direction: column; align-items: stretch; gap: var(--s2); }
.course-action-column > * { min-width: 0; max-width: 100%; }
.course-action-column .btn-label { min-width: 0; }
.course-action-column .meta { margin: 0; }
.course-action-column .course-start-primary { width: 100%; margin: 0; white-space: normal; text-align: left; }
.course-action-column .course-start-secondary, .course-progress-link,
.course-action-column .resume-secondary { display: inline-flex; align-items: center; min-height: 44px; margin: 0; }
.course-facts { margin: 0; font-size: .875rem; }
.course-facts > div { display: grid; grid-template-columns: minmax(0, 7.25rem) minmax(0, 1fr); gap: var(--s3); padding-block: var(--s1); }
.course-facts dt, .course-facts dd { min-width: 0; }
.course-facts dt { color: var(--muted); }
.course-facts dd { margin: 0; }
.course-versions { border-top: 1px solid var(--line); margin-top: var(--s3); padding-top: var(--s2); font-size: .875rem; }
.course-versions summary { min-height: 44px; padding-block: var(--s2); cursor: pointer; }
.course-versions ul { margin: 0; padding-left: var(--s5); }
.course-versions li > a, .course-versions li > span { display: block; min-height: 44px; padding-block: var(--s2); }
.course-activity-crumbs { grid-column: 1 / -1; }
.course-page-v2 .route-status {
  min-width: 0;
  max-width: calc(100% - var(--s2));
  white-space: normal;
  overflow-wrap: anywhere;
}
.course-page-v2 .route-role { min-width: 0; overflow-wrap: anywhere; }
.course-page-v2 .resource-list .resource-link { flex-wrap: wrap; }
.course-page-v2 .resource-title { flex-basis: 0; }
.course-page-v2 .resource-meta, .course-page-v2 .resource-action {
  flex-shrink: 1;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.course-page-v2 .resource-action { flex-wrap: wrap; }
.course-action-bar { display: none; }
@media (max-width: 1279px) { .course-art { inset-inline: -1.5rem; } }
@media (max-width: 959px) { .course-art { inset-inline: -1rem; } }
@media (max-width: 760px) {
  .course-page-v2 .route-item { grid-template-columns: minmax(0, min(4.75rem, 30%)) minmax(0, 1fr); }
  .course-page-v2 .course-start-card { display: flex; flex-direction: column; gap: var(--s4); padding: var(--s4); }
  .course-action-column { order: -1; }
  .course-facts > div { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
  .course-facts dd { text-align: right; }
  .course-art-top .breadcrumbs { margin-bottom: var(--s3); }
  .course-action-bar:not([hidden]) {
    display: block;
    position: fixed;
    z-index: 30;
    inset: auto 0 0;
    padding: var(--s2) max(var(--s4), env(safe-area-inset-right)) max(var(--s2), env(safe-area-inset-bottom)) max(var(--s4), env(safe-area-inset-left));
    background: var(--canvas);
    border-top: 1px solid var(--line);
  }
  .course-action-bar .button { width: 100%; white-space: normal; text-align: left; }
  .course-bar-label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
}
@media (forced-colors: active), print {
  .course-art, .course-action-bar { display: none !important; }
}