/* ==========================================================================
   a11y.css - Accessibility helpers for moi-1 template
   Scope: screen-reader-only heading (homepage H1) and skip-to-content link.
   ========================================================================== */

/* Visually hidden but available to assistive technology */
.fx-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;
}

/* Skip link: hidden until focused via keyboard */
.fx-skip-link{
  position:absolute;
  inset-inline-start:8px;
  top:-100px;
  z-index:10000;
  padding:10px 18px;
  background:#a51313;
  color:#fff;
  font-size:15px;
  text-decoration:none;
  border-radius:4px;
  transition:top .25s cubic-bezier(.22,.61,.36,1);
}
.fx-skip-link:focus,
.fx-skip-link:focus-visible{
  top:8px;
  outline:2px solid #fff;
  outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
  .fx-skip-link{transition:none;}
}