/* Responsive itinerary: keep labels and descriptions in separate rows on phones. */
.itinerary li { grid-template-columns: minmax(0, 10rem) minmax(0, 1fr); gap: 1.5rem; }
.itinerary li > strong, .itinerary li > span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .itinerary li { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; padding: 1.25rem 0; }
  .itinerary li > strong, .itinerary li > span { display: block; grid-column: 1; width: auto; }
}