/* theravr.health additions to the 30 Sep build (fad4665), added straight into this folder on 3 Oct:
   the legal pages' layout (/terms/, /privacy/, /refunds/). Linked from those three pages with a
   ?v= number (now v=4) to bump whenever this file changes, so browsers fetch the new copy.
   Uses the design tokens from the site's own stylesheet. */

.legal__title {
  margin-top: var(--space-4);
}

.legal__updated {
  margin-top: var(--space-5);
  color: var(--fg-muted);
  font-size: var(--fs-small);
}

.legal__toc {
  margin-top: var(--space-10);
  padding: var(--space-6);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: var(--surface);
}

.legal__toc-label {
  color: var(--fg-heading);
  font-weight: var(--fw-bold);
}

.legal__toc-list {
  margin-top: var(--space-3);
  padding-left: 1.4em;
  display: grid;
  gap: var(--space-1);
  list-style: decimal;
  font-size: var(--fs-small);
}

/* Two columns on wider screens, numbered down the first column and then the second. */
@media (min-width: 640px) {
  .legal__toc-list {
    display: block;
    columns: 2;
    column-gap: var(--space-8);
  }

  .legal__toc-list li {
    break-inside: avoid;
    margin-bottom: var(--space-1);
  }
}

.legal__body {
  margin-top: var(--space-6);
}

.legal__body h2 {
  margin-top: var(--space-12);
  color: var(--fg-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-bold);
  scroll-margin-top: calc(var(--header-h) + var(--space-6));
}

.legal__body p,
.legal__body ul {
  margin-top: var(--space-4);
}

.legal__body ul {
  padding-left: 1.2em;
  display: grid;
  gap: var(--space-2);
  list-style: disc;
}

.legal__body strong {
  color: var(--fg-heading);
}