/* Clear, labeled social actions on the contact page. */
#contact-social-grid {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
 margin:24px 0 0; padding:0; list-style:none; background:transparent;
}
#contact-social-grid > li { min-width:0; grid-column:auto; }
#contact-social-grid > li:last-child { grid-column:1 / -1; }
#contact-social-grid a {
 display:flex; flex-direction:row; align-items:center; justify-content:flex-start;
 gap:12px; width:100%; height:auto; min-height:56px; padding:16px;
 border:1px solid #333338; border-radius:0; background:#111113; color:#ffffff;
 text-decoration:none; transition:background-color .18s ease,border-color .18s ease;
}
#contact-social-grid a > span:first-child {
 display:flex; align-items:center; justify-content:center; flex:0 0 20px;
 width:20px; height:20px; color:inherit;
}
#contact-social-grid svg { display:block; width:20px; height:20px; max-width:none; fill:currentColor; }
#contact-social-grid a > span:last-child {
 display:block; visibility:visible; opacity:1; color:#ffffff !important;
 font-family:'Google Sans',sans-serif; font-size:12px; line-height:1.3;
 font-weight:600; letter-spacing:.025em; text-transform:none;
}
#contact-social-grid a::after { content:'↗'; margin-left:auto; font-size:18px; color:#96969f; }
@media(hover:hover) {
 #contact-social-grid a:hover { background:#d01722; border-color:#d01722; color:white; }
 #contact-social-grid a:hover > span:first-child,#contact-social-grid a:hover::after { color:white; }
}
#contact-social-grid a:focus-visible { outline:2px solid #d01722; outline-offset:3px; }
#contact-social-grid a:active { background:#a9121b; border-color:#a9121b; }
@media(max-width:360px) { #contact-social-grid { grid-template-columns:1fr; } }
@media(min-width:640px) and (max-width:1023px) {
  #contact-social-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #contact-social-grid > li:last-child { grid-column:auto; }
}
@media(prefers-reduced-motion:reduce) { #contact-social-grid a { transition:none; } }