.form-hero--audit {
  padding-bottom: var(--space-7xl);
  border-bottom: 1px solid var(--navy-light);
}

.audit-title {
  max-width: 460px;
  font-family: var(--font-display);
  font-size: var(--fs-display);
  font-weight: 500;
  text-wrap: balance;
  line-height: 1.09;
  letter-spacing: -0.03em;
}

.form-hero--audit .form-steps {
  margin-top: var(--space-s);
}

.form-hero--audit .form__submit {
  margin-top: var(--space-xs);
}

.form-hero--audit .form__note {
  max-width: 420px;
}

.audit-report {
  margin-top: 36px;
}

.audit-report__list {
  margin-top: 28px;
  row-gap: 14px;
}

/* The design shows no bar artwork above the footer here: the navy hero continues straight into it. */
.page-audit .site-footer {
  margin-top: 0;
}

.page-audit .site-footer__bars {
  display: none;
}

@media (max-width: 767px) {
  .form-hero--audit {
    padding-bottom: var(--space-2xl);
  }

  .audit-title {
    line-height: 1.1;
    letter-spacing: -0.04em;
  }

  .audit-report__list {
    margin-top: var(--space-xs);
  }
}