.article{max-width:var(--wide-width);margin:0 auto}.article-hero{margin:var(--spacing-16) 0;border-radius:var(--radius-lg);overflow:hidden}.article-hero img{object-fit:cover;width:100%;height:auto;max-height:500px}.article-grid{max-width:var(--wide-width);margin:var(--spacing-16) auto;padding:0 var(--spacing-6)}.article-main{max-width:900px;margin:0 auto}.article-meta-top{align-items:center;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.header-authors{align-items:center;gap:var(--spacing-4);display:flex}.header-byline{align-items:center;gap:var(--spacing-2);display:flex}.header-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.header-author-name{color:var(--color-text-secondary);font-weight:500}.meta-dot{background:var(--color-muted);border-radius:50%;flex-shrink:0;width:3px;height:3px}.article-main{min-width:0;max-width:1000px;margin:0 auto}.article-header{margin-bottom:var(--spacing-10)}.top-date{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--spacing-2);display:block}.article-title{font-size:clamp(2rem, 5vw, var(--font-size-5xl));font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-4)}.article-excerpt{font-size:var(--font-size-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.article-content>:first-child:is(h1){display:none}.article-content{font-size:var(--font-size-lg);line-height:var(--leading-relaxed)}.article-content p{margin-bottom:1em}.article-content p.pseudo-list-item{margin-bottom:.1em!important;line-height:1.4!important}.article-content p.pseudo-list-item+p:not(.pseudo-list-item){margin-top:1em!important}.article-content h2{font-size:var(--font-size-2xl);scroll-margin-top:calc(var(--nav-height) + var(--spacing-4));margin-top:1.8em;margin-bottom:.6em}.article-content h3{font-size:var(--font-size-xl);scroll-margin-top:calc(var(--nav-height) + var(--spacing-4));margin-top:1.5em;margin-bottom:.4em}.article-content blockquote{padding:var(--spacing-4) var(--spacing-6);border-left:3px solid var(--color-border);background:var(--color-bg-subtle);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text-secondary);margin:2em 0;font-style:italic}.article-content pre{padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);margin:2em 0;line-height:1.6;overflow-x:auto}.article-content code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius);color:var(--color-text);padding:.2em .4em;font-size:.9em}.article-content pre code{color:inherit;background:0 0;border-radius:0;padding:0}.article-content ul,.article-content ol{margin-bottom:1em;padding-left:1.5em}.article-content li,.article-content li p{margin-bottom:.25em}.article-content li p:last-child{margin-bottom:0}.article-content a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.more-posts{margin-top:var(--spacing-20);padding:var(--spacing-16) 0;background:var(--color-bg-subtle)}.more-inner{max-width:var(--wide-width);padding:0 var(--spacing-6);margin:0 auto}.more-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-10)}.more-grid{gap:var(--spacing-8);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.toc-panel{top:calc(var(--nav-height) + var(--spacing-8));right:var(--spacing-8);z-index:50;pointer-events:none;width:24rem;max-height:calc(100vh - 8rem);transition:transform var(--transition-base);flex-direction:row;align-items:flex-start;gap:0;display:flex;position:fixed}.toc-panel.collapsed{transform:translate(calc(100% - 2rem))}.toc-toggle-btn{pointer-events:auto;width:2rem;height:2rem;margin-top:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius);background:color-mix(in srgb, var(--color-bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toc-toggle-btn:hover{color:var(--color-text);background:var(--color-surface)}.toc-panel-content{pointer-events:auto;min-width:0;padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:calc(100vh - 8rem);transition:opacity var(--transition-base);flex:1;overflow-y:auto}.toc-panel.collapsed .toc-panel-content{opacity:0;pointer-events:none}.toc-panel-heading{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-muted);margin-bottom:var(--spacing-3);font-weight:600}.toc-nav{flex-direction:column;gap:2px;display:flex}.toc-nav a{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:4px 0;padding-left:var(--spacing-3);transition:color var(--transition-fast), border-color var(--transition-fast);line-height:var(--leading-snug);word-break:break-word;border-left:2px solid #0000;display:block;border-bottom:none!important;text-decoration:none!important}.toc-nav a.h3{padding-left:var(--spacing-7)}.toc-nav a.h4{padding-left:var(--spacing-12)}.toc-nav a:hover{color:var(--color-text);text-decoration:none!important}.toc-nav a.active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:500}@media (width<=1200px){.toc-panel{display:none}}.article-meta{align-items:center;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.article-meta-sep{color:var(--color-border)}.article-tags{gap:var(--spacing-2);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.article-tag{padding:3px var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);text-transform:lowercase;transition:color var(--transition-fast), background var(--transition-fast);border-radius:999px;text-decoration:none;display:inline-block}.article-tag:hover{color:var(--color-accent);background:var(--color-surface);border-color:var(--color-accent)}.article-grid{grid-template-columns:var(--meta-col-width) 1fr var(--gutter-width)}.article-meta-col{display:none}@media (width<=1000px){.article-main{max-width:100%}}.article-footer{margin-top:var(--spacing-16);padding-top:var(--spacing-10);border-top:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-16)}.footer-authors{gap:var(--spacing-2);flex-direction:column;display:flex}.footer-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-muted);font-weight:500}.footer-author{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.article-tags-header{gap:var(--spacing-2);margin-top:var(--spacing-6);flex-wrap:wrap;display:flex}.header-tag{font-size:var(--font-size-xs);color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);border-radius:999px;padding:4px 12px;font-weight:500;text-decoration:none;display:inline-block}.header-tag:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}