/* Longform legal pages - intentionally more generous line-height than marketing copy. */
.legal-page { width: min(840px, calc(100% - 2 * var(--page-gutter))); margin: var(--s-72) auto var(--page-bottom); color: var(--ink); font-size: var(--fs-longform); line-height: var(--lh-long); }
.legal-page__header { padding-bottom: var(--s-36); margin-bottom: var(--s-40); border-bottom: var(--sz-1) solid var(--line); }
/* .eyebrow role comes from styles.css */
.legal-page__header h1 { margin: var(--s-12) 0 var(--s-16); color: var(--ink); font-size: var(--fs-h1); line-height: var(--lh-h); font-weight: var(--fw-display); letter-spacing: var(--ls-h); }
.legal-page__header > p:last-child { margin: 0; color: var(--ink-2); font-size: var(--fs-small); }
.legal-page section { margin: 0 0 var(--s-36); }
.legal-page section h2 { margin: 0 0 var(--s-12); color: var(--ink); font-size: var(--fs-h4); line-height: var(--lh-1_3); font-weight: var(--fw-title); letter-spacing: var(--ls-h3); }
.legal-page p, .legal-page ul { margin: 0 0 var(--s-16); }
.legal-page ul { padding-left: var(--s-24); }
.legal-page li { padding-left: var(--s-4); margin: 0 0 var(--s-8); }
.legal-page a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-page__caps { font-size: var(--fs-small); line-height: 1.65; font-weight: var(--fw-label); }
@media (max-width: 767px) {
  .legal-page { margin-top: var(--s-44); }
  .legal-page__header { padding-bottom: var(--s-28); margin-bottom: var(--s-32); }
  .legal-page section { margin-bottom: 30px; }
}