/* The terms page only. Linked after bloom.css, pages.css and forms.css.

   The lawyer's text numbers its own clauses (3.6, 16.4, 27.3) and other
   documents cite them by those numbers, so the number is content, not a CSS
   counter: it comes from data-n and hangs in the margin where `.prose ol`
   would otherwise print 1. 2. 3. A counter would silently renumber the
   contract the day a clause is removed. */
.prose ol.clauses { counter-reset: none; gap: 10px; }
.prose ol.clauses li { counter-increment: none; padding-inline-start: 52px; }
.prose ol.clauses li::before {
  content: attr(data-n);
  inset-inline-start: 0;
  width: 42px;
  font-size: 13.5px; font-weight: 700; letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
  color: var(--sage-text);
  unicode-bidi: isolate; text-align: start;
}
@media (max-width: 640px) {
  .prose ol.clauses li { padding-inline-start: 44px; }
  .prose ol.clauses li::before { width: 36px; font-size: 13px; }
}