.blog-post{max-width:var(--max-width);padding:calc(var(--header-height) + var(--space-3xl)) var(--space-md) var(--space-3xl);margin:0 auto}.blog-post-content{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.8}.blog-post-content>:first-child{margin-top:0}.blog-post-content h1{margin-top:var(--space-3xl);margin-bottom:var(--space-md);color:var(--color-text);font-size:clamp(2rem,4vw,2.5rem)}.blog-post-content h2{margin-top:var(--space-3xl);margin-bottom:var(--space-md);color:var(--color-text);font-size:clamp(1.4rem,3vw,1.75rem)}.blog-post-content h3{margin-top:var(--space-2xl);margin-bottom:var(--space-sm);color:var(--color-text);font-size:clamp(1.15rem,2.5vw,1.35rem)}.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{margin-top:var(--space-xl);margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.1rem}.blog-post-content p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}.blog-post-content a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.blog-post-content a:hover{opacity:.8}.blog-post-content strong{color:var(--color-text);font-weight:600}.blog-post-content em{font-style:italic}.blog-post-content code{font-family:var(--font-mono);background:var(--color-bg-subtle);color:var(--color-text);border-radius:3px;padding:.15em .4em;font-size:.875em}.blog-post-content pre{background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:6px;overflow-x:auto}.blog-post-content pre code{color:var(--color-text);background:0 0;border-radius:0;padding:0;font-size:.875rem;line-height:1.6}.blog-post-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-lg);margin:var(--space-lg) 0;color:var(--color-text-muted);font-style:italic}.blog-post-content blockquote p{color:var(--color-text-muted)}.blog-post-content ul,.blog-post-content ol{margin:var(--space-md) 0;padding-left:var(--space-xl);list-style:none}.blog-post-content ul li,.blog-post-content ol li{margin-bottom:var(--space-sm);color:var(--color-text-secondary);padding-left:var(--space-sm);position:relative}.blog-post-content ul li:before{content:"▸";left:calc(-1 * var(--space-md));color:var(--color-accent);font-family:var(--font-mono);position:absolute}.blog-post-content ol{counter-reset:list-counter}.blog-post-content ol li{counter-increment:list-counter}.blog-post-content ol li:before{content:counter(list-counter) ".";left:calc(-1 * var(--space-xl));color:var(--color-accent);font-family:var(--font-mono);min-width:var(--space-lg);font-size:.9em;position:absolute}.blog-post-content img{max-width:100%;height:auto;margin:var(--space-xl) 0;border:1px solid var(--color-border);border-radius:6px}.blog-post-content hr{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-2xl) 0}.blog-post-content table{border-collapse:collapse;width:100%;margin:var(--space-lg) 0;font-size:.95rem}.blog-post-content th,.blog-post-content td{border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);text-align:left}.blog-post-content th{background:var(--color-bg-subtle);color:var(--color-text);font-weight:600;font-family:var(--font-mono);font-size:.875rem}.blog-post-content td{color:var(--color-text-secondary)}.blog-post-content pre::-webkit-scrollbar{height:6px}.blog-post-content pre::-webkit-scrollbar-track{background:var(--color-bg)}.blog-post-content pre::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.blog-list{max-width:var(--max-width);padding:calc(var(--header-height) + var(--space-3xl)) var(--space-md) var(--space-3xl);margin:0 auto}.blog-list-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-subtle)}.blog-list-title{margin-bottom:var(--space-sm);font-size:clamp(2rem,4vw,2.5rem)}.blog-list-prefix{color:var(--color-accent);font-family:var(--font-mono)}.blog-list-count{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.875rem}.blog-list-items{flex-direction:column;display:flex}.blog-list-item{gap:var(--space-sm);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;align-items:baseline;display:flex}.blog-list-item:last-child{border-bottom:none}.blog-list-date{font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;min-width:120px;font-size:.875rem}.blog-list-main{flex:1;min-width:0}.blog-list-link{color:var(--color-text);margin-bottom:var(--space-xs);transition:color var(--transition-fast);font-size:1.15rem;font-weight:600;display:block}.blog-list-link:hover{color:var(--color-accent)}.blog-list-description{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:.95rem;line-height:1.5}.blog-list-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}@media (width<=640px){.blog-list-item{gap:var(--space-xs);flex-direction:column}.blog-list-date{min-width:auto}}@media (width<=480px){.blog-post,.blog-list{padding-left:var(--space-sm);padding-right:var(--space-sm)}.blog-post-content{font-size:1rem}.blog-post-content pre{padding:var(--space-md);margin:var(--space-md) 0}}