.simpletoc {
  margin-bottom: 1em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 21px;
  color: #36313d;
}

.simpletoc-collapsible {
  background: none;
  color: #78757a;
  cursor: pointer;
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  width: 100%;
  border: none;
  text-align: left;
  font-size: 0.875rem; /* Match Gatsby */
  border-radius: 0;
  transition: background 0.2s ease;
  text-transform: uppercase;

  /* Added to match Gatsby */
  letter-spacing: 0.075em;
  margin-top: 0rem;
}
/*
.simpletoc-collapsible:hover,
.simpletoc .active {
  background-color: #f9f9f9;
}
*/

.simpletoc-collapsible.active {
  border-radius: 0;
}

.simpletoc-collapsible .simpletoc-icon::after {
  content: "+"; /* plus \02795 */
  float: right;
  margin-left: 5px;
  font-size: 13px;
  color: #8a4baf;
}

.simpletoc .active .simpletoc-icon::after {
  content: "-"; /* minus \2796*/
}

.simpletoc-content {
  padding: 0;

  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
  display: block;
  max-height: 0;
  border: none;
  border-radius: 0;
}

.simpletoc-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.simpletoc-list > li {
  margin: 0.25rem 0;
}

.simpletoc-list a {
  color: #78757a;
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 4px;
  display: inline-block;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.simpletoc-list a:hover {
  /* background-color: #f3e8ff; */
  color: #6b21a8;
  text-decoration: none;
}