/* === WIDGET: faq | scope .vr-faq ========================================== */
@layer widgets {
  .vr-faq__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
  .vr-faq__head .vr-button { flex: 0 0 auto; }
  .vr-faq__items { border: 1px solid var(--vr-border); border-radius: var(--vr-radius); background: white; overflow: hidden; }
  .vr-faq__item + .vr-faq__item { border-top: 1px solid var(--vr-border); }
  .vr-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; font-weight: 650; padding: 19px 24px; font-size: var(--vr-text-sm); }
  .vr-faq__item summary::-webkit-details-marker { display: none; }
  .vr-faq__item summary::after { content: "+"; color: var(--vr-brand); font-weight: 400; font-size: 1.5rem; line-height: 1; flex: 0 0 auto; }
  .vr-faq__item[open] summary::after { content: "−"; }
  .vr-faq__item[open] summary { color: var(--vr-brand); padding-bottom: 10px; }
  .vr-faq__item summary:hover { background: #fafbfe; }
  .vr-faq__item p { padding: 0 24px 22px; color: var(--vr-muted); font-size: var(--vr-text-sm); max-width: 102ch; line-height: 1.8; }
  @media (max-width: 680px) { .vr-faq__head { display: block; } .vr-faq__head .vr-button { margin-top: 16px; } .vr-faq__item summary { padding: 18px 20px; } .vr-faq__item p { padding-inline: 20px; } }
}
/* === END WIDGET: faq ===================================================== */