/**
 * Course detail workflow refinements.
 * Shared card anatomy lives in workflow-components.css.
 */
.course-detail-page .assessment-stage-section .section-head {
  margin-bottom: var(--lml-user-page-gap, 20px);
}

.course-detail-page .assessment-stage-section + .assessment-stage-section {
  padding-top: var(--lml-user-page-gap, 20px) !important;
}

.course-detail-page .certificate-stage-section {
  padding-bottom: clamp(34px, 4vw, 52px) !important;
}

@media (max-width: 640px) {
  .course-detail-page .assessment-stage-section .section-head {
    margin-bottom: var(--lml-space-4, 16px);
  }
}