.blog-index-hero{position:relative;z-index:20;overflow:visible;padding:var(--space-5) 0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.blog-index-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,184,166,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,transparent 100%);pointer-events:none}.blog-index-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.blog-index-live{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.blog-index-live-dot{width:5px;height:5px;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary);animation:blog-pulse 2s ease-in-out infinite}@keyframes blog-pulse{0%,to{opacity:1}50%{opacity:.45}}.blog-index-title{font-size:var(--font-size-3xl);font-weight:600;letter-spacing:-.03em;line-height:var(--leading-tight);color:var(--color-text-primary);margin:0 0 var(--space-2)}.blog-index-title em{font-style:normal;color:var(--color-primary)}.blog-index-lead{font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:36rem;margin:0 0 var(--space-5)}.blog-index-stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--color-border);background:var(--color-background);margin-bottom:var(--space-4)}@media (min-width: 640px){.blog-index-stats{grid-template-columns:repeat(4,1fr)}}.blog-index-stat{position:relative;padding:var(--space-3) var(--space-4);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.blog-index-stat:nth-child(2n){border-right:none}@media (min-width: 640px){.blog-index-stat{border-bottom:none}.blog-index-stat:nth-child(2n){border-right:1px solid var(--color-border)}.blog-index-stat:last-child{border-right:none}}@media (max-width: 639px){.blog-index-stat:nth-last-child(-n+2){border-bottom:none}}.blog-index-stat:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-background))}.blog-index-stat-value{display:block;font-size:var(--font-size-xl);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-primary);line-height:1.1;margin-bottom:.15rem}.blog-index-stat-label{display:block;font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.blog-index-stat:before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--color-primary);transition:height .25s cubic-bezier(.22,1,.36,1)}.blog-index-stat:hover:before{height:100%}.blog-index-search-wrap{margin-bottom:var(--space-3)}.blog-index-search-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.blog-index-search-label span:first-child{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.blog-index-search{position:relative}.blog-index-search input{width:100%;padding:.55rem .75rem .55rem 2.25rem;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:0;transition:border-color .2s ease,box-shadow .2s ease}.blog-index-search input::-moz-placeholder{color:var(--color-text-muted)}.blog-index-search input::placeholder{color:var(--color-text-muted)}.blog-index-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 25%,transparent)}.blog-index-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:.875rem;height:.875rem;color:var(--color-text-muted);pointer-events:none}.blog-index-search:focus-within .blog-index-search-icon{color:var(--color-primary)}.blog-index-posts{position:relative;z-index:1;padding:var(--space-6) 0 var(--space-8)}.blog-index-grid{margin-bottom:var(--space-6)}.blog-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:.35rem .55rem;font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);text-decoration:none;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.blog-pagination-btn:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.blog-pagination-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (prefers-reduced-motion: reduce){.blog-index-live-dot{animation:none}.blog-index-stat:before{transition:none}}