.booking-reading { max-width: 800px; }
.booking-panel, .booking-note { margin-top: 28px; padding: clamp(18px, 4vw, 30px); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.booking-panel { border-color: var(--line-strong); }
.booking-panel p, .booking-note p { margin-top: 16px; }
.booking-embed { width: 100%; min-height: 720px; margin-top: 20px; }
.booking-embed[hidden] { display: none; }
.booking-contacts { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px; }
.booking-contacts a, .booking-panel .action-note a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.booking-provider-link { margin-top: 16px; }
.booking-provider-link[href=""] { display: none; }
.booking-panel:has(.booking-provider-link[href^="https://cal.com/"]) > [data-booking-status] { display: none; }
.booking-panel[data-config-error] > [data-booking-status] { display: block; }
.booking-panel[data-config-error] .booking-provider-link { display: none; }
.booking-note .feature-list { margin-top: 20px; }
body[data-page="booking"] .action-note { overflow-wrap: anywhere; }
@media (max-width: 820px) {
  html:not(.js) body[data-page="booking"] .nav-toggle { display: none; }
  html:not(.js) body[data-page="booking"] .header-inner { flex-wrap: wrap; }
  html:not(.js) body[data-page="booking"] .site-nav { position: static; display: flex; width: 100%; max-height: none; }
}
@media (max-width: 560px) {
  .booking-reading .button-row { flex-direction: column; align-items: stretch; }
  .booking-panel .button { width: 100%; white-space: normal; }
}