/* Main-page section spacing: one shared value for each screen size. */
.main-page {
  --main-section-space: 96px;
}

.main-page > :is(.brand-intro, .course-tracks, .main-agility, .schedule, .main-benefits, .main-mentors) {
  margin-block: 0;
  padding-block: var(--main-section-space);
}

/* The timetable height follows its contents, so its trailing space stays equal. */
.main-page > .schedule {
  height: auto;
  min-height: 0;
}

/* Reviews share the benefits background; match two adjoining section insets. */
.main-page .main-benefits .main-reviews {
  margin-top: calc(var(--main-section-space) * 2);
}

@media (max-width: 1100px) {
  .main-page { --main-section-space: 80px; }
}

@media (max-width: 700px) {
  .main-page { --main-section-space: 64px; }
}