/* Native disclosure controls work without the missing Astro/React bundles. */
#faq summary {
  cursor: pointer;
  list-style: none;
}

#faq summary::-webkit-details-marker {
  display: none;
}

#faq .faq-item[open] {
  border-color: var(--green);
}

#faq .faq-item[open] summary svg path:last-child {
  display: none;
}

#faq .faq-answer {
  padding: 0 1.25rem 1.25rem;
  color: var(--text-dim);
  font-size: 1rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  #faq .faq-answer {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }
}