.blog-hero{text-align:left;padding:10rem 0 4rem}.blog-hero h1{letter-spacing:-.04em;max-width:900px;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,5rem);line-height:.95}.blog-hero-sub{color:var(--text-secondary);max-width:600px;font-size:1.1rem;font-family:var(--mono-font)}.blog-list{flex-direction:column;gap:0;padding-bottom:8rem;display:flex}.blog-card{border-top:1px solid var(--border-subtle);transition:padding-left .4s var(--transition-smooth), border-color .3s ease;padding:2.5rem 0;display:block;position:relative}.blog-list .blog-card:last-child{border-bottom:1px solid var(--border-subtle)}.blog-card:hover{border-top-color:var(--accent-color);padding-left:1.5rem}.blog-card:hover+.blog-card{border-top-color:var(--accent-color)}.blog-card-meta{font-family:var(--mono-font);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;gap:1rem;margin-bottom:.8rem;font-size:.75rem;display:flex}.blog-card h2{text-transform:none;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.8rem;font-size:clamp(1.5rem,3vw,2.2rem);transition:color .3s}.blog-card:hover h2{color:var(--accent-color)}.blog-card p{font-family:var(--mono-font);color:var(--text-secondary);max-width:700px;margin-bottom:1rem;font-size:.9rem}.blog-card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.blog-card-tag{font-family:var(--mono-font);border:1px solid var(--border-subtle);color:var(--text-secondary);text-transform:lowercase;padding:.25rem .6rem;font-size:.7rem}.blog-empty{text-align:center;color:var(--text-secondary);font-family:var(--mono-font);padding:4rem 0}.post-header{max-width:760px;padding:10rem 0 3rem}.post-back{font-family:var(--mono-font);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;font-size:.8rem;transition:color .2s;display:inline-block}.post-back:hover{color:var(--accent-color)}.post-header h1{text-transform:none;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.post-meta{font-family:var(--mono-font);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;font-size:.8rem;display:flex}.post-meta-sep{opacity:.5}.post-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;display:flex}.post-tag{font-family:var(--mono-font);border:1px solid var(--accent-color);color:var(--accent-color);text-transform:lowercase;padding:.3rem .75rem;font-size:.75rem}.prose{max-width:720px;color:var(--text-primary);padding-bottom:6rem;font-size:1.05rem;line-height:1.8}.prose p{color:var(--text-primary);margin:0 0 1.5rem}.prose h2{text-transform:none;letter-spacing:-.02em;color:var(--text-primary);margin:3rem 0 1rem;font-size:1.8rem}.prose h3{text-transform:none;letter-spacing:-.01em;color:var(--text-primary);margin:2rem 0 .8rem;font-size:1.3rem}.prose h4{color:var(--accent-color);font-size:1.1rem;font-family:var(--mono-font);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .5rem}.prose a{color:var(--accent-color);text-underline-offset:3px;text-decoration:underline #00f3ff4d;transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--accent-color)}.prose ul,.prose ol{margin:0 0 1.5rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:2px solid var(--accent-color);color:var(--text-secondary);margin:2rem 0;padding-left:1.5rem;font-style:italic}.prose code:not(pre code){color:var(--accent-color);font-size:.9em;font-family:var(--mono-font);background:#00f3ff14;border-radius:2px;padding:.15rem .4rem}.prose pre{background:var(--terminal-bg);border:1px solid var(--border-subtle);border-radius:4px;margin:2rem 0;padding:1.5rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.prose pre code{color:var(--text-primary);background:0 0;padding:0}.prose img{border:1px solid var(--border-subtle);max-width:100%;height:auto;margin:2rem 0}.prose hr{border:none;border-top:1px solid var(--border-subtle);margin:3rem 0}.prose table{border-collapse:collapse;width:100%;font-family:var(--mono-font);margin:2rem 0;font-size:.85rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:.75rem}.prose th{color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;font-weight:700}@media (width<=768px){.blog-hero,.post-header{padding-top:7rem}.post-header h1{font-size:2rem}}