nav[role="doc-toc"], nav#TOC {
  border: 1px solid #eee;
  padding: 0.75rem;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 12px;
}

nav[role="doc-toc"] ul ul,
nav#TOC ul ul {
  padding-left: 1.0rem;
  margin-top: 0.15rem;
}

/* 目录容器整体 */
nav[role="doc-toc"], nav#TOC {
  font-size: 0.95rem;
  line-height: 1.35;
}

/* 去掉默认圆点 + 调整缩进 */
nav[role="doc-toc"] ul,
nav#TOC ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

nav[role="doc-toc"] li,
nav#TOC li {
  margin: 0.25rem 0;
}

/* 链接样式 */
nav[role="doc-toc"] a,
nav#TOC a {
  text-decoration: none;
  display: block;          /* 让整行可点 */
  padding: 0.15rem 0.35rem;
  border-radius: 6px;
}

/* 悬浮 */
nav[role="doc-toc"] a:hover,
nav#TOC a:hover {
  text-decoration: underline;
  background-color: #e5e5e5c7;
}

/* 当前高亮（Quarto/Bootstrap 常见 active 类） */
nav[role="doc-toc"] a.active,
nav#TOC a.active,
nav[role="doc-toc"] .active > a,
nav#TOC .active > a {
  font-weight: 600;
  border-left: 3px solid currentColor;
  padding-left: 0.6rem;
}

/* ToC 顶层条目（一级层级） */
nav[role="doc-toc"] > ul > li > a,
nav#TOC > ul > li > a {
  font-size: 1.0rem;
}

/* ToC 第二级条目（H2 层级） */
nav[role="doc-toc"] > ul > li > ul > li > a,
nav#TOC > ul > li > ul > li > a {
  font-size: 0.90rem;
}

/* ToC 第三级条目（H3 层级） */
nav[role="doc-toc"] > ul > li > ul > li > ul > li > a,
nav#TOC > ul > li > ul > li > ul > li > a {
  font-size: 0.80rem;
}