/* Reading layout using the homepage's typography, palette and navigation. */
.legal-page { padding: calc(var(--header-h) + 72px) var(--margin) 100px; min-height: 70vh; }
.legal-page__inner { max-width: 960px; margin-inline: auto; }
.legal-page__heading { margin-bottom: 56px; }
.legal-page__heading .label { color: var(--c-forest); margin-bottom: 20px; }
.legal-page__heading h1 { font-size: clamp(42px, calc(5.6 * var(--u)), 80px); font-weight: 600; line-height: 1.04; letter-spacing: -.045em; overflow-wrap: anywhere; hyphens: auto; }
.legal-page__content { max-width: 760px; font-size: clamp(17px, calc(1.3 * var(--u)), 19px); line-height: 1.65; overflow-wrap: anywhere; }
.legal-page__content h2 { margin: 2.2em 0 .7em; font-size: clamp(25px, calc(2.3 * var(--u)), 34px); line-height: 1.18; letter-spacing: -.025em; font-weight: 600; }
.legal-page__content h3 { margin: 1.8em 0 .6em; font-size: 23px; line-height: 1.3; }
.legal-page__content p, .legal-page__content ul, .legal-page__content ol { margin-bottom: 1.2em; }
.legal-page__content ul, .legal-page__content ol { padding-left: 1.4em; }
.legal-page__content li { margin-bottom: .4em; }
.legal-page__content a { color: var(--c-signal-deep); text-decoration: underline; text-underline-offset: .18em; }
.legal-page__content mark { background: #eee1b7; color: var(--c-ink); }
.is-content-page .foot { margin-top: 0; }
@media (max-width: 800px) {
  .legal-page { padding-top: calc(var(--header-h) + 36px); padding-bottom: 64px; }
  .legal-page__heading { margin-bottom: 36px; }
}
