.faq-hero{position:relative;padding:0}
.faq-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.faq-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto;text-align:center;padding:var(--space-7) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}
.faq-hero-note{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);padding:var(--space-3);font-size:var(--fs-6)}

.faq-intro{max-width:800px}

.faq-wide{max-width:900px}
.faq-mid{max-width:800px}
.faq-narrow{max-width:700px;margin-inline:auto;text-align:center}

.faq-section-alt{background:var(--color-surface-secondary)}

.faq-qa{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4)}
.faq-q{font-weight:600}
.faq-a{line-height:1.6}

.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.faq-grid img{width:100%;border-radius:var(--radius-md)}

.faq-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}

.faq-cta{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}

@media(max-width:900px){
.faq-qa{grid-template-columns:1fr}
.faq-grid,.faq-grid-2{grid-template-columns:1fr}
.faq-hero-inner{padding:var(--space-6) var(--space-3)}
}
