.legal-page { background: var(--charcoal); color: var(--cream); }
.legal-nav { position: sticky; background: rgba(28,20,16,0.92) !important; }
.legal-main { padding: 48px 0 96px; max-width: 760px; }
.legal-main h1 {
  font-family: var(--display);
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 600;
  margin: 8px 0 24px;
  color: #fff;
}
.legal-main h2 {
  font-family: var(--display);
  font-size: 28px;
  font-weight: 600;
  margin: 40px 0 12px;
  color: #fff;
}
.legal-main h3 { font-size: 18px; font-weight: 650; margin: 24px 0 8px; color: var(--gold-bright); }
.legal-main p, .legal-main li { color: var(--cream); font-size: 17px; line-height: 1.6; }
.legal-main p.caps { font-size: 15px; letter-spacing: 0.01em; }
.legal-main a { color: var(--gold-bright); }
.legal-main hr { border: 0; border-top: 1px solid rgba(196,165,116,0.22); margin: 28px 0; }
.legal-main table { width: 100%; border-collapse: collapse; margin: 16px 0 24px; font-size: 15px; }
.legal-main th, .legal-main td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid rgba(196,165,116,0.16); }
.legal-main th { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); }
.legal-main ul, .legal-main ol { padding-left: 1.2em; }