/* Make the contract checklist read as one balanced two-card block. */
.qc-content.qc-bmh {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.qc-content.qc-bmh .qc-qa__sheet,
.qc-content.qc-bmh .qc-qa__notes {
  min-width: 0;
  box-sizing: border-box;
}

.qc-content.qc-bmh .qc-qa__notes {
  padding: 32px;
  border: 1px solid var(--color-border-primary);
  border-radius: var(--radius-16);
  background: var(--color-bg-main);
}

/* Keep the blue form full-width while its two columns stay on the 1200px grid. */
@media (min-width: 1280px) {
  .qc-content.qc-bmh .panel.home-cta {
    display: grid !important;
    grid-template-columns: minmax(40px, 1fr) minmax(0, 446px) minmax(0, 650px) minmax(40px, 1fr) !important;
    column-gap: 24px !important;
    padding: 40px 0 !important;
  }

  .qc-content.qc-bmh .panel.home-cta > .panel__left {
    grid-column: 2;
    width: auto !important;
  }

  .qc-content.qc-bmh .panel.home-cta > .formcard {
    grid-column: 3;
    width: auto !important;
  }
}

.qc-content.qc-bmh .panel.home-cta .fields,
.qc-content.qc-bmh .panel.home-cta .fields__row,
.qc-content.qc-bmh .panel.home-cta .field,
.qc-content.qc-bmh .panel.home-cta .input {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.qc-content.qc-bmh .table-scroll {
  max-width: 100%;
  overflow-x: auto;
  contain: inline-size;
}

@media (max-width: 1279px) {
  .qc-content.qc-bmh .qc-qa__notes {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .qc-content.qc-bmh .qc-qa__notes {
    padding: 16px;
  }
}