/* ============================================================
   Accessibility fixes (2026-10-26), loaded on every page, so the Accessibility page is true.
   A separate file because /_astro/ files are cached for a year (immutable).
   ============================================================ */
/* Skip link: fixed while focused, so it shows above the header wherever the page is scrolled */
.skip-link:focus{position:fixed}
/* 4.5:1 contrast */
.faq__aside .eyebrow{color:var(--brand-800)!important}
.faq__num{color:var(--brand-700)!important;opacity:1!important}
.ag-mobilebar{background:var(--brand-700)!important}
/* 24px tap targets: the service dots keep their look, the tap area grows around them */
.halo3d__dot{box-sizing:content-box!important;padding:7.5px!important;margin:-7.5px;background-clip:content-box!important}
.footer__reveal{min-height:24px}
/* Pause motion (WCAG 2.2.2): html.is-still stops every CSS animation (the flapping wings and the rest) */
html.is-still *,html.is-still *::before,html.is-still *::after{animation-play-state:paused!important}
.motion-toggle{position:absolute;right:0;top:0;bottom:0;z-index:3;display:inline-flex;align-items:center;gap:.5em;padding:0 clamp(14px,2.4vw,28px) 0 clamp(36px,5vw,64px);border:0;cursor:pointer;
  font-family:var(--font-body);font-weight:600;font-size:.875rem;letter-spacing:.02em;color:var(--c-white);background:linear-gradient(90deg,transparent,#0a1730 38%)}
.motion-toggle:focus-visible{outline:2px solid var(--c-white);outline-offset:-4px}
@media(hover:hover){.motion-toggle:hover{color:var(--aurora-sky)}}
.motion-toggle svg{width:14px;height:14px;fill:currentColor;flex:none}
.motion-toggle .mt-play,html.is-still .motion-toggle .mt-pause{display:none}
html.is-still .motion-toggle .mt-play{display:block}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}   /* nothing moves then */
/* Keyboard focus never hides (WCAG 2.4.11): the header comes back while something in it has focus, and focus scrolling
   stops below the fixed header */
.ag-header:focus-within{transform:none!important}
html{scroll-padding-top:calc(var(--header-h,76px) + 16px)}