/* legal.css — visitor-facing credits and usage notes */
.legal-main {
  width: min(100% - 2rem, 760px);
  margin: 0 auto;
  padding: 8.5rem 0 5rem;
}
.legal-kicker {
  margin: 0 0 .55rem;
  color: var(--gold);
  font: 500 .72rem/1.3 var(--sans);
  letter-spacing: .22em;
  text-transform: uppercase;
  text-align: center;
}
.legal-main h1 {
  margin: 0 0 1.5rem;
  color: var(--text);
  font: 500 clamp(2rem, 6vw, 3.2rem)/1.08 var(--serif);
  text-align: center;
}
.legal-intro {
  margin: 0 auto 2.8rem;
  max-width: 620px;
  color: var(--secondary);
  font: italic 1.05rem/1.75 var(--serif);
  text-align: center;
}
.legal-section {
  margin: 0 0 2.1rem;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(214, 185, 255, .16);
}
.legal-section h2 {
  margin: 0 0 .65rem;
  color: var(--gold);
  font: 500 .78rem/1.3 var(--sans);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.legal-section p,
.legal-section li {
  color: var(--secondary);
  font: 400 .9rem/1.75 var(--sans);
}
.legal-section p { margin: 0; }
.legal-section ul { margin: .45rem 0 0 1.25rem; padding: 0; }
.legal-section li + li { margin-top: .3rem; }
.legal-section a { color: var(--gold); }
.legal-section a:hover,
.legal-section a:focus-visible { color: var(--text); }
.legal-note {
  margin-top: 2.8rem !important;
  color: var(--muted) !important;
  font-size: .76rem !important;
}
@media (max-width: 560px) {
  .legal-main { padding-top: 7.2rem; }
}