/* FAQ hub. Prefixed fq- per the agency page standard. */

.fq-toc{
  margin:0 0 3em;
  padding:22px 26px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
}
.fq-toc h2{
  font-family:"Inter",sans-serif;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--ink-soft);
  margin:0 0 14px;
}
.fq-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.fq-toc li{display:flex;align-items:baseline;gap:10px;padding:7px 0}
.fq-toc a{color:var(--forest);text-decoration:none;border-bottom:1px solid transparent;
  transition:border-color .25s var(--ease),color .25s var(--ease)}
.fq-toc a:hover{color:var(--forest-deep);border-bottom-color:var(--gold-soft)}
.fq-count{
  font-size:.7rem;
  color:var(--ink-soft);
  border:1px solid var(--line);
  border-radius:999px;
  padding:1px 8px;
  font-variant-numeric:tabular-nums;
}

.fq-group{margin:0 0 3.2em;scroll-margin-top:96px}
.fq-group:last-child{margin-bottom:0}
.fq-group > h2{
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  margin-bottom:18px;
}