/* One booking action, with the same appearance wherever it is offered. */
:root{
  --booking-bg:#287a70;
  --booking-hover-bg:#1c5e55;
  --booking-ink:#fff;
  --booking-border:#287a70;
  --booking-hover-border:#1c5e55;
  --booking-focus:#17594f;
  --booking-duration:.18s;
}
a.booking-button,
.hero-actions a.booking-button,
.article-aside a.booking-button,
.profile-booking a.booking-button,
.contact-grid a.booking-button,
.contact-cta a.booking-button,
.treatment-next a.booking-button,
.prose a.booking-button,
.detail-body a.booking-button,
.treatment-article .evidence-links a.booking-button,
.treatment-article .resource-links a.booking-button,
.site-footer a.booking-button,
.nav-wrap nav a.booking-button.nav-cta,
.js .nav-wrap nav a.booking-button.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  max-width:100%;
  min-height:52px;
  gap:12px;
  padding:13px 20px;
  border:1px solid var(--booking-border);
  border-radius:5px;
  background:var(--booking-bg);
  color:var(--booking-ink);
  font:600 1rem/1.5 var(--body);
  text-align:center;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
  box-shadow:none;
  transform:none;
  cursor:pointer;
  transition:background-color var(--booking-duration) ease,border-color var(--booking-duration) ease,color var(--booking-duration) ease;
}
a.booking-button:hover,
.hero-actions a.booking-button:hover,
.article-aside a.booking-button:hover,
.profile-booking a.booking-button:hover,
.contact-grid a.booking-button:hover,
.contact-cta a.booking-button:hover,
.treatment-next a.booking-button:hover,
.prose a.booking-button:hover,
.detail-body a.booking-button:hover,
.treatment-article .evidence-links a.booking-button:hover,
.treatment-article .resource-links a.booking-button:hover,
.site-footer a.booking-button:hover,
.nav-wrap nav a.booking-button.nav-cta:hover,
.js .nav-wrap nav a.booking-button.nav-cta:hover{
  border-color:var(--booking-hover-border);
  background:var(--booking-hover-bg);
  color:var(--booking-ink);
  text-decoration:none;
  box-shadow:none;
  transform:none;
}
a.booking-button>span,
.nav-wrap nav a.booking-button.nav-cta>span{
  flex:0 0 auto;
  margin:0;
  color:inherit;
  font:inherit;
}
a.booking-button:focus-visible{
  outline:3px solid var(--booking-focus);
  outline-offset:4px;
}
.booking-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 20px;
}
.booking-actions>a[href^="tel:"]{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding-block:8px;
  font-size:1rem;
  line-height:1.5;
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(prefers-reduced-motion:reduce){.booking-button{--booking-duration:0s}}
@media(forced-colors:active){
  .booking-button{
    --booking-bg:ButtonFace;
    --booking-hover-bg:ButtonFace;
    --booking-ink:ButtonText;
    --booking-border:ButtonText;
    --booking-hover-border:Highlight;
    --booking-focus:Highlight;
  }
  a.booking-button{outline:1px solid ButtonText;outline-offset:2px}
  a.booking-button:focus-visible{outline:3px solid Highlight;outline-offset:4px}
}
/* Existing print rules hide .button and the header with !important. */