.social-links { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.social-link {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border: 1px solid #c8b27d; border-radius: 8px;
  background: #f8f9fc; color: #806021; text-decoration: none;
}
.social-link .fa-brands { font-size: 20px; }
a.social-link:hover { background: #eee2c4; color: #071b30; }
a.social-link:focus-visible { outline: 2px solid #997321; outline-offset: 3px; }
.social-placeholder { background: #f7f4eb; color: #766746; cursor: default; }
.site-footer .social-link { background: #10263a; color: #ead28b; border-color: #88764c; }
.site-footer .social-placeholder { background: transparent; color: #cbb77f; }
.site-footer a.social-link:hover { background: #e2c879; color: #071b30; }