.article-header{max-width:720px;margin:0 auto;padding:4rem 2rem 2rem}.article-back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:2rem;transition:color .2s ease}.article-back:hover{color:var(--text-primary)}.article-back svg{width:14px;height:14px;stroke:currentColor}.article-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.article-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.article-reading-time{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);padding-left:1.5rem;border-left:var(--line-thin) solid var(--border-secondary)}.article-title{font-size:2.5rem;font-weight:100;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.article-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.article-content{max-width:720px;margin:0 auto;padding:2rem 2rem 4rem}.article-content p{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.article-content p:first-of-type:first-letter{font-size:3.5rem;font-weight:100;float:left;line-height:1;margin-right:.75rem;margin-top:.125rem;color:var(--text-primary)}.article-content h2{font-size:1.5rem;font-weight:400;letter-spacing:-.01em;margin-top:3rem;margin-bottom:1rem;padding-top:2rem;border-top:var(--line-thin) solid var(--border-secondary)}.article-content h3{font-size:1.125rem;font-weight:500;margin-top:2rem;margin-bottom:.75rem}.article-content blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:var(--line-thick) solid var(--border-primary);background:var(--bg-secondary)}.article-content blockquote p{font-style:italic;margin-bottom:.5rem}.article-content blockquote p:last-child{margin-bottom:0}.article-content blockquote cite{font-family:var(--font-mono);font-size:.75rem;font-style:normal;color:var(--text-muted)}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:1.5rem}.article-content li{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary);margin-bottom:.5rem}.article-content a{color:var(--text-primary);border-bottom:var(--line-thin) solid var(--border-secondary);transition:border-color .2s ease}.article-content a:hover{border-color:var(--border-primary)}.article-content code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-elevated);padding:.125rem .375rem;border:var(--line-thin) solid var(--border-secondary)}.article-content pre{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border:var(--line-medium) solid var(--border-secondary);overflow-x:auto}.article-content pre code{background:transparent;padding:0;border:none;font-size:.8125rem;line-height:1.6}.article-content hr{border:none;border-top:var(--line-thin) solid var(--border-secondary);margin:3rem 0}.article-content .highlight{background:var(--bg-elevated);padding:.125rem .25rem}.article-footer{max-width:720px;margin:0 auto;padding:0 2rem 4rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-top:2rem;border-top:var(--line-thin) solid var(--border-secondary)}.article-tag{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);padding:.375rem .75rem;border:var(--line-thin) solid var(--border-secondary);transition:all .2s ease}.article-tag:hover{color:var(--text-primary);border-color:var(--border-primary)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:2rem;border-top:var(--line-thin) solid var(--border-secondary)}.post-nav-item{padding:1.5rem;border:var(--line-medium) solid var(--border-secondary);transition:all .2s ease}.post-nav-item:hover{border-color:var(--border-primary);background:var(--bg-elevated)}.post-nav-item.next{text-align:right}.post-nav-label{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.post-nav-title{font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.post-nav-item:hover .post-nav-title{color:var(--text-primary)}@media(max-width:900px){.article-header{padding:3rem 1.5rem 1.5rem}.article-title{font-size:2rem}.article-content{padding:1.5rem 1.5rem 3rem}.article-footer{padding:0 1.5rem 3rem}.post-nav{grid-template-columns:1fr}.post-nav-item.next{text-align:left}}