/* Shared contact actions stay adjacent in visual and keyboard order. */
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.header-actions .button{white-space:nowrap;min-height:44px}
.header-whatsapp{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;color:#fff;background:#087f45;transition:background .2s}
.header-whatsapp svg{width:25px;height:25px;display:block}
.header-whatsapp:hover{background:#0a9654}
.header-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #087f45}
/* The contact page uses a pale gradient, so every left-column text role is dark. */
.contact-page .quote-copy{color:#15223c}
.contact-page .quote-copy h1,.contact-page .quote-copy h2,.contact-page .mascot-message strong{color:#15223c}
.contact-page .quote-copy h1 em{color:#08788c}
.contact-page .quote-copy .kicker{color:#365a80}
.contact-page .quote-copy>p:not(.kicker),.contact-page .mascot-message span,.contact-page .direct-contact p,.contact-page .contact-checklist p{color:#435570}
.contact-page .direct-contact,.contact-page .contact-checklist{border-top-color:#bccbdc}
.contact-page .direct-contact a{color:#174a71;overflow-wrap:anywhere}
.contact-page .direct-contact a:hover{color:#08788c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1120px){
 .nav{gap:16px}
 .nav .desktop-nav{display:none!important}
 .nav .brand{margin-right:auto}
 .menu-toggle{display:block;min-width:44px;min-height:44px;border:1px solid #697189;color:#fff;background:transparent;border-radius:6px;padding:8px 14px;font-size:14px}
}
@media(max-width:600px){
 html{scroll-padding-top:144px}
 .nav{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;gap:10px 16px;padding-block:10px}
 .nav .brand{grid-column:1;grid-row:1}
 .nav .brand img{width:190px;max-width:100%;height:auto}
 .nav .menu-toggle{grid-column:2;grid-row:1}
 .header-actions{grid-column:1/-1;grid-row:2;justify-self:end;gap:10px}
 .header-actions .button.small{font-size:14px;padding:12px 20px}
 .mobile-nav{max-height:calc(100dvh - 122px)}
}
@media(prefers-reduced-motion:reduce){.header-whatsapp{transition:none}}