/* ---------- FAQ PAGE ---------- */
.page-hero { padding-block: clamp(56px, 8vw, 112px) clamp(40px, 5vw, 64px); text-align: center; }
.page-hero h1 { max-width: 14ch; margin-inline: auto; }
.page-hero p { margin: var(--s-4) auto 0; font-size: var(--t-lg); color: var(--stout-70); max-width: 42ch; }
.facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-4); border-block: 2px solid var(--stout); padding-block: var(--s-5); max-width: 960px; margin-inline: auto; }
.facts h2 { font-size: var(--t-xl); line-height: 1.2; }
.facts p { margin-top: var(--s-1); font-size: var(--t-sm); color: var(--stout-70); }
.faq-group { max-width: 760px; margin-inline: auto; }
.faq-group + .faq-group { margin-top: var(--s-7); }
.faq-group > h2 { font-size: var(--t-xl); margin-bottom: var(--s-3); }
.faq a, .ask a { color: var(--copper); font-weight: 700; text-underline-offset: 4px; }
.ask { text-align: center; }
.ask p { margin: var(--s-3) auto 0; font-size: var(--t-lg); color: var(--stout-70); max-width: 44ch; }
@media (max-width: 900px) { .facts { grid-template-columns: 1fr; gap: var(--s-4); } }