.bd-faq-split { padding: 70px 20px 90px; background: var(--bd-cream); }
.bd-faq-split__grid {
  max-width: var(--bd-page);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 48px;
  align-items: start;
}
.bd-faq-split__intro h2 { margin-bottom: 14px; }
.bd-faq-split__intro p { margin: 0 0 20px; max-width: 40ch; font-size: 18px; line-height: 1.6; color: var(--bd-muted); }
.bd-faq-split .bd-faq-split__link { font-size: 17px; font-weight: 700; color: var(--bd-navy); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1000px) {
  .bd-faq-split__grid { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 640px) {
  .bd-faq-split { padding-bottom: 120px; }
}

/* Design: questions sit in an h3, so they use the display face */
.bd-faq-split .bd-accordion__btn { font-family: var(--bd-font-display); }
.bd-faq-split .bd-accordion__panel p { max-width: 64ch; }
.bd-faq-split .bd-accordion__panel { max-width: none; }