/* Page-specific styles: Terms & Conditions */

.page-main { padding-bottom: var(--space-16); }

.legal-hero {
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  padding: var(--space-12) 0 var(--space-8);
}
.page-lead {
  font-size: var(--font-size-lg);
  color: var(--color-muted);
  max-width: 70ch;
}
.meta { color: var(--color-gray-700); font-size: var(--font-size-sm); }

.toc { margin-top: var(--space-8); }
.toc h2 { margin-top: 0; }
.toc ol { margin: var(--space-4) 0 0; padding-left: var(--space-6); }
.toc a { text-decoration: none; }
.toc a:hover { text-decoration: underline; }

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

/* Better in-page anchor navigation with sticky header */
.legal-section[id], .legal-section h2, .legal-section h3 { scroll-margin-top: 90px; }

.note { background: var(--color-gray-50); border: 1px solid var(--color-border); }
.note h3 { margin-top: 0; }

/* Lists in legal content */
.legal-section ul { list-style: disc; }
.legal-section li { margin-bottom: var(--space-2); }

/* Small tweaks for readability */
.legal-section p + ul { margin-top: var(--space-3); }

@media (max-width: 640px) {
  .legal-hero { padding: var(--space-10) 0 var(--space-6); }
}