/* [vd-split] accordion — extracted verbatim from videos/css/video.css. Tokens (--vd-*) come from .vd in video.css. */
/* FAQ */
.vd-faq-item { border: 1px solid var(--vd-line); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; }
/* Flex row so the toggle marker stays vertically centred next to the question
   (instead of floating to the bottom-right on questions that wrap to 2 lines). */
.vd-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; cursor: pointer; font-weight: 600; font-size: var(--vd-read); line-height: 1.4; list-style: none; color: var(--vd-ink); }
.vd-faq-item summary::-webkit-details-marker { display: none; }
.vd-faq-item summary::after { content: "+"; flex: 0 0 auto; color: var(--vd-primary); font-weight: 700; font-size: 22px; line-height: 1; }
.vd-faq-item[open] summary::after { content: "–"; }
.vd-faq-answer { margin-top: 10px; line-height: 1.65; color: var(--vd-body); font-size: var(--vd-read); }
/* Mobile: lighter, smaller questions — the desktop reading size is too heavy
   on a narrow column where most questions wrap. */
@media (max-width: 600px) {
  .vd-faq-item { padding: 12px 14px; }
  .vd-faq-item summary { font-size: 15px; gap: 10px; }
}