/* ============================================================
   Kaleidoscope Systems — Accessibility layer
   Focus visibility, reduced-motion, micro-label legibility,
   and skip-link styles. Loaded sitewide alongside styles.css.
   ============================================================ */

/* Skip link — hidden until focused */
.ks-skip {
  position: absolute; left: -9999px; top: 0; z-index: 2000;
  background: #211E1A; color: #FCFAF6;
  font-family: 'Atkinson Hyperlegible', system-ui, sans-serif; font-weight: 700; font-size: 15px;
  padding: 12px 18px; border-radius: 0 0 12px 0; text-decoration: none;
}
.ks-skip:focus { left: 0; }

/* Visible keyboard focus for every interactive element */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #2E6B5E;
  outline-offset: 2px;
  border-radius: 4px;
}
#main:focus { outline: none; }

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

/* Nudge decorative micro-labels up to a legible floor */
[style*="font-size: 8.5px"], [style*="font-size:8.5px"] { font-size: 10px !important; }
[style*="font-size: 9px"],   [style*="font-size:9px"]   { font-size: 11px !important; }