/* Ather Schools — Accessibility, focus rings, motion preferences,
   skip-link, screen-reader utilities */

.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;
}

.skip-link{
  position:absolute;left:.5rem;top:-100px;z-index:9999;
  background:var(--brand-navy-deep);color:#fff;padding:.6rem 1rem;border-radius:.5rem;
  font-weight:600;text-decoration:none;
  transition:top .15s ease;
}
.skip-link:focus{top:.5rem;outline:3px solid var(--brand-gold);outline-offset:2px;}

:focus-visible{
  outline:3px solid var(--brand-gold);
  outline-offset:2px;
  border-radius:4px;
}
.btn:focus-visible,a:focus-visible{
  outline:3px solid var(--brand-gold);outline-offset:3px;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  .reveal{opacity:1!important;transform:none!important;}
  .marquee__track{animation:none!important;}
}

/* High-contrast mode hints */
@media (forced-colors: active){
  .btn{border:1px solid CanvasText;}
  .card,.school-card,.subject,.track,.life-card{border:1px solid CanvasText;}
}

/* Touch-target minimums */
.nav__link,.btn,.icon-btn,.nav-toggle,.lang-switch button{
  min-height:44px;
}