/* A title is a sibling of the document, so sticky lasts for the document's height. */
.legal-page { display: block; }
.legal-page > .legal-heading-intro { padding-top: 48px; }
.legal-page .container { max-width: 980px; }
.legal-heading-intro .eyebrow { margin: 0 0 12px; }
.legal-title { margin: 0 0 32px; color: var(--text, #08131f); }
.legal-title h1 {
  margin: 0;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.15;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.legal-page > .legal-description { margin-bottom: 24px; }
.dark-theme .legal-title { color: #eef6fa; }

@media (max-width: 992px) {
  html.legal-document-page {
    scroll-padding-top: calc(var(--legal-header-height, var(--header-h, 64px)) + var(--legal-title-height, 90px) + 12px);
  }
  .legal-page > .legal-heading-intro { padding-top: 20px; }
  .legal-heading-intro .eyebrow { margin-bottom: 8px; font-size: 11px; }
  .legal-page > .legal-title {
    position: sticky;
    top: var(--legal-header-height, var(--header-h, 64px));
    z-index: 40;
    margin-bottom: 20px;
    padding: 12px 0;
    background: var(--card, #fff);
    border-bottom: 1px solid var(--line, #d9e3e9);
    box-shadow: 0 5px 12px rgba(8, 19, 31, .08);
  }
  .legal-title h1 { font-size: clamp(18px, 4.8vw, 22px); line-height: 1.25; }
  .dark-theme .legal-title { background: #0d2235; border-color: #274157; }
  .legal-page .legal-document { overflow-wrap: anywhere; }
}