/* a11y.css — accessibility-only overrides shared across marketing pages.
   Loaded after ch-page.css; rules here improve focus visibility, screen-reader
   affordances, and reduced-motion behaviour without changing visual design. */

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid #2c5d3f;
  outline-offset:2px;
  border-radius:4px;
}

.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;
}

a.skip-to-content{
  position:absolute;left:-9999px;top:0;
  background:#1a1f1c;color:#fff;
  padding:10px 16px;border-radius:0 0 6px 0;
  font:600 14px/1 ui-sans-serif,system-ui,sans-serif;
  z-index:9999;
}
a.skip-to-content:focus{ left:0; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:0.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.001ms!important;
    scroll-behavior:auto!important;
  }
}