/* =========================================================
   TABLE OF CONTENTS
========================================================= */

.drawer #toc,
.drawer #toc * {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace !important;
}

#toc {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

#toc a {
  border-radius: 0.5rem;
  color: antiquewhite;
  display: block;
  margin-bottom: 0.5rem;
  padding: 0.25rem;
  text-decoration: none;
}

#toc a:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--my-accent);
}

#toc a.active {
  color: var(--my-accent);
  font-weight: bold;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.5em;
}