.marketing-clinics .clinics-intro h1 + p { margin-top: var(--space-lg); }
.marketing-clinics .clinics-intro { background: var(--sky); }
.marketing-clinics :is(.clinics-intro .section-inner, .clinics-content) > * { max-width: var(--copy-width); }
.marketing-clinics .clinics-content section + section { margin-top: var(--space-xl); }
.marketing-clinics .clinics-content li + li { margin-top: var(--space-sm); }
.marketing-clinics a { overflow-wrap: anywhere; }

/* Tall enough for Google's calendar and time slots without scrolling inside the frame. */
.marketing-clinics { --booking-embed-height: 1800px; }
.marketing-clinics .booking-embed { min-width: 0; }
.marketing-clinics .booking-frame { display: block; width: 100%; height: var(--booking-embed-height); margin-block: var(--space-lg); border: 0; border-radius: var(--radius-card); }
@media (max-width: 560px) {
  .marketing-clinics { --booking-embed-height: 1950px; }
  /* Use the full card width on phones so Google's time-slot column is not clipped. */
  .marketing-clinics .booking-frame { width: calc(100% + 2 * var(--card-padding)); margin-inline: calc(-1 * var(--card-padding)); border-radius: 0; }
}
/* The booking card sits on white, so it takes the clinic teal tint to read as a card. */
.marketing-clinics #book { background: var(--teal-tint); }