/* Confirmation-only typography. Pending and error headings keep the theme styles. */
.booking-complete h3.booking-confirmed-date {
  width: 100%;
  font-size: clamp(1.8rem, 3.5vw, 3.25rem);
  line-height: 1.06;
}

.booking-confirmed-date .booking-confirmed-line {
  display: block;
  white-space: nowrap;
}

@supports (container-type: inline-size) and (font-size: 1cqi) {
  .booking-complete h3.booking-confirmed-date {
    container-type: inline-size;
  }

  .booking-confirmed-date .booking-confirmed-line {
    /* Size to the card, not the viewport, including the desktop split layout. */
    font-size: min(1em, 9.5cqi);
  }
}