/* Terms & Conditions page styles — minimal, leveraging base.css */
.page-hero {
  position: relative;
  background: radial-gradient(120% 120% at 0% 0%, rgba(0,229,255,0.08), transparent 60%),
              linear-gradient(180deg, rgba(255,159,26,0.06), transparent 60%);
  padding: var(--space-48) 0 var(--space-32);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.page-hero .hero-inner { display: grid; align-items: center; }
.page-hero .hero-sub { color: var(--color-text-muted); }
.page-hero .hero-meta { margin-top: var(--space-12); }

.legal-layout {
  display: grid;
  gap: var(--space-24);
  grid-template-columns: 1fr;
  margin-block: var(--space-32) var(--space-56);
}

@media (min-width: 1024px) {
  .legal-layout { grid-template-columns: 280px 1fr; align-items: start; }
}

.toc { position: sticky; top: 88px; }
.toc h2 { margin-bottom: var(--space-12); }
.toc-list { display: grid; gap: 6px; padding-left: 0; list-style: none; }
.toc-list > li { padding-left: 0; }
.toc-link {
  color: var(--color-text);
  font-size: var(--text-sm);
  opacity: 0.9;
}
.toc-link:hover { color: var(--color-primary); }
.toc-link[aria-current="true"] { color: var(--color-primary); font-weight: 700; }

.legal-article { padding: var(--space-32); }
.legal-section + .legal-section { margin-top: var(--space-24); padding-top: var(--space-24); border-top: 1px solid rgba(255,255,255,0.08); }
.legal-section ul { margin: var(--space-12) 0; padding-left: 1.25rem; }
.legal-section ul li { margin: 6px 0; color: var(--color-text); }

/* Improve link readability inside legal text */
.legal-section a { text-decoration: none; border-bottom: 1px dashed rgba(0,229,255,0.45); }
.legal-section a:hover { border-bottom-color: rgba(0,229,255,0.8); }