/* Content never depends on animation to become visible. */
@media (prefers-reduced-motion: no-preference) {
  .faq-list summary > span {
    transition: transform 180ms ease;
  }

  .faq-list details[open] > p {
    animation: answer-enter 220ms ease-out;
  }

  @keyframes answer-enter {
    from { opacity: .7; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .faq-list details > p { animation: none; }
}