/* Compact, accessible contact links shared by the site header. */
body .contact-detail{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 11px;box-sizing:border-box;border:1px solid #dcebf5;border-radius:11px;background:#f2f8fc;color:#36566d;font:500 12px/1.3 Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
body .contact-detail svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#159ee9;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body .contact-detail:hover{background:#e7f5ff;border-color:#9bd5f7;color:#087dbd;box-shadow:0 3px 12px #159ee912}
body .contact-detail:focus-visible{outline:2px solid #159ee9;outline-offset:3px}
body .header-email-group .contact-detail{align-self:center;max-width:100%}
body .header-socials .contact-detail{margin-top:7px;font-size:13px;letter-spacing:.1px}
@media(max-width:800px){body .mobile-copy-contacts{gap:7px;padding:6px 0 10px}body .mobile-copy-contacts .contact-detail{font-size:11px;min-height:32px;padding:6px 8px;gap:5px;border-radius:9px}body .mobile-copy-contacts .contact-detail svg{width:13px;height:13px;flex-basis:13px}}
@media(prefers-reduced-motion:reduce){body .contact-detail{transition:none}}
/* Keep the navigation close to the contact row after removing its caption. */
@media(min-width:801px){body>.wrap>header{margin-bottom:0;padding-bottom:0}body .reference-top{min-height:0;padding-top:10px;padding-bottom:10px}body .sticky-site-menu{margin-top:0}}

/* Plain contact links, with stronger text and larger symbols. */
body .contact-detail,body .contact-detail:hover{background:transparent;border:0;box-shadow:none;font-weight:700}
body .contact-detail svg{width:20px;height:20px;flex-basis:20px}
@media(max-width:800px){body .mobile-copy-contacts .contact-detail svg{width:18px;height:18px;flex-basis:18px}}

/* Balance the desktop brand inset and the primary contact button. */
@media(min-width:1101px){
 body .reference-top .reference-brand{padding-left:clamp(16px,1.2vw,28px)}
 body .header-socials{align-items:center}
 body .header-socials .whatsapp-pill{width:80%;max-width:240px;min-width:150px}
}

/* Size the WhatsApp pill around its readable label and icon. */
@media(min-width:801px){
 body .header-socials .whatsapp-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:max-content;min-width:0;max-width:100%;min-height:46px;box-sizing:border-box;padding:9px 18px;border-radius:999px;font-size:clamp(18px,1.35vw,26px);font-weight:400;line-height:1.1;white-space:nowrap}
 body .header-socials .whatsapp-pill svg{width:1.1em;height:1.1em;flex:0 0 1.1em}
}