/* shared layout for legal pages — minimal, readable */
body.legal { background: var(--bg-deep); }
.legal-shell {
  max-width: 760px;
  margin: 0 auto;
  padding: 120px var(--gutter) 80px;
  color: var(--text-light);
  font-size: 17px;
  line-height: 1.75;
  position: relative;
  z-index: 1;
}
.legal-shell h1 { font-size: clamp(28px, 5vw, 40px); margin-bottom: 8px; }
.legal-shell h2 { font-size: 22px; margin: 36px 0 12px; color: var(--teal); }
.legal-shell p, .legal-shell li { color: var(--text-light); }
.legal-shell ul, .legal-shell ol { padding-left: 24px; }
.legal-shell li { margin-bottom: 8px; }
.legal-shell .meta { color: var(--text-muted); font-size: 14px; margin-bottom: 32px; }
.legal-shell a { color: var(--teal); }
.legal-back {
  display: inline-block;
  margin-top: 48px;
  color: var(--text-muted);
  font-size: 14px;
}
.legal-shell .placeholder {
  background: rgba(240, 180, 41, 0.08);
  border-left: 3px solid var(--gold);
  padding: 16px 18px;
  margin: 24px 0;
  color: var(--text-light);
  font-size: 15px;
}
.legal-shell .placeholder strong { color: var(--gold); }