.faq {
  --faq-gap: 16px;
}

.faq-item {
  margin-bottom: var(--faq-gap);
}

.faq-item:last-of-type {
  margin-bottom: 0;
}

.faq-item > summary {
  list-style: none;
}

.faq-item > summary::-webkit-details-marker {
  display: none;
}

.faq-item .faq-icon {
  transition: transform 200ms ease;
}

.faq-item[open] .faq-icon {
  transform: rotate(180deg);
}