/* ==========================================================================
   Solet: long-form legal pages (/terms, /privacy).
   Loaded IN ADDITION to main.css, and only by those two pages, so the
   homepage never pays for styles it does not use. Tokens come from main.css;
   nothing here defines a colour of its own.
   ========================================================================== */

.legal {
  display: grid;
  gap: var(--space-md);
  max-width: 68ch;
  margin-top: var(--space-lg);
}

.legal h2 {
  font-size: var(--step-1);
  margin-top: var(--space-md);
}

.legal p,
.legal li {
  color: var(--ink-muted);
}

.legal ul {
  margin: 0;
  padding-inline-start: 1.4rem;
  display: grid;
  gap: var(--space-xs);
}

.legal code {
  font-size: 0.9em;
  background: var(--bg-tint);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 0.1em 0.35em;
}

.legal__updated {
  margin-top: var(--space-sm);
  font-size: var(--step--1);
  color: var(--ink-muted);
}