/* ═══════════════════════════════════════════════════════════════
   FMST · ACCESSIBILITY LAYER (WCAG 2.2 AA)
   Loaded on every page. Nothing here changes the visual design —
   it only gives keyboard and screen-reader users the structure
   sighted mouse users already had.
   ═══════════════════════════════════════════════════════════════ */

/* 2.4.1 Bypass Blocks — every page opens with the same navbar and eight
   department links; a keyboard user had to tab through all of them on every
   page before reaching the content. Visible only when focused. */
.skip-link{
  position:absolute; left:12px; top:-60px; z-index:10000;
  display:inline-flex; align-items:center;
  min-height:44px; padding:10px 20px;
  background:#F97316; color:#fff;
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  font-size:13px; font-weight:600; letter-spacing:.4px;
  border-radius:10px; text-decoration:none;
  transition:top .18s ease;
}
.skip-link:focus{ top:12px; outline:3px solid #fff; outline-offset:2px; }

/* 2.4.7 Focus Visible — the design relies on hover states, which keyboard users
   never trigger. A single high-contrast ring, on the brand orange. */
:focus-visible{
  outline:3px solid #F97316;
  outline-offset:2px;
  border-radius:4px;
}
/* the ring is enough on its own; suppress the UA default doubling it */
:focus:not(:focus-visible){ outline:none; }

/* skip target must not sit under the fixed navbar when jumped to */
#main{ scroll-margin-top:90px; }

/* text alternatives that are read but not seen */
.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;
}

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