/* Service disclosure: the whole row is one large keyboard/touch target. */
.service-card{align-self:start}
.service-more{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:24px;font-size:16px;line-height:1.5;font-weight:600;color:var(--olive);white-space:nowrap;transition:background .2s,color .2s}
.service-button:hover .service-more,.service-button[aria-expanded=true] .service-more{background:var(--pale);color:var(--ink)}
.service-card[data-service=symphony] .service-button,.service-card[data-service=symphony] .service-button:hover{grid-template-columns:100px 1fr auto}
.service-disclosure{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .28s ease,opacity .22s ease,visibility 0s .28s}
.service-card.is-expanded .service-disclosure{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .28s ease,opacity .22s ease,visibility 0s}
.service-disclosure-inner{min-height:0;overflow:hidden}
.service-disclosure-copy{padding:0 22px 26px;text-align:start}
.service-disclosure-copy>p,.service-disclosure-copy .service-detail p{font-size:17px;line-height:1.8;color:var(--muted)}
.service-disclosure-copy .service-detail{margin-top:18px}
.service-disclosure-copy .service-detail strong{font-size:16px;color:var(--ink)}
.service-disclosure-copy .service-detail-book{margin-top:22px;min-height:48px;font-size:16px;padding:12px 20px}
.service-card.is-expanded .service-tooltip{display:none!important}
.whatsapp-dock{display:contents}
@media(max-width:760px){
 #amit .eyebrow{font-size:19px;line-height:1.5;letter-spacing:0;margin-bottom:18px}
 #about .about-copy>.eyebrow{font-size:21px;line-height:1.5;letter-spacing:0;margin-bottom:20px}
 .service-button,.service-button:hover,.service-card[data-service=symphony] .service-button,.service-card[data-service=symphony] .service-button:hover{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;row-gap:12px;padding:24px 0;align-items:start;min-height:64px;text-align:start}
 .service-card[data-service=symphony] .service-button,.service-card[data-service=symphony] .service-button:hover{padding:24px 16px;grid-template-columns:52px minmax(0,1fr);column-gap:14px}
 .service-button .service-icon{grid-column:1;grid-row:1}
 .service-button .service-text{grid-column:2;grid-row:1}
 .service-button .service-more{grid-column:2;grid-row:2;justify-self:start;max-width:100%;font-size:16px;min-height:44px}
 .service-disclosure-copy{padding:0 12px 26px}
 .service-card[data-service=symphony] .service-disclosure-copy{padding-inline:16px}
 .service-disclosure-copy .service-detail-book{width:100%}
 /* An opaque bottom dock keeps the compact shortcut separate from visible text.
    Extra page/scroll space keeps the last controls reachable above the dock. */
 .whatsapp-dock{position:fixed;z-index:60;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:flex-end;min-height:64px;padding:8px 18px calc(8px + env(safe-area-inset-bottom,0px));background:var(--cream);border-top:1px solid var(--line);pointer-events:auto}
 .whatsapp-dock .floating-contact{position:static;inset:auto;bottom:auto;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border-radius:50%;gap:0;pointer-events:auto;box-shadow:0 3px 12px #73501b25}
 .whatsapp-dock .floating-contact:after{display:none}
 .whatsapp-dock .floating-contact .icon{width:28px;height:28px}
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .service-button,.service-disclosure-copy .button{scroll-margin-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 body.modal-open .whatsapp-dock,body:has(input:focus,textarea:focus,select:focus) .whatsapp-dock{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.service-disclosure,.service-card.is-expanded .service-disclosure{transition:none}}
@media(max-width:360px){
 /* Keep the existing language switch usable on older narrow phone screens. */
 .site-header .brand-image{width:104px}
 .header-inner{gap:5px}
 .header-actions{gap:5px}
 .language-switch button{font-size:11px;padding-inline:4px}
 .menu-toggle{width:28px}
}