/* Contact actions: distinct channels with pointer and keyboard feedback. */
.join-section .contact-actions .button[href^="https://wa.me/"]{--contact-light:#b9f4cc;--contact-ink:#12492a;--contact-dark:#176b3b;--contact-pressed:#0d4f2b}
.join-section .contact-actions .button[href^="mailto:"]{--contact-light:#d9ebfa;--contact-ink:#194e78;--contact-dark:#194e78;--contact-pressed:#103653}
.join-section .contact-actions .button{background:var(--contact-light);color:var(--contact-ink);border:2px solid var(--contact-dark);transition:background .2s,color .2s,border-color .2s,transform .2s,scale .12s}
.join-section .contact-actions .button:is(:hover,:focus-visible){background:var(--contact-dark);color:#fff;border-color:var(--contact-dark)}
.join-section .contact-actions .button:active{background:var(--contact-pressed);color:#fff;border-color:var(--contact-pressed)}
.join-section .contact-actions .button:focus-visible{outline:3px solid var(--contact-dark);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.join-section .contact-actions .button{transition:none;transform:none}}