/* ==========================================================================
   ARKADE LOUNGE — Legal and policy pages
   Long-form reading, so the measure is narrow and the rhythm generous. A
   policy nobody can bear to read is a policy nobody reads.
   ========================================================================== */

.legal {
  max-inline-size: var(--container-text);
  color: var(--text-2);
}

.legal h2 {
  font-size: var(--fs-h3);
  color: var(--text);
  margin-block: var(--sp-8) var(--sp-4);
}

.legal h2:first-child { margin-block-start: 0; }

.legal h3 {
  font-size: var(--fs-h4);
  color: var(--text);
  margin-block: var(--sp-6) var(--sp-3);
}

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

.legal ul,
.legal ol {
  margin-block-end: var(--sp-5);
  padding-inline-start: var(--sp-6);
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.legal li { padding-inline-start: var(--sp-2); }

.legal li::marker { color: var(--purple-400); }

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

/* The review note is deliberately set apart: it tells the reader when this
   was last looked at, which is the first thing that matters on a policy. */
.legal__review {
  margin-block-start: var(--sp-9);
  padding: var(--sp-4);
  font-size: var(--fs-xs);
  color: var(--text-dim);
  border-inline-start: 3px solid var(--line);
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--r-sm);
}