html {
  scroll-behavior: smooth;
}

.toc-link.active {
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
}

.dark .toc-link.active {
  background: #172554;
  color: #93c5fd;
}

input[data-guide-progress]:checked + span {
  color: #6b7280;
  text-decoration: line-through;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  * {
    transition: none !important;
  }
}