#toc-simplified {
  margin: 20px 0;
  font-family: Arial, sans-serif;
  color: #333; /* standard black text */
}

#toc-simplified.toc-boxed {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

#toc-simplified h2 {
  margin-top: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #222;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}

#toc-simplified ul {
  list-style: none;
  padding-left: 0;
  margin: 10px 0 0;
}

#toc-simplified li {
  margin-bottom: 6px;
}

#toc-simplified a {
  text-decoration: none;
  color: #0073aa; /* WordPress-style blue links */
  transition: color 0.2s ease-in-out;
}

#toc-simplified a:hover {
  color: #005177; /* darker blue on hover */
  text-decoration: underline;
}

#toc-simplified li.toc-level-3 {
  margin-left: 15px;
  font-size: 0.9em;
}

#toc-simplified li.toc-level-4 {
  margin-left: 30px;
  font-size: 0.85em;
}

#toc-simplified li.toc-level-5 {
  margin-left: 45px;
  font-size: 0.8em;
}

#toc-simplified li.toc-level-6 {
  margin-left: 60px;
  font-size: 0.75em;
}

#toc-simplified li.toc-hidden {
  display: none;
}

#toc-simplified li.toc-collapsible > .toc-icon {
  cursor: pointer;
  margin-left: 4px;
  display: inline-block;
  transition: transform 0.2s ease;
}
#toc-simplified li.toc-collapsible.expanded > .toc-icon {
  transform: rotate(90deg);
}

#toc-simplified .toc-number {
  margin-right: 4px;
}

#toc-simplified.toc-style-grid ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

#toc-simplified.toc-style-grid li {
  margin-left: 0;
}

@media (max-width: 600px) {
  #toc-simplified.toc-boxed {
    padding: 15px;
  }
}