/* ==========================================================================
   legal.css — privacy-policy.html & terms.html overrides
   ========================================================================== */

.legal-hero .page-hero__title { margin-block: var(--space-4) var(--space-5); }

.legal-body {
  counter-reset: none;
}

/* Section headings are numbered in the markup — give them a scroll anchor
   that clears the floating nav */
.legal-body h2[id],
.legal-body h3[id] {
  scroll-margin-top: calc(var(--nav-height) + var(--space-10));
}

.legal-body h2:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.legal-body h2 {
  color: var(--color-white);
}

.legal-body code {
  padding: 2px 7px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.85em;
  color: var(--color-accent-bright);
  background: rgba(212, 175, 55, 0.10);
  border: 1px solid var(--color-accent-line);
  border-radius: var(--radius-sm);
  white-space: nowrap;
}

.legal-body .table-wrap { margin-block: var(--space-6); }
.legal-body .callout { margin-top: var(--space-10); }

/* Legal pages are long — keep the ToC comfortable to scan */
.toc { scroll-margin-top: calc(var(--nav-height) + var(--space-8)); }

@media (min-width: 1024px) {
  .toc__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}