/* TOC Scroll Highlighting */
.toc-js a.active,
.toc-js a.is-active-link {
  background: rgba(30, 58, 138, 0.1);
  color: var(--passport-blue, #1e3a8a);
  border-left: 3px solid var(--passport-gold, #f59e0b);
  font-weight: 600;
}

/* TOC heading highlight on scroll */
h2.toc-active,
h3.toc-active,
h4.toc-active {
  background: rgba(245, 158, 11, 0.1);
  border-left: 4px solid var(--passport-gold, #f59e0b);
  padding-left: 1rem;
  transition: all 0.3s ease;
}

/* Title blink highlight */
.toc-highlight {
  background: rgba(245, 158, 11, 0.3) !important;
  border-left: 4px solid var(--passport-gold, #f59e0b) !important;
  padding-left: 1rem !important;
  animation: tocBlink 3s ease-out;
}

@keyframes tocBlink {
  0%, 50% { background: rgba(245, 158, 11, 0.5); }
  25%, 75% { background: rgba(245, 158, 11, 0.2); }
  100% { background: rgba(245, 158, 11, 0.1); }
}