.faq-page{}

.faq-hero-inner{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}

.faq-hero-lead{font-size:var(--fs-5)}
.faq-hero-sub{color:var(--text-secondary)}

.faq-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.faq-nav-card{display:flex;flex-direction:column;gap:var(--space-1);text-align:center;min-width:0}

.faq-section{max-width:900px;margin-inline:auto}

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

.faq-item{border:1px solid var(--border-muted);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-elevated)}

.faq-question{width:100%;text-align:left;padding:var(--space-2);font-weight:600}

.faq-answer{padding:0 var(--space-2) var(--space-2);display:none}

.faq-item.active .faq-answer{display:block}

.faq-image{margin-bottom:var(--space-3);border-radius:var(--radius-lg)}

.faq-highlight{background:var(--surface-accent)}
.faq-highlight-panel{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

.faq-tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}

.faq-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

@media (max-width:900px){
.faq-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq-tips-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
.faq-nav-grid{grid-template-columns:1fr}
}