/* Footer social contacts: scoped to preserve each site's existing design. */
#site-social-footer { box-sizing: border-box; width: 100%; max-width: 1200px; margin: 0 auto; padding: 24px 20px 28px; border-top: 1px solid rgba(128,128,128,.3); }
#site-social-footer .site-social-label { display: block; margin: 0 0 14px; color: inherit; text-align: center; font-size: 13px; font-weight: 600; line-height: 1.5; }
#site-social-footer .site-social-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin: 0; padding: 0; }
#site-social-footer a.site-social-link { box-sizing: border-box; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; max-width: 100%; margin: 0; padding: 10px 14px; border: 1px solid rgba(128,128,128,.45); border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 13px; font-weight: 500; line-height: 1.4; text-decoration: none; white-space: nowrap; }
#site-social-footer a.site-social-link:hover { background: rgba(128,128,128,.16); border-color: currentColor; color: inherit; text-decoration: none; }
#site-social-footer a.site-social-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#site-social-footer .site-social-link svg { display: block; flex: 0 0 20px; width: 20px; height: 20px; margin: 0; fill: currentColor; }
#site-social-footer .site-social-link span { font-size: 13px; line-height: 1.4; }
@media (max-width: 480px) { #site-social-footer { padding: 20px 16px 24px; } #site-social-footer .site-social-links { gap: 8px; } #site-social-footer a.site-social-link { padding: 10px 12px; } }