/* Wrapper: fixed at top center */
.skip-links__wrapper{
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  display: flex;
  gap: 8px;
  pointer-events: none;     /* prevent stray clicks when hidden */
}

@media print { .skip-links__wrapper { display: none; } }

/* Visually hidden base */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}

/* Reveal on focus; let the wrapper position it */
.sr-only-focusable:focus,
.sr-only-focusable:focus-visible{
  position: static;         /* important: not fixed; wrapper centers it */
  clip: auto; width: auto; height: auto; margin: 0; overflow: visible;
  display: inline-block; white-space: normal; pointer-events: auto;

  padding: 7px 10.5px;
  border: 2px solid #134570;
  border-radius: 99px;
  background: #f3f6f8;
  color: #134570;
  font-size: .813rem;
  line-height: 1.6;
  text-decoration: none;
  outline: none;
}