/* ==========================================================
   TygerLabs.ai · Legal (privacy.php, terms.php)
   Sticky table of contents beside a .prose body.
   ========================================================== */

.legal-hero { padding-block: clamp(3rem, 2rem + 4vw, 5.5rem) clamp(2rem, 1.5rem + 2vw, 3rem); }

.legal-toc {
  padding: var(--s-5);
  border-radius: var(--r-lg);
  background: var(--surface-0);
}
@media (min-width: 992px) {
  .legal-toc { position: sticky; top: calc(var(--header-h) + var(--s-5)); }
}
.legal-toc-label {
  margin: 0 0 var(--s-3);
  font-family: var(--ff-body);
  font-size: var(--text-xs);
  color: var(--dim);
}
.legal-toc ol { display: grid; gap: var(--s-1); margin: 0; padding: 0; list-style: none; counter-reset: toc; }
.legal-toc li { counter-increment: toc; }
.legal-toc a {
  display: flex;
  gap: var(--s-3);
  min-height: 44px;
  align-items: center;
  color: var(--ink-2);
  text-decoration: none;
  font-size: var(--text-sm);
}
.legal-toc a::before {
  content: counter(toc, decimal-leading-zero);
  font-family: var(--ff-body);
  font-size: var(--text-xs);
  color: var(--tiger);
  font-variant-numeric: tabular-nums;
}
.legal-toc a:hover { color: var(--tiger-2); }

.legal-body h2:first-child { margin-top: 0; }
.legal-body h2 { scroll-margin-top: calc(var(--header-h) + var(--s-5)); }
.legal-address { font-style: normal; color: var(--ink-2); }
.legal-meta {
  padding-top: var(--s-5);
  border-top: 1px solid var(--line);
  font-family: var(--ff-body);
  font-size: var(--text-sm);
  color: var(--dim);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 991.98px) {
  .legal-toc ol { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }
}