.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: var(--measure-lg); cursor: pointer; list-style: none;
  padding: var(--measure-xl) 0; font-size: var(--text-lg); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-normal);
}
.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 var(--measure-2xl) 0; color: var(--color-muted); max-width: 820px; }
.faq[open] .faq__answer { animation: swap-in 0.4s var(--ease) both; }