.ks-toc-wrapper{--ks-bg:#fbf8f1;--ks-surface:#fff;--ks-border:#e5e2d6;--ks-divider:#ece9dc;--ks-accent-bg:#e8f1ea;--ks-accent-border:#c8d8cb;--ks-accent:#2f4a2d;--ks-title:#1a1a1a;--ks-link:#2e4a2c;--ks-link-hover:#1f3a1d;--ks-muted:#6b6b6b;border:1px solid var(--ks-border);border-radius:14px;background:var(--ks-bg);font-family:inherit;margin:1.5em 0;overflow:hidden;max-width:100%}
.ks-toc-wrapper.ks-toc-theme-mint{--ks-bg:#f3fbf7;--ks-border:#d6efe2;--ks-divider:#e4f3ea;--ks-accent-bg:#e2f3ea;--ks-accent-border:#bfe0cf;--ks-accent:#2b5a42;--ks-link:#2b5a42;--ks-link-hover:#1f4a35}
.ks-toc-wrapper.ks-toc-theme-ocean{--ks-bg:#f2f8ff;--ks-border:#d7e6f7;--ks-divider:#e4eef9;--ks-accent-bg:#e3f0ff;--ks-accent-border:#bfd7f1;--ks-accent:#234a6a;--ks-link:#234a6a;--ks-link-hover:#17334a}
.ks-toc-wrapper.ks-toc-theme-slate{--ks-bg:#121826;--ks-surface:#0f1724;--ks-border:#273248;--ks-divider:#223047;--ks-accent-bg:#1b263b;--ks-accent-border:#2b3a58;--ks-accent:#b7d6ff;--ks-title:#e9eef8;--ks-link:#b7d6ff;--ks-link-hover:#d7e8ff;--ks-muted:#aeb7c8}

.ks-toc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--ks-surface);border-bottom:1px solid var(--ks-divider)}
.ks-toc-title{display:flex;align-items:center;gap:14px}
.ks-toc-title h3{margin:0;font-size:clamp(18px,var(--ks-title-size,20px),28px);font-weight:800;color:var(--ks-title);letter-spacing:.2px}

/* Ikon kiri (menu/list): gunakan karakter "≡" agar konsisten (frontend & admin) */
.ks-toc-icon{width:36px;height:36px;border-radius:8px;background:var(--ks-accent-bg);border:1px solid var(--ks-accent-border);display:inline-flex;align-items:center;justify-content:center;cursor:default;color:var(--ks-accent);font-weight:900;font-size:20px;line-height:1}
.ks-toc-icon span{display:none}

.ks-toc-toggle{width:36px;height:36px;border:1px solid var(--ks-border);background:var(--ks-surface);border-radius:8px;cursor:pointer;font-size:18px;line-height:1;color:var(--ks-accent);display:inline-flex;align-items:center;justify-content:center}
.ks-toc-toggle:hover{background:color-mix(in srgb, var(--ks-surface) 90%, var(--ks-bg))}
.ks-toc-body{padding:18px 22px;transition:max-height .25s ease,padding .25s ease,opacity .2s ease;overflow:hidden}
.ks-toc-wrapper.is-collapsed .ks-toc-body{max-height:0;padding-top:0;padding-bottom:0;opacity:0}
.ks-toc-wrapper.is-collapsed .ks-toc-footer{display:none}
.ks-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ks-toc-item{display:flex;align-items:center;gap:16px}
.ks-toc-item.ks-toc-level-3{padding-left:24px}
.ks-toc-item.ks-toc-level-4{padding-left:48px}
.ks-toc-item.ks-toc-level-5{padding-left:72px}
.ks-toc-num{flex:0 0 auto;min-width:34px;height:34px;padding:0 8px;border-radius:8px;background:var(--ks-accent-bg);border:1px solid var(--ks-accent-border);color:var(--ks-accent);font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}
.ks-toc-item a{color:var(--ks-link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:650;font-size:clamp(14px,var(--ks-item-size,16px),22px);line-height:1.4}
.ks-toc-item a:hover{color:var(--ks-link-hover)}
.ks-toc-footer{display:flex;justify-content:space-between;padding:14px 22px;color:var(--ks-muted);font-size:.9rem;border-top:1px solid var(--ks-divider);background:var(--ks-bg)}

/* Kontainer simulasi front-end di Live Preview */
.ks-toc-preview-frontend{padding:0}
.ks-toc-preview-content{max-width:760px;margin:0 auto}
.ks-toc-preview-frontend p{margin:1em 0;line-height:1.7;color:inherit}
.ks-toc-preview-frontend h2,.ks-toc-preview-frontend h3,.ks-toc-preview-frontend h4{margin:1.6em 0 .5em}

@media (max-width:600px){.ks-toc-wrapper{border-radius:12px}.ks-toc-header{padding:16px 18px}.ks-toc-body{padding:16px 18px}}