/* Base layout */
#dt-toc{position:fixed;top:110px;left:-320px;width:300px;background:#fff;border:1px solid #aaa;border-radius:0 15px 15px 0;
  box-shadow:0 2px 8px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:left .35s ease,opacity .3s ease,visibility .3s ease;z-index:10050}
#dt-toc.dt-visible{left:0;opacity:1;visibility:visible}

/* Header + toggle */
#dt-toc .dt-toc-toggle{margin:0;padding:16px 20px;font-size:20px;line-height:24px;font-weight:600;background:#F8F8F8;cursor:pointer;position:relative;border-top-right-radius:15px;user-select:none;color:var(--dt-title-color)}
#dt-toc .dt-toc-toggle::after{content:"[+]";position:absolute;right:15px;color:var(--dt-icon-color);font-size:16px;font-weight:900}
#dt-toc.dt-open .dt-toc-toggle::after{content:"[-]"}

/* Content area */
#dt-toc .dt-wrap{position:relative;padding:0 20px 14px 20px;max-height:500px;overflow-y:auto}

/* List */
#dt-toc .dt-toc-list{list-style:none;margin:12px 0 0 0;padding:0 0 0 28px;position:relative}
#dt-toc .dt-toc-list li{margin:0 0 10px 0;position:relative}
#dt-toc .dt-toc-list li a{display:block;color:var(--dt-link-color);text-decoration:none;font-size:15px;line-height:24px}
#dt-toc .dt-toc-list li a:hover{text-decoration:underline;color:var(--dt-link-hover)}
#dt-toc .dt-toc-list li.active a{color:var(--dt-solid-color) !important}

/* Dots + rails */
#dt-toc .dt-toc-list li::before{content:"";position:absolute;left:-18px;top:3px;height:18px;width:18px;border:1px solid #638bc7;border-radius:50%;background:#9ac4f7}
#dt-toc .dt-rail{position:absolute;left:28px;top:6px;bottom:6px;width:1px;background-image:linear-gradient(var(--dt-dotted-color) 25%, rgba(255,255,255,0) 0%);
  background-size:1px 3px;background-repeat:repeat-y;pointer-events:none}
#dt-toc .dt-rail-fill{position:absolute;left:0;top:0;width:1px;height:0;background:var(--dt-solid-color);transition:height .35s ease}

/* Closed state hides list + rail */
#dt-toc:not(.dt-open) .dt-wrap{display:none}

/* Hide on small screens (adjust if you want it visible) */
@media(max-width:1199px){#dt-toc{display:none}}