.faq__list[data-v-8bfced75] {
  display: flex;
  flex-direction: column;
  gap: var(--dt-space-3);
}
.faq__item[data-v-8bfced75] {
  border: 1.5px solid var(--dt-line);
  border-radius: var(--dt-radius-lg);
  background: var(--dt-surface);
  overflow: hidden;
  transition:
    border-color var(--dt-dur-3) var(--dt-ease-out),
    box-shadow var(--dt-dur-3) var(--dt-ease-out);
}
.faq__item[data-v-8bfced75]:hover {
  border-color: var(--dt-teal-200);
}
.faq__item--open[data-v-8bfced75] {
  border-color: var(--dt-teal-400);
  box-shadow: var(--dt-shadow-md);
}
.faq__heading[data-v-8bfced75] {
  font-size: inherit;
  font-weight: inherit;
}
.faq__trigger[data-v-8bfced75] {
  display: flex;
  align-items: center;
  gap: var(--dt-space-3);
  width: 100%;
  min-height: 68px;
  padding: var(--dt-space-4) var(--dt-space-5);
  text-align: start;
}
.faq__icon[data-v-8bfced75] {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: none;
  border-radius: var(--dt-radius-sm);
  background: var(--dt-teal-50);
  color: var(--dt-teal-600);
  transition:
    background-color var(--dt-dur-3) var(--dt-ease-out),
    color var(--dt-dur-3) var(--dt-ease-out);
}
.faq__item--open .faq__icon[data-v-8bfced75] {
  background: var(--dt-teal-500);
  color: #fff;
}
.faq__question[data-v-8bfced75] {
  flex: 1;
  font-weight: var(--dt-fw-semibold);
  line-height: var(--dt-lh-snug);
}
.faq__chevron[data-v-8bfced75] {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--dt-radius-pill);
  color: var(--dt-muted);
  transition:
    transform var(--dt-dur-3) var(--dt-ease-out),
    background-color var(--dt-dur-2) var(--dt-ease-out),
    color var(--dt-dur-2) var(--dt-ease-out);
}
.faq__item--open .faq__chevron[data-v-8bfced75] {
  transform: rotate(180deg);
  background: var(--dt-teal-50);
  color: var(--dt-teal-600);
}

/* grid-rows trick: animates to the content's natural height. */
.faq__panel[data-v-8bfced75] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--dt-dur-3) var(--dt-ease-out);
}
.faq__item--open .faq__panel[data-v-8bfced75] {
  grid-template-rows: 1fr;
}
.faq__panel-inner[data-v-8bfced75] {
  overflow: hidden;
}
.faq__answer[data-v-8bfced75] {
  padding: 0 var(--dt-space-5) var(--dt-space-5) calc(var(--dt-space-5) + 52px);
  color: var(--dt-muted);
  font-size: var(--dt-fs-sm);
  line-height: var(--dt-lh-normal);
}

/* ---------- help card ---------- */
.faq__help[data-v-8bfced75] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--dt-space-5);
  margin-block-start: var(--dt-space-8);
  padding: var(--dt-space-6);
  border-radius: var(--dt-radius-xl);
  background: var(--dt-grad-mint);
  border: 1px solid var(--dt-teal-100);
}
.faq__help-title[data-v-8bfced75] {
  font-size: var(--dt-fs-h4);
  margin-block-end: 0.25rem;
}
.faq__help-text p[data-v-8bfced75] {
  font-size: var(--dt-fs-sm);
  color: var(--dt-muted);
}
.faq__help-actions[data-v-8bfced75] {
  display: flex;
  gap: var(--dt-space-2);
  flex-wrap: wrap;
}
@media (max-width: 560px) {
.faq__answer[data-v-8bfced75] {
    padding-inline: var(--dt-space-5);
}
.faq__help-actions[data-v-8bfced75] {
    width: 100%;
}
.faq__help-actions[data-v-8bfced75] > * {
    flex: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.faq__panel[data-v-8bfced75] {
    transition: none;
}
}