nav#TableOfContents a {
  color: #268bd2 !important; /* Base color for links - ensure high contrast with the background */
  text-decoration: none; /* No underline for a cleaner look */
}

/* Visited state: Make it a different color so users can see they've visited */
nav#TableOfContents a:visited {
  color: #6c71c4 !important; /* A slightly muted color to show it has been visited */
}

/* Hover state: Make it brighter or more vivid to encourage interaction */
nav#TableOfContents a:hover {
  color: #d33682 !important; /* A brighter, more vivid color for hover state */
  text-decoration: underline; /* Add underline for visual feedback */
}

/* Focus state: For keyboard navigation, improve accessibility */
nav#TableOfContents a:focus {
  outline: 2px dashed #d33682; /* Outline to show focus */
  color: #d33682; /* Same as hover color for consistency */
}