/* Terms & Conditions page-specific styles (keeps consistent minimalist, calming palette) */
.breadcrumbs { border-bottom: 1px solid var(--gray-200); background: var(--color-surface); }
.breadcrumbs-list { display: flex; gap: var(--space-3); padding: var(--space-4) 0; color: var(--gray-600); }
.breadcrumbs a { color: var(--gray-700); }
.breadcrumbs a:hover { color: var(--color-primary); text-decoration: none; }
.breadcrumbs-list li + li::before { content: "/"; margin: 0 var(--space-3); color: var(--gray-400); }

.legal-hero { padding: var(--space-12) 0 var(--space-9); background: linear-gradient(180deg, hsl(40 35% 98%) 0%, hsl(40 44% 96%) 100%); }
.legal-hero .lead { margin-top: var(--space-3); color: var(--gray-700); max-width: 70ch; }
.legal-hero .meta { margin-top: var(--space-3); color: var(--gray-500); font-size: var(--fs-200); }

.toc { margin-top: var(--space-9); }
.toc-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-6); }
.toc-list a { display: block; padding: var(--space-4) var(--space-5); border: 1px solid var(--gray-200); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-heading); text-decoration: none; transition: background-color var(--duration-normal) var(--easing-standard), border-color var(--duration-normal) var(--easing-standard); }
.toc-list a:hover { background: var(--gray-100); border-color: var(--gray-300); }
.toc-list a.is-active { border-color: var(--color-primary); box-shadow: var(--focus-ring); }

.legal-section { padding: var(--space-9) 0; }
.legal-section h2, .legal-section h3 { scroll-margin-top: 96px; }
.legal-section ul { margin-top: var(--space-4); padding-left: 1.1rem; }
.legal-section li { margin: 0 0 var(--space-3) 0; }

.callout { margin-top: var(--space-6); background: var(--gray-50); }

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