/* The script adds these hooks only after preserving the native details content. */
.faq-space-reserved { align-self: start; overflow-anchor: none; }
.faq-enhanced > summary { position: relative; display: block; list-style: none; padding-left: 1em; }
.faq-enhanced > summary::-webkit-details-marker { display: none; }
.faq-enhanced > summary::before {
  content: ''; position: absolute; left: 0; top: calc(.75em + 5px);
  width: .58em; height: .7em; background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transform: translateY(-50%) rotate(0deg);
  transition: transform 440ms cubic-bezier(.22, 1, .36, 1);
}
.faq-enhanced.faq-expanded > summary::before { transform: translateY(-50%) rotate(90deg); }
.faq-content { display: flow-root; }
.faq-content-inner { display: flow-root; padding: 14px 0 2px; }
.faq-content-inner > :first-child { margin-top: 0; }
.faq-content-inner > :last-child { margin-bottom: 0; }
.faq-animating > .faq-content { overflow: hidden; }
/* An answer that gives reasons lists them: a bold lead-in, then one plain sentence. */
.faq-points { margin: 12px 0 16px; padding-left: 1.15em; display: grid; gap: 8px; }
.faq-points li { font-size: 15px; line-height: 1.55; color: var(--kh-body); }
.faq-points li::marker { color: var(--kh-ember); }
.faq-points strong { font-weight: 650; color: var(--kh-ink); }
:is(.motion-paused, .experience-static) .faq-enhanced > summary::before { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .faq-enhanced > summary::before { transition: none; }
}