/* Legal — compact hero + prose refinements (risk-disclosure, terms, privacy) */

.legal-hero {
  padding: clamp(3rem, 6vw, 4.5rem) 0 clamp(2.25rem, 4vw, 3.25rem);
}

.legal-hero h1 {
  margin-top: 1.1rem;
  max-width: 22ch;
}

.legal-hero .updated {
  display: block;
  margin-top: 1.4rem;
  font: 400 0.74rem var(--mono);
  color: var(--faint);
  letter-spacing: 0.08em;
}

.legal-prose strong {
  color: var(--paper);
  font-weight: 600;
}

.legal-prose .callout {
  border: 1px solid rgba(227, 179, 78, 0.35);
  background: var(--amber-dim);
  border-radius: var(--r-m);
  padding: 1.3rem 1.5rem;
  font-size: 0.88rem;
  line-height: 1.75;
}

.legal-prose .callout strong {
  color: var(--amber);
}