/* Simple legal pages (Imprint, Privacy Policy) */
.legal-page {
  padding: clamp(108px, 12vw, 140px) var(--layout-gutter) clamp(64px, 8vw, 96px);
  min-height: 55vh;
  background: var(--white);
  text-align: left;
}

.legal-page__inner {
  max-width: var(--content-max, 1280px);
  margin: 0;
  text-align: left;
}

.legal-prose {
  max-width: min(720px, 100%);
}

.legal-page .eyebrow {
  font-family: var(--mono);
  font-size: var(--eyebrow-font-size);
  font-weight: var(--section-sub-font-weight);
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
  margin-bottom: 14px;
}

.legal-page .eyebrow-blue {
  color: var(--blue);
}

.legal-page h1 {
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--navy-deep);
  margin-bottom: clamp(8px, 1vw, 12px);
}

.legal-page .legal-updated {
  font-size: 14px;
  font-weight: 500;
  color: var(--muted-l);
  margin-bottom: clamp(28px, 3.5vw, 40px);
}

.legal-prose h2 {
  font-size: clamp(17px, 1.8vw, 20px);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--navy-deep);
  margin: clamp(28px, 3vw, 36px) 0 12px;
}

.legal-prose h2:first-child {
  margin-top: 0;
}

.legal-prose h3 {
  font-size: 15px;
  font-weight: 700;
  color: var(--navy-deep);
  margin: 20px 0 8px;
}

.legal-prose p,
.legal-prose li {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(21, 37, 88, 0.82);
}

.legal-prose p {
  margin-bottom: 12px;
}

.legal-prose ul {
  margin: 0 0 14px 1.2em;
}

.legal-prose li {
  margin-bottom: 6px;
}

.legal-prose a {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.legal-prose a:hover {
  opacity: 0.82;
}

.legal-prose hr {
  border: none;
  border-top: 1px solid var(--border-l);
  margin: 32px 0;
}

.legal-prose address {
  font-style: normal;
  margin-bottom: 12px;
}

.legal-prose strong {
  font-weight: 700;
  color: var(--navy-deep);
}

.legal-prose em {
  font-style: italic;
}

@media (max-width: 850px) {
  .legal-page {
    padding-left: var(--layout-page-edge);
    padding-right: var(--layout-page-edge);
  }
}
