.faq-page { color: #282421; background: #f5f1ee; }
.faq-page__container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.faq-page__hero { padding: 150px 0 72px; background: #282421; color: #fff; }
.faq-page__hero h1 { max-width: 820px; margin: 10px 0 20px; font-size: clamp(42px, 6vw, 82px); line-height: 1; }
.faq-page__eyebrow { color: #ee7700; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.faq-page__intro { max-width: 720px; color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.7; }
.faq-page__content { padding: 84px 0 120px; }
.faq-page__categories { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 42px; }
.faq-page__categories a { padding: 10px 18px; color: #282421; border: 1px solid rgba(40,36,33,.25); border-radius: 999px; text-decoration: none; }
.faq-page__categories a:hover, .faq-page__categories a:focus-visible, .faq-page__categories a.is-active { color: #fff; background: #ee7700; border-color: #ee7700; }
@media (max-width: 767px) { .faq-page__container { width: min(100% - 28px, 1180px); } .faq-page__hero { padding: 110px 0 54px; } .faq-page__content { padding: 56px 0 80px; } }