/* ---------- Page hero image ---------- */
.page-hero--faq {
  background:
    linear-gradient(rgba(8, 47, 34, 0.82), rgba(11, 63, 45, 0.86)),
    url("../../assets/images/faq-hero.jpg") center / cover no-repeat,
    var(--color-green-700);
}

/* ---------- Topic jump links ---------- */
.faq-topics { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-xs); margin-bottom: var(--space-2xl); }
.faq-topics a {
  display: inline-block; padding: 0.4rem 1rem; border: 1px solid var(--color-gold-400); border-radius: var(--radius-pill);
  font-size: var(--text-sm); text-decoration: none; color: var(--color-primary); background: var(--color-white);
  transition: background-color var(--transition), color var(--transition);
}
.faq-topics a:hover { background: var(--color-gold-100); color: var(--color-primary); }

/* ---------- FAQ groups ---------- */
.faq-group { scroll-margin-top: 100px; }
.faq-group + .faq-group { margin-top: var(--space-2xl); }
.faq-group h2 { font-size: var(--text-lg); margin-bottom: var(--space-md); }
.faq-item summary { font-size: var(--text-base); }
.faq-answer { font-size: var(--text-base); }

/* ---------- Closing CTA ---------- */
.faq-cta { text-align: center; }
.faq-cta h2 { margin-bottom: var(--space-md); }
.faq-cta .btn { margin-top: var(--space-lg); }