.faq { border-top: 1px solid var(--color-line); }
.faq:last-child { border-bottom: 1px solid var(--color-line); }
.faq summary {
  display: flex; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none;
  padding: 26px 0; font-size: 21px; font-weight: 600; letter-spacing: -0.01em;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary svg { flex: none; color: var(--color-primary); transition: transform 0.35s var(--ease); }
.faq[open] summary svg { transform: rotate(45deg); }
.faq__answer { padding: 0 64px 28px 0; color: var(--color-muted); max-width: 820px; }
.faq[open] .faq__answer { animation: swap-in 0.4s var(--ease) both; }