/* legal: composición de página. Tokens viven en tokens.css. */

.mc-legal {
  max-width: 46rem;
}

.mc-legal h1 {
  margin-bottom: var(--mc-space-3);
}

.mc-legal__updated {
  font-size: var(--mc-fs-small);
  color: var(--mc-ink-400);
  margin-bottom: var(--mc-space-6);
}

.mc-legal h2 {
  font-size: 1.375rem;
  margin-top: var(--mc-space-6);
  margin-bottom: var(--mc-space-3);
}

.mc-legal p,
.mc-legal li {
  color: var(--mc-ink-600);
  line-height: 1.7;
}

.mc-legal ul {
  padding-left: 1.4rem;
  margin-bottom: var(--mc-space-4);
}

.mc-legal li {
  margin-bottom: var(--mc-space-2);
}

.mc-legal li::marker {
  color: var(--mc-teal);
}

.mc-legal table {
  font-size: var(--mc-fs-small);
}

.mc-legal th {
  background: var(--mc-sand);
}