/* ── legal prose (terms · privacy · refunds · risk) ──────────────────
 * The legal pages wear the storefront's own face, so a buyer reading the terms has not left the
 * company. Only prose rules live here — every colour, font and card shape above is reused. */
.legal { max-width: 72ch; }
.legal h3 {
  font-family: 'Orbitron', monospace;
  font-size: 0.95rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--accent-gold);
  margin: 1.6rem 0 0.6rem;
}
.legal p { color: var(--text-secondary); font-size: 0.92rem; margin-bottom: 0.8rem; }
.legal strong { color: var(--text-primary); font-weight: 600; }
.legal ul { list-style: none; margin: 0 0 0.9rem; display: flex; flex-direction: column; gap: 0.4rem; }
.legal li {
  color: var(--text-secondary); font-size: 0.9rem;
  padding-left: 1.3rem; position: relative;
}
.legal li::before {
  content: '▸'; position: absolute; left: 0; top: 0;
  color: var(--accent-gold); font-size: 0.8rem;
}
.legal a { color: var(--accent-gold); }
.legal-meta {
  color: rgba(154, 154, 170, 0.85); font-size: 0.78rem;
  margin: 0 0 1.2rem; padding-left: 1.2rem;
}