/* ============================================================
   Sentiment Lens — legal pages (terms.html / privacy.html).
   Extends app.css chrome (.page / .topbar / .site-footer).
   ============================================================ */

.legal-body h1 {
  font-size: 24px;
  font-weight: 600;
  color: #2A2833;
  margin: 28px 0 6px;
}
.legal-updated {
  font-size: 13px;
  color: #868094;
  margin-bottom: 24px;
}
.legal-body h2 {
  font-size: 17px;
  font-weight: 600;
  color: #684280;
  margin: 28px 0 10px;
}
.legal-body h3 {
  font-size: 15px;
  font-weight: 600;
  color: #2A2833;
  margin: 18px 0 8px;
}
.legal-body p {
  font-size: 14.5px;
  color: #444152;
  margin: 10px 0;
}
.legal-body ul,
.legal-body ol {
  font-size: 14.5px;
  color: #444152;
  margin: 10px 0 10px 22px;
}
.legal-body li { margin: 5px 0; }
.legal-body a { color: #684280; }
.legal-body strong { color: #2A2833; }

.legal-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0 16px;
  font-size: 13.5px;
  color: #444152;
}
.legal-body th,
.legal-body td {
  text-align: left;
  padding: 8px 12px;
  border: 1px solid #E1D9E8;
  vertical-align: top;
}
.legal-body th {
  background: rgba(104, 66, 128, 0.06);
  color: #2A2833;
  font-weight: 600;
}

.legal-note {
  border: 1px solid rgba(104, 66, 128, 0.25);
  background: rgba(104, 66, 128, 0.05);
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 13.5px;
  color: #2A2833;
  margin: 16px 0;
}