/* Утилиты и уменьшенное движение. Подключаются последними, поэтому перебивают блоки. */

.hover-accent:hover {
  color: var(--accent);
}


[hidden] {
  display: none !important;
}
@media (max-width: 880px) {
  .responsive-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .responsive-stack {
    grid-template-columns: minmax(0,1fr);
    gap: 34px;
  }
  .touch-target:not([hidden]) {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 560px) {
  .responsive-grid {
    grid-template-columns: minmax(0,1fr);
  }
}


@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}