/*
  FAQ page only (loaded after site.css). Topic chips jump to each service's group of questions.
  The question rows themselves use the shared .faq styles from site.css.
*/
.faq-page{background:linear-gradient(180deg,var(--cool),var(--paper) 420px)}
.faq-page h1{font-size:clamp(2.1rem,4.4vw,3.2rem)}
.faq-page .faq-head{margin-bottom:22px}
.faq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(28px,4vw,44px)}
.faq-chips a{font-size:.92rem;font-weight:500;color:var(--navy);text-decoration:none;padding:9px 16px;border-radius:999px;border:1.5px solid var(--hair);background:var(--paper);transition:border-color .2s,background .2s,color .2s}
.faq-chips a:hover{border-color:var(--blue);background:var(--tint);color:var(--deep)}
.faq-page .faq{max-width:860px}
.faq-group{scroll-margin-top:100px;margin-bottom:clamp(36px,5vw,56px)}
.faq-group h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin-bottom:12px}
.faq-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;padding-top:12px}
.faq-cta b{font-size:1.2rem;font-weight:600;color:var(--navy)}
.faq-cta .call svg{width:20px;height:20px;color:#000}
@media (max-width:860px){
  .faq-page{padding-top:96px!important}
  .faq-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * clamp(16px,4vw,40px));padding:0 clamp(16px,4vw,40px) 4px}
  .faq-chips::-webkit-scrollbar{display:none}
  .faq-chips a{flex:none}
}