/* The timetable should grow with the viewport; the base theme caps content at 1224px. */
.container.my-4:has(.ss-shell) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.ss-schedule-section {
  padding-inline: clamp(18px, 2.5vw, 64px);
}

.ss-schedule-head,
.ss-days {
  width: 100%;
  max-width: none;
}

@media (min-width: 1600px) {
  .ss-nav {
    max-width: none;
    padding-inline: clamp(28px, 2.5vw, 64px);
  }

  .ss-section {
    max-width: 1680px;
  }

  .ss-function-grid {
    gap: 24px;
  }

  .ss-time-row {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 24px;
  }

  .ss-day-timeline {
    padding-inline: 32px;
  }

  .ss-parallel {
    gap: 18px;
  }

  .ss-parallel .ss-slot-body {
    padding: 20px;
  }

  .ss-parallel .ss-slot h4 {
    font-size: 1.15rem;
  }
}