@layer reset{
  *,*::before,*::after{box-sizing:border-box}
  *{margin:0}
  html:focus-within{scroll-behavior:smooth}
  body{min-height:100vh;text-rendering:optimizeLegibility}
  img,svg{display:block;max-width:100%;height:auto}
  a{color:inherit;text-decoration:none}
  button{font:inherit}
  :focus-visible{outline:2px solid var(--acc-cyan);outline-offset:2px}
}

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