/* ══════════════════════════════════════════════════════════════════
   HOLON ACCESSIBILITY LAYER v1 (CSS) — WCAG 2.1 AA retrofit
   Generic: targets shared-shell classes, so one link upgrades any tool.
   Pairs with holon-a11y-v1.js (skip link, landmarks, aria-hidden glyphs).
   Not linked by any live tool yet — opt in per tool, or add to the shell
   to cover the whole fleet.
   ══════════════════════════════════════════════════════════════════ */

/* ── Skip link (WCAG 2.4.1 Bypass Blocks) ── */
.holon-skip{position:fixed;top:8px;left:8px;z-index:99999;transform:translateY(-160%);
  background:#2a5298;color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;
  font-family:inherit;text-decoration:none;transition:transform .15s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.45)}
.holon-skip:focus{transform:translateY(0);outline:3px solid #55f934;outline-offset:2px}

/* ── Visible keyboard focus on every control (WCAG 2.4.7) ── */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible,
.nav-btn:focus-visible,.nav-btn-hub:focus-visible,.tt-btn:focus-visible,
.ada-size-btn:focus-visible,.topbar-ham:focus-visible{
  outline:3px solid #55f934!important;outline-offset:2px!important;border-radius:6px}
/* main gets focus when reached via skip link, but no lingering ring */
[tabindex="-1"]:focus{outline:none!important}

/* ── Screen-reader-only utility ── */
.holon-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}

/* ── Respect reduced-motion (WCAG 2.3.3 / pause decorative animation) ── */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}