/* ===== Legal pages (Privacy / Terms) ===== */
.legal-hero {
  padding: var(--s10) 0 var(--s6);
  /* widened to full wrap width to match About Us */
}
.legal-hero h1 { font-size: var(--text-3xl); margin-bottom: var(--s3); }
.legal-hero .legal-updated { font-size: var(--text-sm); color: var(--ink-3); }

.legal-body {
  /* widened to full wrap width to match About Us */
  margin-bottom: var(--s16);
}
.legal-body .legal-intro {
  font-size: var(--text-lg);
  color: var(--ink-2);
  line-height: 1.65;
  margin-bottom: var(--s8);
}
.legal-body h2 {
  font-size: var(--text-xl);
  margin: var(--s8) 0 var(--s3);
  padding-top: var(--s5);
  border-top: 1px solid var(--border);
}
.legal-body h2:first-of-type { border-top: none; padding-top: 0; }
.legal-body h3 {
  font-size: var(--text-base);
  font-weight: 700;
  margin: var(--s5) 0 var(--s2);
}
.legal-body p {
  font-size: var(--text-base);
  color: var(--ink-2);
  line-height: 1.7;
  margin-bottom: var(--s4);
}
.legal-body ul {
  margin: 0 0 var(--s4) var(--s5);
  padding: 0;
}
.legal-body li {
  font-size: var(--text-base);
  color: var(--ink-2);
  line-height: 1.7;
  margin-bottom: var(--s2);
  list-style: disc;
}
.legal-body a { color: var(--brand); font-weight: 600; }
.legal-body a:hover { text-decoration: underline; }

/* Disclaimer note box */
.legal-note {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: var(--s5);
  margin-bottom: var(--s8);
  font-size: var(--text-sm);
  color: var(--ink-2);
  line-height: 1.6;
}

/* Mobile */
@media (max-width: 860px) {
  .legal-hero h1 { font-size: var(--text-2xl); }
  .legal-body .legal-intro { font-size: var(--text-base); }
}