/* Page-specific styles for Terms & Conditions */
.page-hero {
  background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
  padding: var(--space-12) 0 var(--space-10);
  border-bottom: 1px solid var(--color-border);
}
.page-hero h1 { margin-bottom: var(--space-2); }
.page-hero .muted { color: var(--color-muted); margin-bottom: var(--space-2); }
.page-hero .updated { font-size: var(--text-sm); color: var(--color-muted); }

.legal-grid {
  display: grid;
  gap: var(--space-8);
  grid-template-columns: 1fr;
  margin-top: var(--space-10);
}

.toc {
  position: relative;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  background: var(--color-surface);
}
.toc h2 { font-size: var(--text-xl); margin-bottom: var(--space-3); }
.toc ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.toc a { color: var(--color-text); text-decoration: none; font-weight: 600; }
.toc a:hover { color: var(--color-primary); text-decoration: underline; }
.toc a[aria-current="true"] { color: var(--color-primary); }

.legal-content { min-width: 0; }
.legal-section { margin-bottom: var(--space-10); }
.legal-section h3 { margin-top: var(--space-4); }

.cta-row { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-6); }

@media (min-width: 1000px) {
  .legal-grid { grid-template-columns: 0.9fr 2.1fr; align-items: start; }
  .toc { position: sticky; top: 88px; }
}