/* The legal documents (EULA, privacy, terms, mod policy). */

.legal {
  max-width: 68ch;
  margin-inline: auto;
  padding: var(--space-5) 1.25rem;

  h1 {
    margin-bottom: var(--space-1);
  }

  .updated {
    margin: 0 0 var(--space-4);
    color: var(--color-muted);
    font-size: var(--size-small);
  }

  /* the document body is slotted markdown */
  .body {
    h2 {
      margin-block: var(--space-4) var(--space-2);
      font-size: var(--size-h3);
    }

    h3 {
      margin-block: var(--space-3) var(--space-1);
      font-size: var(--size-h4);
    }

    p {
      margin-block: 0 var(--flow);
    }

    ul,
    ol {
      margin-block: 0 var(--flow);
      padding-left: 1.4em;
    }

    li {
      margin-block: 0.3em;
    }

    a {
      color: var(--color-accent);
    }

    strong {
      color: var(--color-text);
    }
  }
}