/* Site-wide accessibility baseline. Linked into every page (each page otherwise
   carries its own inline <style>, so there is no other shared stylesheet). */

/* Visible keyboard focus. Only :focus-visible so mouse clicks don't show a ring,
   but keyboard / switch users always get a clear, high-contrast indicator. */
:focus-visible {
  outline: 2px solid #0A5C45;          /* brand dark green — ~7:1 on light bg */
  outline-offset: 2px;
  border-radius: 3px;
}
/* Elements retrofitted to be keyboard-operable (see js/a11y.js) also get the ring. */
[data-a11y-button]:focus-visible { outline: 2px solid #0A5C45; outline-offset: 2px; }

/* Respect the OS "reduce motion" setting: neutralise transitions/animations
   and smooth-scroll for users with vestibular sensitivity. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}