.blog-article__toc-card{border:1px solid color-mix(in srgb, var(--text-primary) 12%, white 88%);background:color-mix(in srgb, var(--bg-surface) 96%, white 4%);border-radius:15px;flex-direction:column;width:100%;padding:24px 24px 22px;display:flex;box-shadow:0 10px 24px #0f2d4a0d}html[data-theme=dark] .blog-article__toc-card{background:color-mix(in srgb, var(--bg-elevated) 94%, var(--bg-primary) 6%);border:1px solid var(--border);box-shadow:0 10px 28px #0000005c}.blog-article__toc-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.blog-article__toc-title{color:var(--text-primary);margin:0;font-size:22px;font-weight:500;line-height:28px}.blog-article__toc-top{width:28px;height:28px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.blog-article__toc-top svg{fill:currentColor;stroke:none;width:18px;height:18px}html[data-theme=dark] .blog-article__toc-top:hover,html[data-theme=dark] .blog-article__toc-top:focus-visible{background:var(--bg-elevated);color:#2dd4bf;outline:none}.blog-article__toc-shell{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.blog-article__toc-track,.blog-article__toc-progress{z-index:2;border-radius:999px;width:4px;position:absolute;left:31px}.blog-article__toc-track{background:#d3e7e7;top:2px;bottom:63px}html[data-theme=dark] .blog-article__toc-track{background:color-mix(in srgb, var(--border-subtle) 55%, var(--bg-elevated) 45%)}.blog-article__toc-progress{background:#0d9488;height:22px;transition:transform .2s,height .2s;top:2px}html[data-theme=dark] .blog-article__toc-progress{background:#2dd4bf}.blog-article__toc-nav{flex:auto;min-height:0;padding-left:62px;position:relative}.blog-article__toc-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.blog-article__toc-item{position:relative}.blog-article__toc-link{color:#9ca3af;text-underline-offset:.2em;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;text-decoration-thickness:1.5px;transition:color .18s,text-decoration-color .18s;display:block}.blog-article__toc-link:hover{color:#0d9488}.blog-article__toc-link.is-active{color:#0d9488;font-weight:500;-webkit-text-decoration:underline #0d9488;text-decoration:underline #0d9488}html[data-theme=dark] .blog-article__toc-link{color:#f0f6ffc7}html[data-theme=dark] .blog-article__toc-link:hover{color:#2dd4bf}html[data-theme=dark] .blog-article__toc-link.is-active{color:#2dd4bf;text-decoration-color:#2dd4bf}.blog-article__toc-link.blog-article__toc-link--nested,.blog-article__toc-link.blog-article__toc-link--nested.is-active{padding-left:18px;font-size:14px;font-weight:500;line-height:24px}.blog-article__toc-completion{z-index:1;background:#f3f4f6;border-radius:14px;align-items:center;width:100%;min-height:62px;margin-top:auto;padding:12px 18px 12px 68px;display:flex;position:relative}.blog-article__toc-lock{color:#0d9488;z-index:3;background:#fff;border:4px solid #c7e0e7;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:50%;left:33px;transform:translate(-50%,-50%)}.blog-article__toc-lock.is-complete{color:#fff;background:#0d9488;border-color:#0d9488}html[data-theme=dark] .blog-article__toc-lock{background:color-mix(in srgb, var(--bg-primary) 88%, var(--bg-surface) 12%);color:#2dd4bf;border-color:#2dd4bf8c;box-shadow:0 4px 14px #0006}html[data-theme=dark] .blog-article__toc-lock.is-complete{color:#fff;background:#0d9488;border-color:#0d9488}.blog-article__toc-lock svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.blog-article__toc-completion-copy{z-index:1;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.blog-article__toc-completion-title{color:var(--color-primary);margin:0 0 4px;font-size:16px;font-weight:700;line-height:22px}.blog-article__toc-completion-text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}@media (max-width:1023px){.blog-article__toc-card{width:auto;min-height:0}}