/* Legal document page (privacy policy): readable long text with numbered sections. */

@layer components {
  .legal-document {
    display: grid;
    gap: var(--space-7);
    padding-block: var(--space-8);
  }

  .legal-document-header {
    display: grid;
    gap: var(--space-4);
  }

  .legal-document-meta { color: var(--ink-muted); }

  .legal-document section {
    display: grid;
    gap: var(--space-3);
    max-width: var(--measure);
  }

  .legal-document h2 { font-size: var(--step-1); margin-bottom: var(--space-2); }

  .legal-document ul {
    display: grid;
    gap: var(--space-2);
    padding-left: var(--space-5);
  }

  .legal-document li::marker { color: var(--ink-muted); }

  @media (min-width: 64rem) {
    .legal-document { padding-block: var(--space-9); }
  }
}