/* Floating link to the official X account. Fixed, so it rides along on every
   scroll and every route. Sits under the risk gate but over the page. */
.x-fab{
  position:fixed;right:20px;bottom:20px;z-index:300;
  width:46px;height:46px;display:grid;place-items:center;
  border-radius:16px;border:1px solid var(--line);
  background:var(--rail,#ffffffb8);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--ink);
  box-shadow:0 10px 24px rgba(16,21,28,.13);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease;
}
.x-fab svg{width:19px;height:19px;fill:currentColor;display:block}
.x-fab:hover,.x-fab:focus-visible{
  transform:translateY(-3px);
  color:var(--blue);border-color:var(--blue);
  box-shadow:0 14px 30px rgba(43,143,230,.26);
}
.x-fab:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.x-fab:active{transform:translateY(-1px)}
@media(prefers-color-scheme:dark){
  .x-fab{background:rgba(25,45,64,.9);box-shadow:0 10px 24px rgba(0,0,0,.4)}
}
@media(max-width:640px){
  .x-fab{right:14px;bottom:14px;width:42px;height:42px;border-radius:14px}
  .x-fab svg{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){
  .x-fab{transition:none}
  .x-fab:hover,.x-fab:focus-visible{transform:none}
}