/* legal.css — /privacy and /terms (LegalController): one readable column of numbered sections. Tokens from base.css. */

.legal {
  max-width: 760px;
  margin: 0 auto;
}

.legal__head h1 { margin: 0 0 var(--space-1); }
.legal__head .muted { margin: 0; }
.legal__meta { margin: var(--space-1) 0 0; color: var(--muted); font-size: 0.9rem; }

.legal .card h2 {
  margin: 0 0 var(--space-2);
  font-size: 1.15rem;
}

.legal .card p { margin: 0 0 var(--space-2); }
.legal .card p:last-child { margin-bottom: 0; }

.legal__list {
  margin: 0 0 var(--space-2);
  padding-left: 1.4em;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.legal__list:last-child { margin-bottom: 0; }

.legal__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
}