/* Keep the decorative divider inside the hero, clear of document text. */
.legal-page .policy-section {
  margin-bottom: 0;
  padding-top: clamp(80px, 8vw, 140px);
  /* Reserve room for the slanted edge as the viewport widens. */
  padding-bottom: calc(100px + 6.6vw);
  overflow: hidden;
}
.legal-content-section { background: #fff; padding: 48px 0 120px; }
.legal-document {
  max-width: 800px;
  margin: 0 auto;
  color: #333;
  text-align: left;
  font-size: 16px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.legal-document h1, .legal-document h2 { font-size: 26px; line-height: 1.3; }
.legal-document h3, .legal-document h4 { margin-top: 28px; font-size: 20px; line-height: 1.4; }
.legal-document p { margin: 0 0 16px; }
.legal-document ul, .legal-document ol { padding-left: 28px; margin: 16px 0; }
.legal-document li { margin-bottom: 8px; }
.legal-document a { color: #1467b3; text-decoration: underline; }
.legal-document a:hover { color: #08477e; }
.legal-document table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.legal-document th, .legal-document td { padding: 8px; border: 1px solid #ddd; }
@media (max-width: 479px) {
  .legal-content-section { padding: 32px 0 80px; }
}