/* ==========================================================================
   FAQ PAGE — styles scoped to /faq/ only. Reuses .finder-accordion (styles.css),
   .tech-overview / .tech-detail-group / .tech-detail-bullets (tech.css) for
   the prose and bulleted sections; only the numbered Q&A pattern is new.
   ========================================================================== */

.faq-accordion-list { display: flex; flex-direction: column; gap: var(--space-4); }

.faq-comparison-img { width: 100%; max-width: 700px; height: auto; border-radius: var(--radius-md); border: 1px solid var(--gray-100); display: block; margin: 0 auto; }

.faq-qa { max-width: 74ch; }
.faq-qa .faq-q { font-family: var(--font-display); font-size: var(--fs-sm); color: var(--navy-900); margin-top: var(--space-5); margin-bottom: var(--space-2); }
.faq-qa .faq-q:first-child { margin-top: 0; }
.faq-qa .faq-a { color: var(--text-on-light-muted); line-height: var(--lh-normal); margin-bottom: var(--space-2); }
.faq-qa .faq-a:last-of-type { margin-bottom: 0; }

.faq-intro-line { font-size: var(--fs-sm); color: var(--text-on-light-muted); margin-bottom: var(--space-5); }