/* ==========================================================
   DeltaVisor · static legal pages (Terms, Privacy)
   Self-contained prose layout built on the cdn.deltavisor.com
   design-system tokens (fonts.css + design-system.css). No
   dependency on the marketing site's styles.css, so these pages
   render correctly ahead of the marketing-site rework. var()
   fallbacks keep them readable even if a token is missing.
========================================================== */

.legal-doc {
  max-width: 56rem;
  margin: 0 auto;
  padding: var(--s-8, 4rem) var(--s-5, 1.5rem) var(--s-9, 6rem);
  color: var(--ink, #1a1a1a);
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: var(--t-md, 1.0625rem);
  line-height: 1.65;
}

.legal-doc__mark {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: var(--s-6, 2rem);
  font-family: var(--font-display, inherit);
  font-weight: 600;
  color: var(--ink, #1a1a1a);
  text-decoration: none;
}
.legal-doc__mark img { height: 1.4rem; width: auto; }

.legal-doc h1 {
  margin: 0 0 var(--s-3, 0.75rem);
  font-family: var(--font-display, inherit);
  font-size: clamp(1.9rem, 3.2vw, 2.6rem);
  line-height: 1.1;
  color: var(--ink, #1a1a1a);
}

.legal-doc h2 {
  margin: var(--s-7, 3rem) 0 var(--s-3, 0.75rem);
  font-family: var(--font-display, inherit);
  font-size: var(--t-xl, 1.4rem);
  line-height: 1.2;
  color: var(--ink, #1a1a1a);
}

.legal-doc p,
.legal-doc li { color: var(--ink, #1a1a1a); }
.legal-doc ul { margin: var(--s-3, 0.75rem) 0; padding-left: var(--s-5, 1.5rem); }
.legal-doc li { margin-bottom: var(--s-2, 0.5rem); }
.legal-doc a { color: var(--accent, #0A84FF); }

.legal-doc__meta {
  margin: var(--s-5, 1.5rem) 0 var(--s-7, 3rem);
  padding: var(--s-4, 1rem) 0;
  border-top: 1px solid var(--rule, #e5e5e5);
  border-bottom: 1px solid var(--rule, #e5e5e5);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--t-xs, 0.8rem);
  letter-spacing: 0.04em;
  color: var(--ink-mid, #666);
}

.legal-doc__foot {
  margin-top: var(--s-7);
  padding-top: var(--s-4);
  border-top: 1px solid var(--rule);
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  color: var(--ink-mid);
}

.legal-doc__review {
  margin-top: var(--s-7, 3rem);
  padding: var(--s-4, 1rem) var(--s-5, 1.5rem);
  border: 1px dashed var(--rule, #d0d0d0);
  border-radius: 10px;
  font-size: var(--t-sm, 0.9rem);
  color: var(--ink-mid, #666);
}