/* a11y.css — standalone, layout-free accessibility baseline (WCAG 2.1 AA).
 * Safe to link on ANY page: it defines ONLY focus rings, a skip-link, a
 * screen-reader utility, and reduced-motion — no colors/fonts/layout, so it
 * never conflicts with a page's own styles. Pages that link ec.css already
 * carry this baseline; this file covers the inline-styled pages that don't.
 * Keep in sync with the matching block in extracurricular/ec.css. */

/* Keyboard-only focus ring (:focus-visible = not shown on mouse click). Uses
 * currentColor so it stays visible on any background/theme without hardcoding. */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible, [tabindex]:focus-visible{
  outline:3px solid currentColor;
  outline-offset:2px;
  border-radius:4px;
}

/* Screen-reader-only text: in the a11y tree, invisible on screen. */
.sr-only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Skip-to-content link: first tab stop, slides in when focused. */
.skip-link{
  position:absolute; left:12px; top:-48px; z-index:100000;
  background:#0d9488; color:#fff; font:700 14px system-ui,-apple-system,sans-serif;
  padding:9px 15px; border-radius:0 0 10px 10px; text-decoration:none;
  transition:top .15s ease;
}
.skip-link:focus{ top:0; outline:3px solid #fff; outline-offset:-3px; }

/* Respect the OS "reduce motion" setting. */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important;
  }
}