/* Legal pages (privacy, sms-terms) — added 2026-09-29.
 * Deliberately NOT the landing page's single-view frame: these are documents
 * meant to be read and scrolled, so they get a normal readable column on the
 * brand's maroon rather than the pattern field, which is unreadable behind
 * 16,000 characters of body copy. */
.legal-page {
  min-height: 100vh;
  background: var(--maroon);
  padding: 48px 24px 96px;
}
.legal-wrap { max-width: 44em; margin: 0 auto; color: var(--cream); }
.legal-wrap .wordmark-sm { display: block; width: 180px; margin: 0 0 40px; }
.legal-wrap h1 {
  font: 400 26px/32px var(--sans); letter-spacing: 0.02em;
  margin: 0 0 6px; color: var(--cream);
}
.legal-wrap .updated {
  font: 400 12.4px/16px var(--sans); color: var(--cream-60); margin: 0 0 32px;
}
.legal-wrap h2 { font: 400 17px/24px var(--sans); margin: 34px 0 10px; }
.legal-wrap h3 { font: 400 14px/20px var(--sans); margin: 24px 0 8px; }
.legal-wrap p, .legal-wrap li {
  font: 400 14px/22px var(--sans); color: var(--cream); margin: 0 0 14px;
}
.legal-wrap ul, .legal-wrap ol { padding-left: 1.3em; margin: 0 0 16px; }
.legal-wrap a { color: var(--cream); text-decoration: underline; }
.legal-wrap strong { font-weight: 600; }
.legal-back {
  display: inline-block; margin-top: 40px;
  font: 400 12.4px/16px var(--sans); color: var(--cream-60);
}