/* FAQ page styles (minimal, leveraging base.css) */
.faq-hero .hero-wrap { display: grid; gap: var(--space-24); align-items: center; }
@media (min-width: 900px) { .faq-hero .hero-wrap { grid-template-columns: 1.2fr 1fr; } }
.hero-content h1 { margin-bottom: var(--space-12); }
.faq-search { margin-top: var(--space-16); }
.faq-actions { margin-top: var(--space-16); display: flex; flex-wrap: wrap; gap: var(--space-12); }
.hero-figure img { aspect-ratio: 2 / 1; object-fit: cover; }

.faq-list { display: grid; gap: var(--space-16); }
.faq-item summary { cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary h3 { display: inline; }
.faq-item[open] { outline: 1px solid rgba(212, 175, 55, 0.35); }
.faq-answer { margin-top: var(--space-16); }
.faq-answer ul, .faq-answer ol { margin-left: 1rem; }

/* Counter/feedback */
#faq-counter { margin-top: var(--space-16); color: var(--color-text-muted); }

/* Small polish for focus */
.faq-item summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; border-radius: var(--radius-sm); }