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