.today-overview-page {
  min-block-size: calc(100dvh - 5rem);
  padding-block: 4rem 8rem;
  color: var(--color-neutral-1100);
}

.today-overview-page__header {
  inline-size: min(calc(100% - (2 * var(--space-xl))), 78rem);
  margin-inline: auto;
  margin-block-end: var(--space-xl);
}

.today-overview-page__heading {
  min-inline-size: 0;
}

.today-overview-page__date {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--line-height-heading);
}

.today-overview-page__content {
  display: grid;
  gap: var(--space-xl);
  inline-size: min(60vw, 48.75rem);
  margin-inline: auto;
}

.today-overview-card {
  container-name: pickup-entry;
  container-type: inline-size;
}

.today-overview-group {
  display: grid;
  gap: var(--space-xl);
}

.today-overview-group__header {
  display: grid;
  gap: var(--space-2xs);
}

.today-overview-group__title {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
}

.today-overview-group__count,
.today-overview-group__empty {
  font-weight: var(--font-weight-regular);
}

@media (max-width: 37.4375rem) {
  .today-overview-page__content {
    inline-size: calc(100% - 3.75rem);
  }
}

@media (max-width: 24.9375rem) {
  .today-overview-page__header {
    inline-size: calc(100% - 1.25rem);
  }

  .today-overview-page__content {
    inline-size: calc(100% - 1.25rem);
  }
}

@media (max-width: 46rem) {
  .today-overview-page {
    padding-block-start: var(--space-xl);
  }

  .today-overview-page__header {
    gap: var(--space-md);
  }
}