/* /faq/ page shell. .faq (from /styles.css) only has 56px top padding -
   fine mid-page on the homepage, not enough to clear the fixed header now
   that it's the first thing on this page, hence .faq-page-wrap. */

.faq-page-wrap { padding-top: 120px; }

.breadcrumbs {
  font-size: 0.85rem;
  color: #6b7178;
  margin: 0 auto;
  max-width: 1180px;
  padding: 20px 24px 0;
}
.breadcrumbs a { color: inherit; }
.breadcrumbs a:hover { color: var(--navy-800, #313f4a); }
.breadcrumbs span[aria-current] { color: var(--navy-800, #313f4a); }

.faq-category-title {
  font-family: var(--font-display, "Jost", sans-serif);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--blush-500, #e0c1bc);
  margin: 32px 0 4px;
}
.faq-list > .faq-category-title:first-child { margin-top: 0; }

.faq-cta {
  max-width: 1180px;
  margin: 0 auto;
  padding: 48px 24px 80px;
  text-align: center;
}
.faq-cta h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); color: var(--navy-800, #313f4a); font-weight: 500; }
.faq-cta p { margin: 10px auto 20px; max-width: 50ch; color: #57626b; }