.legal-document {
  width: min(76rem, calc(100% - 3.2rem));
  margin: 0 auto;
  padding: 12rem 0 8rem;
  color: #153243;
  font-family: "RedHatText", sans-serif;
  font-size: 1.6rem;
  line-height: 1.7;
}

.legal-document__header {
  margin-bottom: 4rem;
}

.legal-document h1 {
  margin-bottom: 1.6rem;
  font-family: "RedHatDisplay", sans-serif;
  font-size: 4.8rem;
  line-height: 1.2;
}

.legal-document h2 {
  margin: 4rem 0 1.2rem;
  font-family: "RedHatDisplay", sans-serif;
  font-size: 2.6rem;
  line-height: 1.3;
}

.legal-document h3 {
  margin: 2.8rem 0 1rem;
  font-family: "RedHatDisplay", sans-serif;
  font-size: 2rem;
  line-height: 1.4;
}

.legal-document p,
.legal-document li {
  margin-bottom: 1.2rem;
}

.legal-document ul,
.legal-document ol {
  padding-left: 2.4rem;
}

.legal-document a {
  color: #007d9f;
  text-decoration: underline;
}

.legal-document a:focus-visible,
.legal-document [tabindex]:focus-visible {
  outline: 0.3rem solid #0090b7;
  outline-offset: 0.3rem;
}

.legal-document .retention-table {
  margin: 2rem 0;
  overflow-x: auto;
}

.legal-document table {
  width: 100%;
  min-width: 64rem;
  border-collapse: collapse;
}

.legal-document th,
.legal-document td {
  padding: 1.2rem;
  border: 0.1rem solid #d7e2e7;
  text-align: left;
  vertical-align: top;
}

.legal-document th {
  background: #edf7f9;
}

@media only screen and (max-width: 37.5em) {
  .legal-document {
    width: min(calc(100% - 2.4rem), 76rem);
    padding: 9rem 0 5rem;
  }

  .legal-document h1 {
    font-size: 3.4rem;
  }

  .legal-document h2 {
    font-size: 2.2rem;
  }
}