/* r19: simplified controls and explicit section rhythm. Loads last. */
:root {
 --control-ink:#625d55;
 --control-raised:inset 0 1px 1px #fff,inset 0 -1px 1px rgba(99,94,82,.16),-3px -3px 8px #fff,3px 4px 8px rgba(81,77,66,.18);
}
/* A single pill silhouette for primary and outlined controls. The light/shade
   pair adds a restrained raised edge to lettering without sacrificing contrast. */
body #main .ia-control,
body #site-header .ia-control {
 text-shadow:0 1px 0 #fff,0 -.35px 0 rgba(71,66,55,.22)!important;
}
body #main .ia-primary,
body #site-header .ia-primary,
body #main .ia-ghost {
 border-radius:999px!important;min-height:58px;padding:18px 30px!important;
}
body #main .ia-primary .control-label,
body #site-header .ia-primary .control-label {text-decoration:none}
body #main .ia-primary .control-arrow {filter:drop-shadow(0 1px 0 #fff)}
/* All body email alternatives are centred below the main actions. */
body #main .ia-action-pair {display:flex;flex-direction:column;align-items:center;gap:18px;max-width:100%}
body #main .contact-actions {display:flex;flex-direction:column;align-items:center;gap:18px}
body #main .contact>.ia-email {display:flex;margin:18px auto 0!important}
body #main .contact-actions .ia-action-pair {gap:18px}
body #main .ia-action-pair>.ia-email {align-self:center}
body.home-page #main .restored-opening .hero-copy>.ia-action-pair {align-items:flex-start}
/* Align Home, About and the booking label on the same inset. Only the
   booking calendar remains in the menu, after its text rather than before it. */
body #site-header .site-menu .ia-menu-link {padding:12px 18px}
body #site-header .site-menu .navigation-subitem {padding-left:36px}
body #site-header .site-menu .ia-menu-booking {
 display:flex!important;justify-content:space-between;text-align:left;
 padding:15px 18px!important;gap:12px;width:100%;
}
body #site-header .ia-menu-booking .control-label {order:0;text-wrap:wrap}
body #site-header .ia-menu-booking .control-leading {order:1;margin:0;flex-basis:20px;width:20px;height:20px}
/* Explicit adjoining-section spacing avoids accumulated paragraph margins.
   Keep Integration spacious and bring its following CTA away from the image. */
body.home-page #main #clarity-advisory {padding-bottom:0;margin-bottom:0;min-height:0}
body.home-page #main #clarity-advisory .advisory-introduction-copy,
body.home-page #main #clarity-advisory .advisory-introduction-copy p:last-child {margin-bottom:0}
body.home-page #main #implementation {padding-top:48px;padding-bottom:64px;margin-block:0;min-height:0}
body.home-page #main #integration.approved-integration {padding-block:140px 144px;margin-block:0;min-height:0}
body.home-page #main .approved-integration-panorama {margin-block:0 72px}
body.home-page #main .approved-integration-panorama+#contact {padding-top:72px}
@media(max-width:900px) {
 body #main .ia-primary,body #main .ia-ghost {padding:16px 22px!important;min-height:56px}
 body.home-page #main #clarity-advisory {padding-bottom:0}
 body.home-page #main #implementation {padding-top:32px;padding-bottom:48px}
 body.home-page #main #integration.approved-integration {padding-block:96px 96px}
 body.home-page #main .approved-integration-panorama {margin-bottom:56px}
 body.home-page #main .approved-integration-panorama+#contact {padding-top:48px}
}
