/* Page-only layout for /course. Card visuals live in component-course-card.css. */
.page-heading::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 54%;
  background:
    linear-gradient(90deg, #000 0%, rgb(0 0 0 / 0.72) 0%, rgb(0 0 0 / 0.12) 20%, rgb(0 0 0 / 0.00) 100%),
    var(--bess-page-hero-image, none) center 47% / cover no-repeat;
  filter: saturate(1) brightness(1) contrast(1.05);
}
.study-layout { display: block; padding-bottom: 110px; }
.course-content { min-width: 0; }
.course-content .content-grid--3 { row-gap: calc(clamp(40px, 4vw, 56px) - 6px); }
.course-content .course-catalog-card__caption { display: none; }
.course-section { padding: 0; border-bottom: 0; margin-bottom: 84px; }
.course-section:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
@media (max-width: 1023px) {
.study-layout { padding-bottom: 88px; }
.course-section { margin-bottom: 72px; }
}
@media (max-width: 767px) {
.study-layout { padding-bottom: var(--space-section); }
.course-content .content-grid--3 { row-gap: 38px; }
.course-section { margin-bottom: var(--space-section); }
.page-heading::before {
    width: 100%;
    background:
      linear-gradient(180deg, rgb(0 0 0 / 0.42) 0%, rgb(0 0 0 / 0.82) 58%, #000 100%),
      var(--bess-page-hero-image, none) center 42% / cover no-repeat;
  }
}
@media (max-width: 479px) {
.course-content .content-grid--3 { row-gap: 34px; }
}