/* TABLE OF CONTENTS ######################################### /*

/* === FORCE vertical Table of Contents === */

#TableOfContents {
  display: block !important;
  padding-left: 0rem; /* In case I want left padding, adjust here */
}

#TableOfContents > ul {
  display: block !important;
  width: 100%;
}

/* In case a parent uses flex/grid */
#TableOfContents,
#TableOfContents * {
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* === Clean vertical tree styling === */

#TableOfContents ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#TableOfContents li {
  margin: 0.25rem 0;
}

#TableOfContents a {
  display: block;
  color: #6d6875;
  text-decoration: none;
}

#TableOfContents a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Indentation by heading depth */
#TableOfContents ul ul {
  margin-left: 1rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(109, 104, 117, 0.25);
}

#TableOfContents ul ul a {
  font-size: 0.85rem;
  opacity: 0.85;
}