/* =========================================================
   Component — FAQ block

   The accordion itself is components/accordion.css; this is only
   the column width it sits in and the line under it.
   ========================================================= */
.faq__inner { max-width: 52rem; }
.faq__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  margin: var(--space-8) 0 0;
  font-size: var(--fs-sm);
  color: var(--color-text-muted);
}

/* The call to action under the last answer. It carries its own top
   gap, so the line that follows it sits closer than it would after
   the accordion alone. */
.faq__cta {
  display: flex;
  margin: var(--space-8) 0 0;
}
.faq__cta + .faq__foot { margin-top: var(--space-5); }