.faq-page { }

.faq-intro__inner { display:flex; justify-content:center; }
.faq-intro__text { max-width:700px; margin-inline:auto; text-align:center; }
.faq-intro__hint { font-size:var(--fs-sm); }

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

.faq-grid { display:grid; grid-template-columns: 1fr 2fr; gap:var(--space-3); align-items:start; }
.faq-image { width:100%; min-width:0; }
.faq-rows { display:flex; flex-direction:column; gap:var(--space-2); }

.faq-row { border:var(--border-width) solid var(--color-border); }
.faq-toggle { width:100%; text-align:left; display:flex; justify-content:space-between; align-items:center; }
.faq-toggle::after { content:"+"; color:var(--color-accent); font-weight:700; }
.faq-row.active .faq-toggle::after { content:"–"; }

.faq-content { display:none; padding:var(--space-2) var(--space-3); border-top:var(--border-width) solid var(--color-border); }
.faq-row.active .faq-content { display:block; }

.faq-cta__inner { padding:var(--space-4); }
.faq-cta__content { max-width:600px; margin-inline:auto; display:flex; flex-direction:column; gap:var(--space-3); text-align:center; }
.faq-cta__button { border:var(--border-width) solid var(--color-border); padding:var(--space-2) var(--space-3); text-transform:uppercase; font-weight:700; }
.faq-cta__button:hover { background:var(--color-accent); color:var(--color-text-inverse); }

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