/* ═══════════════════════════════════════════════════════════
   accessibility.css — Screen reader utilities, reduced motion
   ═══════════════════════════════════════════════════════════ */

/* ── SCREEN-READER-ONLY ──────────────────────────────────── */
/* Visually hides content while keeping it in the accessibility tree */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ── FOCUS RING ──────────────────────────────────────────── */
/* Visible keyboard-focus indicator using the brand blue accent.
   Only shown for keyboard navigation — mouse clicks are excluded. */
:focus-visible {
  outline: 2px solid var(--ce-blue);
  outline-offset: 2px;
}

/* ── REDUCED MOTION ──────────────────────────────────────── */
/* WCAG 2.1 §2.3.3 — respect the OS "reduce motion" preference.
   The blink, ce-pulse, and go-newbest animations are purely decorative
   and must not play when the user has indicated motion sensitivity. */
@media (prefers-reduced-motion: reduce) {
  .blink      { animation: none; opacity: 1; }
  .go-newbest { animation: none; }
  .go-newbest:not(.hidden) { animation: none; }
  .db-dot     { animation: none; opacity: 1; }
}