/* ============================================================ a11y.css — shared accessibility helpers Link this in on every page: ============================================================ */ /* Visible keyboard focus ring on all interactive elements (mouse users don't see it thanks to :focus-visible). */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible { outline: 3px solid #FFA726; /* brand gold */ outline-offset: 2px; border-radius: 6px; } /* Screen-reader-only content */ .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 — hidden until focused */ .skip-link { position: absolute; left: 8px; top: -48px; z-index: 9999; background: #1A237E; color: #fff; padding: 10px 16px; border-radius: 0 0 10px 10px; font-weight: 600; text-decoration: none; transition: top .15s ease; } .skip-link:focus { top: 0; } /* Respect reduced-motion preferences (GSAP/transitions). */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } }