/* ─────────────────────────────────────────────────
   Legal documents — shared page styles for the 5 public
   legal pages (privacy, consent, oferta, cookie-policy, about).
   Rendered by src/legal/render-view.ts into `.legal-doc`.
   All values map to project --qh-* tokens (see TYPOGRAPHY.md,
   DESIGN_SYSTEM.md). No hardcoded px/hex with token equivalents.
   ───────────────────────────────────────────────── */

/* Rendered inside `.app-page-shell` (980px container + 64px/80px vertical
   padding + horizontal gutters). `.legal-doc` only constrains the readable
   measure to ≤800px — no own outer padding, or it would double the shell's
   top padding (DESIGN_SYSTEM §11/§13). */
.legal-doc {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  line-height: var(--qh-line-normal);
  color: var(--qh-text-primary);
}

.legal-doc__header {
  margin-bottom: var(--qh-rhythm-section);
  padding-bottom: var(--qh-rhythm-block);
  border-bottom: 1px solid var(--qh-border);
}

.legal-doc__title {
  font-size: var(--qh-text-hero);
  font-weight: var(--qh-font-weight-semibold);
  letter-spacing: var(--qh-letter-tight);
  margin: 0 0 var(--qh-rhythm-tight);
}

.legal-doc__meta {
  font-size: var(--qh-text-sm);
  color: var(--qh-text-tertiary);
  margin: 0;
}

.legal-doc__body h2 {
  font-size: var(--qh-text-xl);
  margin-top: var(--qh-rhythm-section);
  margin-bottom: var(--qh-rhythm-element);
}

.legal-doc__body h3 {
  font-size: var(--qh-text-lg);
  margin-top: var(--qh-rhythm-block);
  margin-bottom: var(--qh-rhythm-tight);
}

.legal-doc__body p,
.legal-doc__body ul,
.legal-doc__body ol,
.legal-doc__body table {
  margin: 0 0 var(--qh-rhythm-element);
}

.legal-doc__body ul,
.legal-doc__body ol {
  padding-left: var(--qh-space-6);
}

.legal-doc__body table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--qh-text-sm);
}

.legal-doc__body th,
.legal-doc__body td {
  border: 1px solid var(--qh-border);
  padding: var(--qh-space-2);
  text-align: left;
}

.legal-doc__body a {
  color: var(--qh-accent);
  text-decoration: underline;
}

.legal-doc__body code {
  font-family: var(--qh-font-mono);
  font-size: var(--qh-text-sm);
}