/* Keep Contact's original card; give the official calendar the full content width. */
.booking-page-intro{padding:28px 0 38px;background:linear-gradient(110deg,#e2f8ed,#e5f4ff)}
.booking-page-intro .breadcrumbs{margin-bottom:28px}
.booking-page-heading{display:flex;align-items:end;justify-content:space-between;gap:36px}
.booking-page-heading h1{font-family:Manrope,sans-serif;font-size:clamp(2.15rem,4.2vw,3.6rem);line-height:1.12;letter-spacing:-.05em;margin:0 0 18px;max-width:22ch}
.booking-page-heading .eyebrow{color:#007251;font-size:.75rem}
.booking-page-heading .lede{font-size:1.0625rem;max-width:44rem;margin:0;line-height:1.75}
.booking-page-heading>.inline-link{flex-shrink:0;color:#076342}
.booking-page-calendar{padding-block:36px 20px}
.booking-calendar{display:block;width:100%;height:1710px;border:0;box-shadow:0 0 0 1px #d9e8df;border-radius:16px;background:#fff}
.booking-calendar:focus-visible{outline:3px solid #08714c;outline-offset:4px}
.booking-calendar-help{display:flex;justify-content:space-between;gap:32px;font-size:.875rem;line-height:1.7;color:var(--muted);padding-top:12px}
.booking-calendar-help p{margin:0;max-width:36rem}
.booking-calendar-help a{color:#076342;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.booking-page-heading{align-items:start;flex-direction:column;gap:20px}.booking-page-intro{padding-bottom:28px}.booking-page-calendar{padding-top:24px}.booking-calendar{height:2160px}.booking-calendar-help{flex-direction:column;gap:12px}}
@media(max-width:640px){.booking-calendar{--calendar-width:max(100%,min(350px,calc(100vw - 8px)));width:var(--calendar-width);margin-inline:calc((100% - var(--calendar-width))/2)}}

/* Size to the observed wide/narrow calendar layouts, with a little breathing
   room instead of growing with viewport height. Microsoft still owns its
   content: keep native scrolling for longer steps and zoomed layouts. */
@media(min-width:641px){
  .booking-page-calendar.wrap{width:calc(100% - 32px);max-width:none;padding-top:20px}
  .booking-calendar-help{width:min(1280px,calc(100% - 64px));margin-inline:auto}
}
@media(min-width:641px) and (max-width:1150px){.booking-calendar-help{width:calc(100% - 24px)}}
/* The calendar switches to its shorter layout at 1024px inside our 32px gutter. */
@media(min-width:641px) and (max-width:1055px){.booking-calendar{height:2160px}}