/* Scoped four-card layout and accessible hover animation. */
.bcp-contact-info .row>[class*="col-"]:nth-child(1){--contact-icon-tone:#7c3aed}
.bcp-contact-info .row>[class*="col-"]:nth-child(2){--contact-icon-tone:#2563eb}
.bcp-contact-info .row>[class*="col-"]:nth-child(3){--contact-icon-tone:#d97706}
.bcp-contact-info .row>[class*="col-"]:nth-child(4){--contact-icon-tone:#16a34a}
html[data-theme="dark"] .bcp-contact-info .row>[class*="col-"]:nth-child(1){--contact-icon-tone:#c4b5fd}
html[data-theme="dark"] .bcp-contact-info .row>[class*="col-"]:nth-child(2){--contact-icon-tone:#93c5fd}
html[data-theme="dark"] .bcp-contact-info .row>[class*="col-"]:nth-child(3){--contact-icon-tone:#fcd34d}
html[data-theme="dark"] .bcp-contact-info .row>[class*="col-"]:nth-child(4){--contact-icon-tone:#86efac}
html body .bcp-contact-page .bcp-contact-info .bcp-contact-card{flex-direction:row;align-items:flex-start;gap:14px;padding:20px 18px;height:calc(100% - 14px);min-width:0;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
html body .bcp-contact-page .bcp-contact-info .bcp-contact-icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;color:var(--contact-icon-tone)!important;background:color-mix(in srgb,var(--contact-icon-tone) 11%,var(--bcp-background,#fff))!important;border:1px solid color-mix(in srgb,var(--contact-icon-tone) 24%,var(--bcp-background,#fff))!important;box-shadow:0 4px 10px color-mix(in srgb,var(--contact-icon-tone) 10%,transparent)!important;transition:transform .24s ease,box-shadow .24s ease}
html body .bcp-contact-page .bcp-contact-info .bcp-contact-icon i{color:var(--contact-icon-tone)!important;transition:transform .24s ease}
html body .bcp-contact-page .bcp-contact-info .bcp-contact-card>div{width:100%;min-width:0}
html body .bcp-contact-page .bcp-contact-info .bcp-contact-card a{overflow-wrap:anywhere}
html body .bcp-contact-page .bcp-contact-info .bcp-contact-card:focus-within{border-color:var(--contact-icon-tone)}
@media(hover:hover){html body .bcp-contact-page .bcp-contact-info .bcp-contact-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--contact-icon-tone) 40%,var(--bcp-background));box-shadow:0 10px 24px color-mix(in srgb,var(--contact-icon-tone) 12%,transparent)}html body .bcp-contact-page .bcp-contact-info .bcp-contact-card:hover .bcp-contact-icon{transform:none;box-shadow:0 6px 14px color-mix(in srgb,var(--contact-icon-tone) 18%,transparent)}html body .bcp-contact-page .bcp-contact-info .bcp-contact-card:hover .bcp-contact-icon i{transform:none}}
@media(max-width:767px){html body .bcp-contact-page .bcp-contact-info .bcp-contact-card{flex-direction:row;align-items:flex-start;gap:13px;padding:18px}}
@media(prefers-reduced-motion:reduce){html body .bcp-contact-page .bcp-contact-info .bcp-contact-card,html body .bcp-contact-page .bcp-contact-info .bcp-contact-icon,html body .bcp-contact-page .bcp-contact-info .bcp-contact-icon i{transition:none!important;transform:none!important}}

/* Restore the standard site container width for the information cards. */
body .bcp-contact-page .bcp-contact-info>.container{max-width:1140px;width:100%}
@media(min-width:992px) and (max-width:1199px){body .bcp-contact-page .bcp-contact-info>.container{max-width:960px}}
@media(min-width:768px) and (max-width:991px){body .bcp-contact-page .bcp-contact-info>.container{max-width:720px}}
@media(min-width:576px) and (max-width:767px){body .bcp-contact-page .bcp-contact-info>.container{max-width:540px}}
@media(max-width:575px){body .bcp-contact-page .bcp-contact-info>.container{max-width:100%}}
html body .bcp-contact-page .bcp-contact-info .bcp-contact-card>div{flex:1;width:auto;min-width:0}
html body .bcp-contact-page .bcp-contact-info .bcp-contact-card .bcp-contact-icon,html body .bcp-contact-page .bcp-contact-info .bcp-contact-card .bcp-contact-icon i{transform:none!important}