/* Terms & Conditions page-specific styles */

.legal-hero {
  background: var(--color-muted);
  padding-block: var(--space-12) var(--space-8);
}
.legal-meta {
  color: var(--gray-600);
  margin-top: var(--space-4);
}

.section { padding-block: var(--space-10); }

/* Make in-page anchors work nicely with sticky header */
h2[id], h3[id] { scroll-margin-top: 100px; }

/* Table of contents styling */
.toc-list {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-5);
}
.toc-list a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  padding: 6px 0;
}
.toc-list a::before {
  content: "#";
  color: var(--gray-400);
}

/* Minor enhancements */
.section .card { margin-top: var(--space-7); }

@media (min-width: 900px) {
  .section { padding-block: var(--space-12); }
}