/* Terms & Conditions page-specific styles (kept minimal; leverage base.css) */
.legal-hero { 
  padding: var(--space-40) 0 var(--space-24);
  background:
    radial-gradient(900px 600px at 10% -10%, rgba(31, 228, 228, 0.08), transparent 60%),
    radial-gradient(700px 500px at 110% 0%, rgba(255, 209, 102, 0.06), transparent 50%),
    var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}
.legal-hero .legal-meta { color: var(--color-text-muted); margin-bottom: var(--space-12); }
.hero-ctas { display: flex; gap: var(--space-12); flex-wrap: wrap; margin-top: var(--space-16); }

.toc { margin-top: var(--space-24); }
.toc h2 { margin-block: 0 var(--space-12); }
.toc-list { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin: 0; padding-left: 0; }
.toc-list a { display: inline-block; padding: 8px 0; }

.legal-section { padding-block: var(--space-24); border-bottom: 1px solid var(--color-border); }
.legal-section:last-of-type { border-bottom: 0; padding-bottom: var(--space-40); }
.legal-section ul { margin-top: var(--space-8); padding-left: 1rem; }
.legal-section li { margin-bottom: 8px; }

.accept-ctas { display: flex; gap: var(--space-12); flex-wrap: wrap; margin-top: var(--space-8); }