/* Use the same outer grid for legal headings and copy at every viewport. */
.legal-page .page-hero.wrap,
.legal-page .legal-copy.wrap {
  max-width: 1920px;
  margin-inline: auto;
}
.legal-page .legal-copy > :is(h2, h3, p, ul, ol),
.legal-page .page-hero > p:not(.eyebrow) {
  max-width: 780px;
  margin-left: 0;
  margin-right: 0;
}
.legal-page .legal-copy > h2:first-child { margin-top: 0; }
.legal-page .legal-copy p,
.legal-page .legal-copy li {
  font-size: 16px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.legal-page .legal-copy a { text-underline-offset: 3px; }