/* Native details remain the semantic control; JavaScript only adds measured height motion. */
.faq-list details[data-faq-enhanced="true"],
[data-faq-list] details[data-faq-enhanced="true"] {
  overflow: clip;
}

.faq-list details[data-faq-state="closing"] summary::after,
[data-faq-list] details[data-faq-state="closing"] summary::after {
  transform: rotate(0deg);
}

.faq-list details[data-faq-state="opening"] summary::after,
.faq-list details[data-faq-state="open"] summary::after,
[data-faq-list] details[data-faq-state="opening"] summary::after,
[data-faq-list] details[data-faq-state="open"] summary::after {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  .faq-list details[data-faq-enhanced="true"],
  [data-faq-list] details[data-faq-enhanced="true"] {
    scroll-behavior: auto;
  }

  .faq-list details[data-faq-enhanced="true"] summary::after,
  [data-faq-list] details[data-faq-enhanced="true"] summary::after {
    transition: none !important;
  }
}