/* r74: enforce eyebrow uniformity (size AND spacing) as a design-system invariant,
   and make the booking circle wrap like every other page. */

/* Every eyebrow, everywhere: identical to the homepage. !important beats the
   container rules (.prose-body>p 22px, cta blocks 30px, 18px body inheritance). */
.eyebrow{
  font-size:11px!important;line-height:1.4!important;letter-spacing:.14em!important;
  font-weight:700!important;text-transform:uppercase!important;margin-bottom:4px!important}

@media(max-width:640px){
  /* Booking page: let the circle float and the opening heading/note wrap beside it
     (r72 had cleared the whole form so it sat 'old school' below). Only the actual
     controls clear to full width under the circle. */
  .book-grid .consult-form{clear:none}
  .book-grid .choice-grid,
  .book-grid .form-nav,
  .book-grid .field,
  .book-grid .step-count,
  .book-grid input,
  .book-grid textarea,
  .book-grid select{clear:both}
}