/* Legal page refinements (privacy.html, terms.html)
   Prefix: legal-
   Keep under 120 lines. Candidates for pages.css: h3 rule, strong styling. */

/* Sub-headings inside legal body (e.g. "Account Information" under §1) */
.pg-legal-body h3 {
  font-family: var(--sans);
  font-size: var(--text-body);   /* 17px — clearly subordinate to h2's 19px */
  font-weight: 600;
  line-height: 1.3;
  margin-top: 24px;
  scroll-margin-top: 96px;
}

/* Bold labels inside legal prose (e.g. "Your data remains yours.") */
.pg-legal-body strong {
  font-weight: 600;
  color: var(--ink);
}

/* Inline body links: expand touch target without breaking paragraph flow.
   All legal-body links are short (Security page, sage@esapiens.ai, etc.)
   so inline-block is safe — none need to break across lines. */
.pg-legal-body a {
  display: inline-block;
  padding: 13px 0;
  margin: -13px 0;
}

/* Date line below h1 — override .label defaults for this context */
.legal-date {
  margin-top: 14px;
  color: var(--muted);
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--text-small);
}