:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #6d5ef6;
  outline-offset: 3px;
}

@supports (content-visibility: auto) {
  .hero ~ .section,
  .km-hero + section,
  .latest-panel,
  .category-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}