/* Official X links: preserve the existing navigation and black/yellow palette. */
.social-x{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--yellow);text-decoration:none;white-space:nowrap;transition:color .15s ease,background-color .15s ease,border-color .15s ease}
.social-x svg{display:block;flex-shrink:0}
.nav .social-x{width:36px;height:36px;flex-shrink:0;padding:0;border:1px solid #f0b90b55;border-radius:5px;background:#f0b90b08;color:var(--yellow)}
.nav .social-x-label{display:none}
.nav .social-x:hover{background:var(--yellow);border-color:var(--yellow);color:var(--bg)}
.social-x:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.footer-links .social-x{font:12px var(--mono);min-height:24px}
.footer-links .social-x:hover{color:var(--white)}
@media(max-width:920px){
  .header.open .nav .social-x{width:auto;height:auto;min-height:46px;padding:12px 6px;margin:3px;gap:7px;font:11px var(--mono)}
  .header.open .nav .social-x-label{display:inline}
}
@media(max-width:700px){
  .footer-links .social-x{font-size:11px;gap:7px}
}
@media(max-width:420px){
  .header.open .nav .social-x{font-size:10px;gap:5px}
  .header.open .nav .social-x svg{width:14px;height:14px}
}
@media(prefers-reduced-motion:reduce){.social-x{transition:none}}