/* =============================================================
   Página — documentos legais (/privacidade)
   ============================================================= */

@layer pages {

  .legal {
    margin-inline: auto;
    max-inline-size: 70ch;
    color: var(--text-default);
    line-height: var(--lh-relaxed);
  }

  .legal h2 {
    margin-block: var(--space-8) var(--space-3);
    font-size: var(--fs-xl);
  }

  .legal h2:first-of-type {
    margin-block-start: var(--space-6);
  }

  .legal p {
    margin-block-end: var(--space-4);
  }

  .legal ul {
    margin: 0 0 var(--space-4);
    padding-inline-start: var(--space-5);
    list-style: disc;
  }

  .legal li {
    margin-block-end: var(--space-2);
  }

  .legal__updated {
    font-size: var(--fs-sm);
    color: var(--text-subtle);
  }
}