/* One FAQ design and animation for the homepage and contact page. */
.faq-list { display: flex; flex-direction: column; gap: 12px; }
.faq-item { overflow: hidden; box-shadow: none; }
.faq-q {
  width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 14px;
  background: none; border: none; padding: 18px 22px; font-size: 16px; font-weight: 700;
  color: var(--ink); text-align: start;
}
.faq-q i { font-size: 21px; color: var(--g-700); transition: transform .25s; flex: 0 0 auto; }
.faq-item.open .faq-q i { transform: rotate(45deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq-a p { margin: 0; padding: 0 22px 20px; color: var(--muted); font-size: 14.5px; }
.faq-q:focus-visible { outline: 3px solid var(--gold); outline-offset: -4px; border-radius: var(--radius); }
@media (prefers-reduced-motion: reduce) { .faq-a, .faq-q i { transition: none; } }