.faq-page{display:block}

.faq-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-6) var(--space-2)}
.faq-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.5)}
.faq-hero-content{position:relative;max-width:520px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.faq-hero-note{background:var(--color-bg-secondary);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}

.faq-section{padding:var(--space-6) 0}
.faq-block{max-width:640px}

.faq-accordion{display:flex;flex-direction:column;gap:var(--space-2);max-width:640px}
.faq-item{width:100%;text-align:left;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:var(--space-2)}
.faq-item span{font-weight:500}
.faq-content{display:none;color:var(--color-text-secondary)}
.faq-item[aria-expanded="true"] .faq-content{display:block}

.faq-split{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.faq-split-text{min-width:0}
.faq-split-image img{width:100%;border-radius:var(--radius-sm)}

.faq-inline-image{max-width:640px;margin-bottom:var(--space-3);border-radius:var(--radius-sm)}

.faq-centered{display:flex;justify-content:center}
.faq-narrow{max-width:560px}

.faq-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.faq-col{min-width:0}

.faq-cta{display:flex;justify-content:center;padding:var(--space-6) var(--space-2)}
.faq-cta-inner{max-width:480px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
.faq-split{grid-template-columns:1fr}
.faq-two-col{grid-template-columns:1fr}
}