/* faq.css — FAQ accordion */
.faq-container { max-width: 780px; }

.faq-item { border-bottom: 1px solid var(--border); }
.faq-item:last-child { border-bottom: none; }

.faq-q {
  width: 100%; text-align: start; background: none; border: none;
  padding: 20px 0; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  font-size: 1.05rem; font-weight: 600; color: var(--text);
  font-family: inherit;
  transition: color .15s;
}
.faq-q:hover { color: var(--gold); }
.faq-q .faq-arrow { font-size: 15px; color: var(--faint); flex-shrink: 0; transition: transform .2s; }
.faq-item.open .faq-q { color: var(--gold); }
.faq-item.open .faq-q .faq-arrow { transform: rotate(180deg); color: var(--gold); }

.faq-a { display: none; padding: 0 0 22px; color: var(--muted); line-height: 1.7; font-size: .97rem; }
.faq-item.open .faq-a { display: block; }
.faq-a p { margin-bottom: 12px; }
.faq-a p:last-child { margin-bottom: 0; }
.faq-a ol, .faq-a ul { padding-inline-start: 20px; margin: 8px 0 12px; }
.faq-a strong { color: var(--text); }
.faq-a a { color: var(--gold); text-decoration: none; }
.faq-a a:hover { text-decoration: underline; }