/* Simple Table of Contents Styles - matching site theme */
.toc-simple {
  margin: 1.5em 0;
  padding: 0;
  background-color: transparent;
  border: none;
}

details.toc-simple summary {
  cursor: pointer;
  color: var(--copper, #a8763e);
  font-weight: bold;
  margin-bottom: 0.5em;
  user-select: none;
}

details.toc-simple summary:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
}


.toc-simple ul {
  margin: 0;
  padding-left: 1.5em;
  list-style-type: disc;
  line-height: 1.6;
}

.toc-simple li {
  margin: 0.25em 0;
  color: var(--bistre, #2b2118);
}

.toc-simple a {
  color: var(--copper, #a8763e);
  text-decoration: underline;
  text-decoration-style: dotted;
  font-weight: bold;
}

.toc-simple a:hover,
.toc-simple a:focus {
  background-color: #fff2a8;
  color: var(--bistre, #2b2118);
}

/* Dark mode support */
body.dark-mode details.toc-simple summary {
  color: #d4a574;
}

body.dark-mode .toc-simple li {
  color: #e0e0e0;
}

body.dark-mode .toc-simple a {
  color: #d4a574;
}

body.dark-mode .toc-simple a:hover,
body.dark-mode .toc-simple a:focus {
  background-color: #4a4a2a;
  color: #e0e0e0;
}

/* Header anchor links */
.header-anchor {
  color: var(--copper, #a8763e);
  text-decoration: none;
  font-weight: normal;
  opacity: 0.5;
  margin-left: 0.5em;
  font-size: 0.9em;
}

.header-anchor:hover {
  opacity: 1;
  text-decoration: underline;
  background-color: transparent;
}

h2:hover .header-anchor,
h3:hover .header-anchor,
h4:hover .header-anchor,
h5:hover .header-anchor,
h6:hover .header-anchor {
  opacity: 1;
}

/* Dark mode header anchors */
body.dark-mode .header-anchor {
  color: #d4a574;
}

body.dark-mode .header-anchor:hover {
  color: #e0e0e0;
}