/* /faq — topic chips under the hero, then one question group per topic (the service
   page FAQ block, svcpage.css). Groups follow each other without the full section gap. */
.faq-top { padding: clamp(40px, 4vw, 64px) var(--gutter) 0; }
.faq-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.faq-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid rgba(11, 41, 93, .14);
  border-radius: 999px;
  background: #fff;
  color: var(--ink-strong);
  font: 400 15px/1.3 var(--font);
  text-decoration: none;
  transition: border-color .2s ease, background-color .2s ease;
}
@media (hover: hover) { .faq-nav a:hover { border-color: rgba(11, 41, 93, .32); } }
.faq-nav a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

.faq-top + .sfaq { padding-top: clamp(56px, 6vw, 96px); }
.sfaq + .sfaq { padding-top: 0; }
.sfaq[id] { scroll-margin-top: 96px; }
.sfaq__answer .link-arrow { margin-top: 6px; }