.progress-track{height:3px;z-index:var(--z-header);pointer-events:none;background:0 0;position:fixed;top:0;left:0;right:0}.progress-bar{background:var(--accent-primary);width:0;height:3px}.article-grid-head{padding-top:40px}.article-meta-rule{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-secondary);border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);flex-wrap:wrap;gap:8px 24px;margin-top:28px;padding:12px 0;font-size:11px;display:flex}.article-author{color:var(--text-primary);font-weight:600}.article-words{color:var(--text-muted)}.article-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.article-grid-body{margin-top:48px}.rail-sticky{border-top:2px solid var(--border-strong);padding-top:12px;position:sticky;top:24px}.toc-items{font-family:var(--font-mono);flex-direction:column;gap:10px;font-size:12px;line-height:1.5;display:flex}.toc-item{color:var(--text-secondary);border-left:2px solid var(--border-default);transition:color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);padding-left:10px}.toc-item:hover{color:var(--accent-primary)}.toc-item.active{color:var(--text-primary);border-left-color:var(--accent-primary)}.toc-sub{padding-left:24px;font-size:11px}.toc-num{color:var(--text-muted);margin-right:8px}.toc-item.active .toc-num{color:var(--accent-primary)}.author-card{border-top:2px solid var(--border-strong);margin-top:var(--space-64);gap:16px;padding-top:16px;display:flex}.author-avatar{background:var(--bg-inverse);width:72px;height:72px;color:var(--text-inverse);border:1px solid var(--border-strong);font-family:var(--font-display);letter-spacing:-.02em;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.author-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:800}.author-role{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);margin:4px 0 8px;font-size:11px}.author-bio{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.6}.prevnext{background:var(--border-strong);border:1px solid var(--border-strong);grid-template-columns:1fr 1fr;gap:1px;margin-top:48px;display:grid}.prevnext-cell{background:var(--bg-primary);min-width:0;padding:20px}.prevnext-right{text-align:right}.prevnext-link{color:var(--text-primary)}.prevnext-link:hover .prevnext-title{color:var(--accent-primary)}.prevnext-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-size:11px;display:block}.prevnext-title{font-family:var(--font-display);letter-spacing:-.01em;transition:color var(--motion-fast) var(--ease-out);font-size:19px;font-weight:700;line-height:1.2}.to-top{right:var(--page-margin);bottom:var(--page-margin);z-index:var(--z-sticky);width:44px;height:44px;color:var(--accent-primary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;transform:translateY(8px)}.to-top.visible{opacity:1;pointer-events:auto;transform:none}.to-top:hover{color:var(--accent-hover)}.to-top:active{transform:translateY(-2px)}.to-top-arrow{fill:currentColor;width:28px;height:28px;display:block}@media (max-width:1199px){.to-top{bottom:32px;right:32px}}@media (max-width:767px){.to-top{bottom:20px;right:20px}}@media (max-width:1023px){.article-grid-head{padding-top:32px}.rail-sticky{position:static}.article-grid-body .col-rail{margin-top:48px}}@media (max-width:767px){.prose{font-size:17px}.prose h2{margin-top:48px;font-size:24px}.prose h3{font-size:20px}.prevnext{grid-template-columns:1fr}.prevnext-right{text-align:left}}