/* ============================================================
 * /legal/terms and /legal/pricing — shared legal-doc page styles
 *
 * Shared doc-page chrome (.legal-hero, .legal-posture, .legal-body,
 * .legal-section) lives in /brand.css §7 SHARED COMPONENTS, covered
 * by multi-selector rules that match .legal-* / .sec-* / .doc-*
 * variants alike.
 *
 * Rules below: heading hierarchy inside .doc-section, used by the
 * Revision history sub-block on /legal/terms. The shared layer defines .doc-section
 * h2 only; h3 inherits its title-s element default (brand.css §3); h4
 * needs explicit sizing (not in the h1–h3 type pairing) plus spacing, so
 * the three-level "section → revision history → date" cascade reads cleanly.
 *
 * Layered on brand.css.
 * ============================================================ */

.doc-section h3 {
  margin-block-start: var(--space-48);
  margin-block-end: var(--space-16);
}

.doc-section h4 {
  font-size: var(--type-body-l);
  color: var(--color-navy);
  margin-block-start: var(--space-32);
  margin-block-end: var(--space-12);
}

.doc-section h4 + ul,
.doc-section h4 + p {
  margin-block-start: 0;
}