/* Retained legal copy uses the same public shell, typography and theme tokens. */
.legal-page .simple-hero {
  padding-block: 82px 70px;
  border-bottom: 1px solid var(--line);
  background: var(--section-deep);
}
.legal-page .simple-hero h1 {
  max-width: 840px;
  font-size: clamp(40px, 5.4vw, 76px);
  line-height: 1.08;
}
.legal-page .simple-hero > .shell > p:last-child {
  max-width: 720px;
  margin-top: 24px;
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.75;
}
.legal-page .prose {
  max-width: 860px;
}
.legal-page .prose h2 {
  margin: 0 0 16px;
  font-size: clamp(24px, 2.4vw, 34px);
}
.legal-page .prose h2:not(:first-child) {
  margin-top: 58px;
}
.legal-page .prose p {
  max-width: 780px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.9;
}
.legal-page .site-footer {
  margin-top: 20px;
}
@media (max-width: 639px) {
  .legal-page .simple-hero { padding-block: 58px 50px; }
  .legal-page .simple-hero h1 { font-size: 40px; }
  .legal-page .prose h2:not(:first-child) { margin-top: 42px; }
  .legal-page .prose p { font-size: 15px; }
}