.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}}.article-share-float{display:none!important}.article-share-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.article-share-bar__label{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.08);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.18);color:var(--brand-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase}.article-share-bar__buttons{display:flex;gap:var(--space-2)}.share-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--sg-surface-card);border:1px solid var(--sg-border-hairline);color:var(--sg-text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:background var(--sg-motion-base),border-color var(--sg-motion-base),color var(--sg-motion-base),box-shadow var(--sg-motion-base)}.share-btn svg{width:18px;height:18px;color:currentColor}.share-btn svg[stroke]{fill:none;stroke:currentColor}.share-btn svg:not([stroke]){fill:currentColor}@media (hover:hover){.share-btn:hover{background:var(--sg-surface-card-hover);border-color:var(--sg-cyan-border-strong);color:var(--brand-cyan);box-shadow:var(--sg-cyan-glow-soft)}}.share-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--brand-cyan-rgb,26,207,255),.18)}.share-btn--copied{background:rgba(var(--brand-green-rgb,80,245,151),.1);border-color:rgba(var(--brand-green-rgb,80,245,151),.32);color:var(--brand-green)}@media (hover:hover){.share-btn--copied:hover{background:rgba(var(--brand-green-rgb,80,245,151),.14);border-color:rgba(var(--brand-green-rgb,80,245,151),.42);color:var(--brand-green);box-shadow:0 8px 24px -14px rgba(var(--brand-green-rgb,80,245,151),.55)}}@media (max-width:640px){.share-btn{width:38px;height:38px}.share-btn svg{width:17px;height:17px}}@media (prefers-reduced-motion:reduce){.share-btn{transition:none}}