.faq-section { padding-block: var(--section-space); }
.faq-section .section-heading h2 { max-width: 733px; }
.faq-section .accordion-list details { border: 0; background: var(--color-pink-faint); }
.faq-section .accordion-list details[open] { background: var(--color-pink-faint); }
.faq-section .accordion-list summary { padding: var(--space-8) 28px; font-size: var(--text-card-title-small); line-height: var(--leading-card-title-small); font-weight: var(--font-weight-medium); }
.faq-section .accordion-list details[open] summary { background: transparent; }
.faq-section .accordion-list summary::after { width: 20px; height: 20px; background: url('../../assets/sections/faq-arrow.svg') center/20px 20px no-repeat; transform: rotate(-90deg); }
.faq-section .accordion-list details[open] summary::after { transform: none; }
.faq-item > div { padding: 0 28px var(--space-8); margin-top: -8px; color: var(--color-text-secondary); font-size: var(--text-reading-small); line-height: 1.65; }
.faq-item > div p { margin: 0; }
@media(max-width:767px) {
  .faq-section .accordion-list { gap: var(--space-8); }
  .faq-section .accordion-list summary { padding: var(--space-7); gap: var(--space-5); font-size: var(--text-base); line-height: var(--leading-body); }
  .faq-item > div { padding: 0 var(--space-7) var(--space-7); margin-top: -8px; font-size: var(--text-base); line-height: var(--leading-body); }
}
