@layer blocks {
  .faq {
    background-color: var(--theme-surface-secondary);
    --accordion-list-padding: 1rem 1rem;
    --accordion-list-gap: 3rem;
    --accordion-list-background-color: var(--theme-surface-primary);
    --accordion-list-border-hover-color: transparent;
  }
  @media (min-width: 1024px) {
    .faq {
      --accordion-list-padding: 2rem;
      --accordion-list-gap: 1.5rem;
      --accordion-body-max-width: 29.5625rem;
    }
  }
  .faq__info {
    display: flex;
    flex-direction: column;
  }
  .faq__heading {
    color: var(--theme-text-primary);
  }
  .faq__description {
    margin-top: 1rem;
    color: var(--theme-text-primary);
  }
  .faq__cta {
    margin-top: 2rem;
  }
  .faq__answer {
    color: var(--theme-text-secondary);
  }
  .faq__answer p,
  .faq__answer li {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
}