/* Shared styles for legal pages (loaded alongside ../styles.css). */
.legal {
  max-width: 48rem;
  padding: 3rem 0;
}

.legal h1 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  margin-bottom: 0.5rem;
}

.legal h2 {
  font-family: "Instrument Serif", Georgia, serif;
  font-weight: 400;
  font-size: 1.5rem;
  margin-top: 2.5rem;
}

.legal h3 {
  font-size: 1.1rem;
  margin-top: 1.8rem;
}

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

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

.legal a {
  color: var(--fg);
}

.legal .meta {
  color: var(--muted);
  font-size: 0.9rem;
  margin-bottom: 2rem;
}

.legal .callout {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 1rem 1.15rem;
  background: rgba(255, 255, 255, 0.02);
  margin: 1.5rem 0;
}