/* Legal pages (public/privacy.html): a plain readable column on the CRM's base styles. */
body {
  background: var(--bg);
}
.legal {
  max-width: 720px;
  margin: 0 auto;
  padding: 40px 16px 64px;
  line-height: 1.6;
  color: var(--text);
}
.legal h1 {
  font-size: 26px;
  margin: 8px 0 4px;
}
.legal h2 {
  font-size: 16px;
  margin: 28px 0 6px;
}
.legal p,
.legal li {
  font-size: 14.5px;
}
.legal ul {
  padding-left: 20px;
}
.legal a {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-brand {
  font-weight: 650;
  margin: 0;
}
.legal-brand a {
  text-decoration: none;
}
.legal-foot {
  margin-top: 32px;
}