/* Long-form legal pages. Loaded after styles.css. */
.legal { padding-block: clamp(40px, 6vw, 72px) clamp(48px, 7vw, 90px); }
.legal-doc {
  max-width: 760px;
  margin-inline: auto;
  background: var(--surface);
  border-radius: var(--r-shell);
  padding: clamp(28px, 5vw, 64px);
  box-shadow: var(--sh-card);
}
.legal-doc h1 {
  font-size: clamp(2rem, 1.4rem + 2.2vw, 2.8rem);
  margin-bottom: 8px;
}
.legal-meta { font-size: 0.875rem; color: var(--ink-3); margin-bottom: 8px; }
.legal-doc h2 {
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  margin-top: 40px;
  margin-bottom: 10px;
}
.legal-doc p { color: var(--ink-2); margin-bottom: 14px; }
.legal-doc strong { color: var(--ink); font-weight: 600; }
.legal-doc ul {
  list-style: disc;
  padding-left: 22px;
  margin-bottom: 16px;
  display: grid;
  gap: 8px;
  color: var(--ink-2);
}
.legal-doc li { line-height: 1.6; }
.legal-doc a { color: var(--brand-deep); text-decoration: underline; text-underline-offset: 2px; }
.legal-doc code {
  font-family: var(--font-mono);
  font-size: 0.88em;
  background: var(--surface-2);
  padding: 2px 6px;
  border-radius: 6px;
}