/* ============================================================================
   legal-documents.css — documentos legais e página de erro (_LayoutLegal)
   ----------------------------------------------------------------------------
   Camada fina. A tipografia (h1–h6, p, a, listas), as cores e o reset vêm de
   tokens.css + base.css, os mesmos da land page: os documentos legais são parte
   do site, não um anexo com paleta própria.

   _LayoutLegal deliberadamente NÃO carrega Bootstrap — estas páginas não usam
   grid nem componentes. Por isso o banner de cookies usa os primitivos .lp-btn
   de landing.css, e não as variantes .btn-* do Bootstrap.
   ============================================================================ */

.legal-document {
  max-width: var(--container-narrow);
  margin: 0 auto;
  padding: var(--space-10) var(--lp-gutter) var(--space-11);
}

.legal-document h2 {
  margin-top: var(--space-9);
  font-size: var(--fs-h4);
}

.legal-document h3 {
  margin-top: var(--space-7);
  font-size: var(--fs-h6);
}

/* base.css só reseta border-collapse e largura; a contenção visual é warm,
   como nos cards da landing. Rolagem própria para não estourar no celular. */
.legal-document table {
  display: block;
  overflow-x: auto;
  margin-top: var(--space-5);
  font-size: var(--fs-body-sm);
}

.legal-document th,
.legal-document td {
  padding: var(--space-4);
  border: 1px solid var(--border-subtle);
  text-align: left;
  vertical-align: top;
}

.legal-document th {
  background-color: var(--surface-sunken);
  font-weight: var(--fw-medium);
}

.legal-document .muted {
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
}

/* Marca o texto que ainda aguarda revisão jurídica (gate G5 do plano V1).
   Warning dusty do design system — o mesmo vocabulário das pílulas de estado. */
.legal-document .legal-draft {
  padding: var(--space-5) var(--space-6);
  border-left: 3px solid var(--color-warning);
  background-color: var(--color-warning-bg-soft);
  border-radius: var(--radius-sm);
  color: var(--color-warning-fg);
}

.legal-document .legal-back a {
  font-size: var(--fs-caption);
  color: var(--text-muted);
  text-decoration: none;
}

.legal-document .legal-back a:hover {
  color: var(--text-primary);
  text-decoration: underline;
}

.legal-document > footer {
  margin-top: var(--space-9);
  padding-top: var(--space-6);
  border-top: 1px solid var(--border-subtle);
  color: var(--text-muted);
  font-size: var(--fs-caption);
}