/* Table of Contents Styling */

/* Sticky sidebar for table of contents */
.table-of-contents {
  position: sticky;
  top: 2rem;
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Hover effects for anchor links */
.table-of-contents a:hover {
  color: #06b6d4 !important;
  text-shadow: 0 0 8px #06b6d4 !important;
}

/* Page layout structure */
.toc-page-layout {
  min-height: 100vh;
}

.toc-page-container {
  max-width: 84rem;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 1024px) {
  .toc-page-container {
    padding: 2rem 1.5rem;
  }
}

@media (min-width: 1280px) {
  .toc-page-container {
    padding: 2rem;
  }
}

.toc-page-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 1024px) {
  .toc-page-grid {
    grid-template-columns: 1fr 3fr;
  }
}

/* Table of contents sidebar */
.toc-sidebar {
  grid-column: 1;
}

@media (min-width: 1024px) {
  .toc-sidebar {
    grid-column: 1;
  }
}

.toc-content {
  grid-column: 1;
}

@media (min-width: 1024px) {
  .toc-content {
    grid-column: 2;
  }
}

/* Card styling for sidebar and content */
.toc-card {
  background-color: var(--terminal-bg);
  border: 1px solid var(--terminal-border);
  border-radius: 0.5rem;
  padding: 1.5rem;
}

.toc-content-card {
  background-color: var(--terminal-bg);
  border: 1px solid var(--terminal-border);
  border-radius: 0.5rem;
  padding: 2rem;
}

/* Typography */
.toc-title {
  font-size: 2.25rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1.5rem;
}

.toc-section-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1rem;
}

.toc-subsection-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: white;
  margin-bottom: 0.75rem;
}

.toc-text {
  color: #d1d5db;
  margin-bottom: 1rem;
}

.toc-text-small {
  color: #9ca3af;
  font-size: 0.875rem;
  font-style: italic;
}

.toc-link {
  color: var(--neon-cyan);
  transition: color 0.3s ease;
}

.toc-link:hover {
  color: var(--neon-blue);
}

/* Navigation links */
.toc-nav-link {
  display: block;
  color: #d1d5db;
  font-size: 0.875rem;
  transition: color 0.3s ease;
  margin-bottom: 0.5rem;
}

.toc-nav-link:hover {
  color: var(--neon-cyan);
}

/* List styling */
.toc-list {
  list-style-type: disc;
  list-style-position: inside;
  color: #d1d5db;
  margin-bottom: 1rem;
}

.toc-list li {
  margin-bottom: 0.5rem;
}

/* Blockquote styling */
.toc-blockquote {
  border-left: 4px solid var(--neon-cyan);
  padding-left: 1rem;
  margin: 1rem 0;
}

.toc-blockquote p {
  color: #d1d5db;
}

/* Horizontal rule */
.toc-hr {
  border: 1px solid var(--terminal-border);
  margin: 2rem 0;
}

/* Section spacing */
.toc-section {
  margin-bottom: 2rem;
}