.courses {
  padding-bottom: var(--section-spacing);
}
.courses__cta {
  margin-top: var(--gap-content-to-cta);
  padding-inline: var(--section-padding-x);
}
@media (max-width: 988px) {
  .courses__cta { padding-inline: var(--section-padding-x-mobile); }
}
/* Equal card heights so the pill rows line up; the shared track hugs. */
.courses .scroll-track {
  align-items: stretch;
}
.courses .course-card {
  flex: none;
  scroll-snap-align: start;
  /* PROPOSED low end: Teachers' mobile card; the frame is 1440 only. */
  width: clamp(305px, calc(189.6px + 16.486vw), 427px);
}