.blog-index,.blog-post{max-width:48rem;margin:0 auto;padding:6rem 2rem 4rem;color:var(--text-primary)}.blog-index-header{text-align:center;margin-bottom:3rem}.blog-eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);margin:0 0 1rem}.blog-index-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 1rem}.blog-index-sub{font-size:1.0625rem;line-height:1.6;color:var(--text-secondary);max-width:36rem;margin:0 auto}.blog-empty{text-align:center;padding:4rem 2rem;color:var(--text-tertiary);border:1px dashed var(--border);border-radius:var(--radius-lg)}.blog-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:1rem;gap:1rem}.blog-list-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated,var(--bg-surface));transition:border-color .15s ease,transform .15s ease}.blog-list-item:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.blog-list-link{display:block;padding:1.5rem 1.75rem;color:inherit;text-decoration:none}.blog-list-date{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);margin-bottom:.5rem}.blog-list-heading{font-family:var(--font-display);font-size:1.5rem;line-height:1.3;margin:0 0 .5rem;color:var(--text-primary)}.blog-list-description{font-size:1rem;line-height:1.55;margin:0;color:var(--text-secondary)}.blog-tag-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.375rem}.blog-tag{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;padding:.1875rem .5rem;border-radius:var(--radius-full);background:var(--accent-primary-muted);color:var(--accent-primary)}.blog-post-breadcrumb{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-tertiary);margin-bottom:1.5rem}.blog-post-breadcrumb a{color:var(--text-secondary);text-decoration:none}.blog-post-breadcrumb a:hover{color:var(--accent-primary)}.blog-post-header{margin-bottom:2.5rem}.blog-post-date{display:block;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-tertiary);margin-bottom:.75rem}.blog-post-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem}.blog-post-description{font-size:1.125rem;line-height:1.55;color:var(--text-secondary);margin:0 0 1rem}.blog-post-author{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-tertiary);margin:0}.blog-post-author span{color:var(--text-secondary);font-weight:500}.blog-post-body{font-family:var(--font-prose,var(--font-base));font-size:1.0625rem;line-height:1.7;color:var(--text-primary)}.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{font-family:var(--font-display);letter-spacing:-.01em;margin:2.5rem 0 1rem;line-height:1.3;color:var(--text-primary)}.blog-post-body h2{font-size:1.625rem}.blog-post-body h3{font-size:1.25rem}.blog-post-body h4{font-size:1.0625rem}.blog-post-body a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px}.blog-post-body a:hover{color:var(--accent-primary-hover)}.blog-post-body h2 a,.blog-post-body h3 a,.blog-post-body h4 a{color:inherit;text-decoration:none}.blog-post-body h2 a:hover,.blog-post-body h3 a:hover,.blog-post-body h4 a:hover{color:var(--accent-primary)}.blog-post-body p{margin:0 0 1.25rem}.blog-post-body ol,.blog-post-body ul{padding-left:1.5rem;margin:0 0 1.25rem}.blog-post-body li{margin-bottom:.5rem}.blog-post-body blockquote{border-left:3px solid var(--accent-primary);padding:.25rem 1.25rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.blog-post-body code{font-family:var(--font-mono);font-size:.9em;padding:.125rem .375rem;border-radius:var(--radius-sm);background:var(--bg-inset,var(--bg-elevated));color:var(--text-primary)}.blog-post-body pre{margin:1.5rem 0;padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--bg-inset,#1f1f1f);overflow-x:auto;font-size:.875rem;line-height:1.55}.blog-post-body pre code{background:transparent;padding:0;border-radius:0;color:inherit}.blog-post-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0}.blog-post-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.blog-post-body td,.blog-post-body th{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.blog-post-body th{font-weight:600;background:var(--bg-elevated)}.blog-post-body hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.blog-post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.blog-post-back{font-family:var(--font-mono);font-size:.875rem;color:var(--accent-primary);text-decoration:none}.blog-post-back:hover{text-decoration:underline}