:root {
  --cvg-acc-text: #111827;
}
.cvg-toc { position: relative; z-index: 1; }
.cvg-toc__inner {
  background: var(--cvg-toc-bg, #f3f4f6); /* light gray */
  border: 1px solid var(--cvg-toc-border-color, #9ca3af); /* darker border */
  border-radius: var(--cvg-toc-radius, 10px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  padding: 12px 14px;
}
.cvg-toc[data-float="sticky"] { position: sticky; top: 10px; }
.cvg-toc[data-float="fixed"][data-pos="right"] { position: fixed; right: 16px; top: 16px; width: 280px; }
.cvg-toc[data-float="fixed"][data-pos="left"]  { position: fixed; left: 16px; top: 16px; width: 280px; }
.cvg-toc__content { font-size: var(--cvg-toc-font-size, 16px); color: var(--cvg-acc-text); line-height: 1.6; }
.cvg-toc__prefix { display:block; margin-bottom:6px; font-weight:600; opacity:.9; }
.cvg-toc__item { display:block; padding:6px 8px; border-radius:8px; text-decoration:none; color:inherit; }
.cvg-toc__item:hover, .cvg-toc__item:focus { background:#e5e7eb; outline:none; }
.cvg-toc__item.is-active { background:#e5e7eb; color:inherit; }
.cvg-toc[data-layout="horizontal"] .cvg-toc__content {
  white-space:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin;
}
.cvg-toc[data-layout="horizontal"] .cvg-toc__content a { display:inline-block; padding:8px 10px; }
.cvg-toc[data-layout="horizontal"] .cvg-toc__separator { display:inline-block; padding:8px 6px; color:#6b7280; }
@media (max-width:768px){
  .cvg-toc[data-layout="horizontal"] .cvg-toc__content { gap:0; }
  .cvg-toc[data-float="fixed"] { position:static; width:auto; }
  .cvg-toc__inner { padding:10px 12px; }
}