.blog-article__toc{align-items:stretch;gap:clamp(.875rem,2vw,1.125rem);min-width:0;display:flex}.blog-article__toc .blog-toc{flex:1;min-width:0}@media (min-width:1024px){.blog-article__toc{scrollbar-width:thin;align-self:start;max-height:calc(100vh - clamp(5.5rem,10vw,6.5rem) - 1.5rem);position:sticky;top:clamp(5.5rem,10vw,6.5rem);overflow-y:auto}}@media (max-width:1023px){.blog-article__toc{z-index:30;margin-inline:calc(-1 * var(--home-inline));padding:.6rem var(--home-inline) calc(.7rem + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);order:1;position:sticky;bottom:0}.blog-toc__label{display:none}}.blog-toc{min-width:0}.blog-toc__label{font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .75rem;font-weight:600}.blog-toc__list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;position:relative}@media (max-width:1023px){.blog-toc__list{scrollbar-width:none;flex-flow:row;gap:.5rem;padding-block-end:.25rem;overflow-x:auto}.blog-toc__list::-webkit-scrollbar{display:none}.blog-toc__highlight{display:none}.blog-toc__link{border-radius:var(--ui-radius-pill);font-size:var(--fs-sm);color:var(--text-muted);padding:.4rem .8rem;transition:color .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1)}.blog-toc__link--active{color:var(--brand-accent-text);background:var(--accent-bg)}.blog-toc__list{margin-inline:-.75rem;padding-block-end:0;padding-inline:.75rem 2rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 .75rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 .75rem calc(100% - 2rem),#0000)}.blog-article__toc .blog-toc-progress{inset-inline:0;background:0 0;border-radius:0;width:auto;height:2px;position:absolute;top:-1px}.blog-article__toc .blog-toc-progress__fill{transform:scaleX(var(--read,0));transform-origin:0}}.blog-toc__highlight{pointer-events:none;inset-inline:0;z-index:0;border-radius:var(--ui-radius-md);background:color-mix(in srgb, var(--brand-blue) 10%, var(--home-surface-muted));box-shadow:var(--shadow-sm);will-change:transform, height;position:absolute;top:0}.blog-toc__highlight--active{background:var(--accent-bg);box-shadow:none}.blog-toc__item{z-index:1;position:relative}.blog-toc__link{border-radius:var(--ui-radius-md);font-size:var(--fs-md);color:var(--text);white-space:nowrap;padding:.55rem .7rem;line-height:1.4;text-decoration:none;transition:color .22s cubic-bezier(.22,1,.36,1);display:block;position:relative}.blog-toc__text{position:relative}@media (min-width:1024px){.blog-toc__link{white-space:normal}.blog-toc__item--l2 .blog-toc__link{padding-inline-start:1.15rem}.blog-toc__item--l3 .blog-toc__link{font-size:var(--fs-sm);padding-inline-start:1.6rem}}.blog-toc__link--hot{color:var(--text-h)}.blog-toc__link--active{color:var(--brand-accent-text);font-weight:600}.blog-toc__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.blog-toc__link{transition:none}.blog-toc__highlight{will-change:auto}}.blog-toc-progress{border-radius:var(--ui-radius-pill);background:color-mix(in srgb, var(--brand-blue) 14%, transparent);flex:none;width:3px;position:relative;overflow:hidden}.blog-toc-progress__fill{border-radius:inherit;background:var(--brand-blue);height:100%;transform:scaleY(var(--read,0));transform-origin:top;transition:transform .2s;position:absolute;top:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.blog-article__toc .blog-toc-progress__fill{transition:none}}@media (max-width:1023px){html[data-article-toc-bar] .floating-book-call{bottom:calc(5rem + env(safe-area-inset-bottom,0px))}}