/* Shared styling for legal pages (terms, privacy) — clause numbering + definitions. */

.legal-content h2 {
  scroll-margin-top: var(--varial-space-lg, 1.5rem);
}

/* Multi-level clause numbering: every nested .legal-list resets the same
   counter, so counters(legal, ".") renders "1", "1.1", "1.1.1" automatically —
   this keeps in-body cross-references (e.g. "clause 12.8") always in sync with
   what's rendered, instead of hand-numbered text drifting out of step. */
.legal-list {
  counter-reset: legal;
  list-style: none;
  padding-left: 0;
}

.legal-list > li {
  counter-increment: legal;
  position: relative;
  padding-left: 2.75rem;
  margin-bottom: 0.85rem;
}

.legal-list > li::before {
  content: counters(legal, ".") ".";
  position: absolute;
  left: 0;
  font-weight: 600;
  color: var(--varial-gray-700, #38352F);
}

.legal-list .legal-list {
  counter-reset: legal;
  margin-top: 0.6rem;
  margin-bottom: 0;
}

.legal-content dl.legal-definitions dt {
  font-weight: 600;
  margin-top: var(--varial-space-md, 1rem);
}

.legal-content dl.legal-definitions dd {
  margin-left: 0;
}