.article-root{background:var(--sg-canvas);color:var(--sg-text-soft);position:relative;font-family:var(--font-primary);overflow-x:hidden}.article-root:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--sg-glow-warm);opacity:.6}.article-page{position:relative;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-24);z-index:1}.article-layout,.article-page{display:flex;flex-direction:column;align-items:center;width:100%}.article-content{max-width:720px;width:100%;display:flex;flex-direction:column;gap:0}.article-layout__toc{display:none}.article-page__back{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--sg-surface-card);border:1px solid var(--sg-border-hairline);color:var(--sg-text-muted);text-decoration:none;font-size:var(--text-ms);font-weight:var(--font-medium);margin-bottom:var(--space-6);align-self:flex-start;transition:var(--sg-motion-base);transition-property:background,border-color,color,transform}@media (hover:hover){.article-page__back:hover{background:rgba(var(--brand-cyan-rgb,26,207,255),.08);border-color:var(--sg-cyan-border-strong);color:var(--sg-cyan)}}.article-share-inline{max-width:720px;width:100%;padding-top:var(--space-8);margin-top:var(--space-12)}.article-content__tags,.article-share-inline{border-top:1px solid var(--sg-border-hairline)}.article-content__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-10);padding-top:28px}.article-content__tag{display:inline-block;padding:6px 12px;border-radius:var(--radius-full);background:var(--sg-surface-card);border:1px solid var(--sg-border-hairline);color:var(--sg-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);text-decoration:none;transition:var(--sg-motion-base);transition-property:background,border-color,color}@media (hover:hover){.article-content__tag:hover{background:rgba(var(--brand-cyan-rgb,26,207,255),.08);border-color:var(--sg-cyan-border-strong);color:var(--sg-cyan)}}@media (max-width:1024px){.article-page{padding:var(--space-5) var(--space-5) 56px}}@media (max-width:640px){.article-page{padding:var(--space-4) var(--space-4) var(--space-12)}.article-share-inline{padding-top:var(--space-6);margin-top:36px}.article-content__tags{margin-top:var(--space-8);padding-top:var(--space-5)}}@media (prefers-reduced-motion:reduce){.article-content__tag,.article-page__back{transition:none}}