.bd-faq.faq-layout {
  max-width: var(--bd-page);
  margin: 0 auto;
  padding: 24px var(--bd-gutter) 20px;
  display: grid;
  grid-template-columns: minmax(0, 0.62fr) minmax(0, 1.38fr);
  gap: 44px;
  align-items: start;
}

.bd-faq .faq-side {
  min-width: 0;
  position: sticky;
  top: calc(var(--bd-header-h) + 8px);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.bd-faq .faq-jump {
  background: var(--bd-pale);
  border: var(--bd-border) solid var(--bd-navy);
  border-radius: var(--bd-radius-lg);
  padding: 22px 24px;
}
.bd-faq .faq-jump h2 {
  margin: 0 0 14px;
  font-family: var(--bd-font-display);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  color: var(--bd-ink);
}
.bd-faq .faq-jump ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bd-faq .faq-jump a {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--bd-navy);
  text-decoration: none;
}
.bd-faq .faq-jump a:hover {
  color: var(--bd-pink);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.bd-faq .faq-help {
  border: var(--bd-border) solid var(--bd-ink);
  border-radius: var(--bd-radius-lg);
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bd-faq .faq-help h2 {
  margin: 0;
  font-family: var(--bd-font-display);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  color: var(--bd-yellow);
}
.bd-faq .faq-help__text,
.bd-faq .faq-help__text p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--bd-cream);
}
.bd-faq .faq-help__text p + p { margin-top: 0.6em; }

.bd-faq .faq-groups {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 44px;
}
.bd-faq .faq-group { scroll-margin-top: calc(var(--bd-header-h) + 20px); }
.bd-faq .faq-group > h2 { margin: 0 0 20px; }

/* Questions use the display face, like the design (h3 > button). */
.bd-faq .bd-accordion__btn {
  font-family: var(--bd-font-display);
  font-weight: 700;
  line-height: normal;
}
.bd-faq .bd-accordion__btn .faq-q { min-width: 0; }
.bd-faq .bd-accordion__panel a:not(.bd-btn) { color: var(--bd-navy); }
.bd-faq .bd-accordion__panel a:not(.bd-btn):hover { color: var(--bd-pink); }

.bd-faq .faq-disclaimer,
.bd-faq .faq-disclaimer p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--bd-muted);
}

@media (max-width: 900px) {
  .bd-faq.faq-layout { grid-template-columns: 1fr; gap: 28px; }
  .bd-faq .faq-side { position: static; }
}