/* Interlaced2 keeps all stories and tariffs in one row from 1440 CSS pixels. */
@media (min-width: 1440px) {
  .student-stories {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tariffs-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* Give five cards room at the desktop boundary without shrinking body text. */
@media (min-width: 1440px) and (max-width: 1699px) {
  .tariffs-grid {
    gap: 16px;
  }

  .tariff-card {
    padding: 18px;
  }

  .tariff-card h3 {
    font-size: clamp(22px, 1.6vw, 24px);
    hyphens: auto;
  }

  .tariff-card .tariff-select {
    padding-inline: 12px;
    gap: 8px;
  }

  .tariff-card .tariff-select > span {
    flex-shrink: 0;
  }
}