/* Contact V12: matching compact icon frames with semantic tones. */
html body .bcp-contact-page .bcp-contact-info .row > .col-md-4:nth-child(1) .bcp-contact-card{--contact-icon-tone:#6d28d9}
html[data-theme=dark] body .bcp-contact-page .bcp-contact-info .row > .col-md-4:nth-child(1) .bcp-contact-card{--contact-icon-tone:#c4b5fd}
html body .bcp-contact-page .bcp-contact-info .row > .col-md-4:nth-child(2) .bcp-contact-card{--contact-icon-tone:#047857}
html[data-theme=dark] body .bcp-contact-page .bcp-contact-info .row > .col-md-4:nth-child(2) .bcp-contact-card{--contact-icon-tone:#6ee7b7}
html body .bcp-contact-page .bcp-contact-info .row > .col-md-4:nth-child(3) .bcp-contact-card{--contact-icon-tone:#0369a1}
html[data-theme=dark] body .bcp-contact-page .bcp-contact-info .row > .col-md-4:nth-child(3) .bcp-contact-card{--contact-icon-tone:#7dd3fc}
html body .bcp-contact-page .bcp-contact-info .row > .col-md-4 .bcp-contact-card .bcp-contact-icon{--icon-tone:var(--contact-icon-tone);--icon-base:var(--bcp-surface,var(--bcp-background,#fff));display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;color:var(--contact-icon-tone)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--contact-icon-tone) 12%,var(--icon-base)),color-mix(in srgb,var(--contact-icon-tone) 5%,var(--icon-base)))!important;border:1px solid color-mix(in srgb,var(--contact-icon-tone) 22%,var(--icon-base))!important;box-shadow:0 3px 8px color-mix(in srgb,var(--contact-icon-tone) 9%,transparent)!important;font-size:17px;transition:transform .2s,box-shadow .2s}
html body .bcp-contact-page .bcp-contact-info .row > .col-md-4 .bcp-contact-card .bcp-contact-icon i,html body .bcp-contact-page .bcp-contact-info .row > .col-md-4 .bcp-contact-card .bcp-contact-icon svg{color:var(--contact-icon-tone)!important}
html body .bcp-contact-page .bcp-contact-info .row > .col-md-4 .bcp-contact-card:hover .bcp-contact-icon{transform:translateY(-2px);background:color-mix(in srgb,var(--contact-icon-tone) 15%,var(--icon-base))!important;box-shadow:0 5px 12px color-mix(in srgb,var(--contact-icon-tone) 15%,transparent)!important}
@media(prefers-reduced-motion:reduce){html body .bcp-contact-page .bcp-contact-info .row > .col-md-4 .bcp-contact-card .bcp-contact-icon{transition:none}html body .bcp-contact-page .bcp-contact-info .row > .col-md-4 .bcp-contact-card:hover .bcp-contact-icon{transform:none}}