.article-toc{display:none}@media (min-width:1280px){.article-toc{display:block;position:sticky;top:var(--space-24);width:220px;flex-shrink:0;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none;padding:18px 16px;border:1px solid var(--sg-border-hairline);border-radius:var(--radius-lg);background:var(--sg-surface-card);box-shadow:var(--sg-shadow-tile)}.article-toc::-webkit-scrollbar{display:none}}.article-toc__heading{font-size:var(--text-xxs);font-weight:var(--font-semibold);color:var(--brand-cyan);text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px}.article-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.article-toc__link{display:block;padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs-plus);line-height:1.45;color:var(--sg-text-muted);text-decoration:none;transition:color var(--sg-motion-base),background var(--sg-motion-base);position:relative}@media (hover:hover){.article-toc__link:hover{color:var(--sg-text-soft);background:var(--card-bg)}}.article-toc__link--h3{padding-left:22px;font-size:var(--text-xs)}.article-toc__link--active{color:var(--brand-cyan);background:rgba(var(--brand-cyan-rgb,26,207,255),.06);font-weight:var(--font-medium)}.article-toc__link--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--gradient-brand);border-radius:2px}@media (prefers-reduced-motion:reduce){.article-toc__link{transition:none}}