/* Apps 4 That — Travel: legal-page typography (terms / privacy / disclaimer).
   Builds on a4t-ui.css. Comfortable reading column. */
.legal-page { padding-block: clamp(var(--space-6), 5vw, var(--space-8)); }
.legal-page h1 { margin-bottom: var(--space-3); }
.legal-page h2 {
  font-size: var(--fs-h3);
  margin-top: var(--space-6);
  margin-bottom: var(--space-2);
}
.legal-page h3 {
  font-size: var(--fs-lede);
  margin-top: var(--space-5);
  margin-bottom: var(--space-2);
}
.legal-page p,
.legal-page li { color: var(--text); line-height: var(--lh-relaxed); }
.legal-page p { margin-bottom: var(--space-4); }
.legal-page ul { margin-bottom: var(--space-4); display: flex; flex-direction: column; gap: var(--space-2); }
.legal-page hr { margin-block: var(--space-6); }

.legal-draft {
  background: color-mix(in srgb, var(--c-mustard) 22%, var(--bg-elevated));
  border: 1px solid color-mix(in srgb, var(--c-mustard) 55%, var(--surface-line));
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  font-weight: var(--fw-semibold);
  color: var(--c-ink-900);
  margin-bottom: var(--space-5);
}
.legal-meta { color: var(--text-muted); font-size: var(--fs-caption); }
.legal-back { display: inline-flex; margin-bottom: var(--space-4); }
.legal-signoff { color: var(--text-muted); font-style: italic; margin-top: var(--space-6); }