.blog-shell{max-width:var(--max-w);padding:clamp(40px,6vw,80px)var(--pad-x);flex-direction:column;gap:48px;margin:0 auto;display:flex}.blog-hero{border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1fr;gap:48px;padding-bottom:32px;display:grid}@media (max-width:860px){.blog-hero{grid-template-columns:1fr;gap:32px}}.blog-hero-copy{flex-direction:column;gap:16px;display:flex}.blog-hero-copy h1{font-size:var(--text-3xl)}.blog-hero-panel{flex-direction:column;gap:12px;display:flex}.blog-search-field{width:100%}.blog-tag-filter button{font-size:var(--text-xs);color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;padding:4px 10px;transition:color .15s,border-color .15s}.blog-tag-filter button:hover,.blog-tag-filter button.is-active{color:var(--fg);border-color:var(--border-hover)}.blog-feature-layout{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (max-width:860px){.blog-feature-layout{grid-template-columns:1fr}}.blog-feature-stack{flex-direction:column;gap:16px;display:flex}.blog-hero-feature,.blog-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;transition:border-color .15s}.blog-hero-feature:hover,.blog-feature-card:hover{border-color:var(--border-hover)}.blog-discovery-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.blog-grid-section{flex-direction:column;gap:16px;display:flex}.blog-post-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.blog-post-card{flex-direction:column;gap:10px;padding:24px;display:flex}.blog-post-link{color:inherit;flex-direction:column;gap:8px;display:flex}.blog-post-link h3{font-size:var(--text-lg)}.blog-post-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-subtle);align-items:center;gap:12px;display:flex}.blog-post-content p{font-size:var(--text-sm);color:var(--fg-muted)}.blog-cta-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px;display:flex}.blog-cta-actions{flex-wrap:wrap;gap:8px;display:flex}.blog-metric-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.blog-metric-card span{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);margin-bottom:4px;display:block}.blog-metric-card strong{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--fg)}.blog-skeleton-kicker{width:80px;height:12px}.blog-skeleton-title{width:70%;height:36px}.blog-skeleton-line{width:100%;height:14px}.blog-skeleton-line.short{width:60%}.blog-skeleton-search{width:100%;height:42px}.blog-skeleton-subtitle{width:50%;height:16px}.blog-skeleton-label{width:60px;height:12px}.blog-skeleton-value{width:90px;height:24px}.blog-skeleton-panel{background:var(--bg-card);border:1px solid var(--border)}.blog-search-field input{width:100%}.blog-index{max-width:var(--max-w-narrow);gap:28px;display:grid}.blog-index-header{border-bottom:1px solid var(--border);gap:12px;padding-bottom:28px;display:grid}.blog-index-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.blog-index-summary div{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;padding:16px;display:grid}.blog-index-summary strong{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-xl);line-height:1}.blog-index-summary span,.blog-result-count{color:var(--fg-subtle);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em}.blog-index-tools{gap:12px;display:grid}.blog-tag-filter{flex-wrap:wrap;gap:8px;display:flex}.blog-tag-pill{color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-xs);background:0 0;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-weight:500;display:inline-flex}.blog-tag-pill span{color:var(--fg-subtle);font-family:var(--font-mono);font-size:.72rem}.blog-tag-pill:hover,.blog-tag-pill.is-active{color:var(--fg);border-color:var(--border-hover);background:var(--bg-hover)}.blog-tag-pill.is-active span{color:var(--fg)}.blog-index-list{gap:0;display:grid}.blog-index-row{border-bottom:1px solid var(--border);gap:8px;padding:24px 0;display:grid}.blog-index-row:first-child{padding-top:0}.blog-index-row-meta{color:var(--fg-subtle);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-index-title,.blog-index-title h2{color:var(--fg);font-size:var(--text-lg);letter-spacing:var(--tracking-snug);font-weight:500;line-height:var(--leading-snug);margin:0}.blog-index-title:hover,.blog-index-title a:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.blog-index-title a{color:inherit;text-decoration:none}.blog-index-row p{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-index-read-time{color:var(--fg-subtle);font-family:var(--font-mono);font-size:var(--text-xs)}.blog-load-more{justify-content:center;padding-top:8px;display:flex}@media (max-width:720px){.related-post-grid,.blog-index-summary,.post-reading-tools{grid-template-columns:1fr}}.blog-category-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.blog-category-pill{cursor:pointer;color:var(--fg-muted,#999);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:.4rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s}.blog-category-pill:hover{color:var(--fg,#ededed);background:#ffffff14;border-color:#fff3}.blog-category-pill.is-active{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b66}.blog-category-pill.is-active:hover{background:#f59e0b40}