.blog__content{padding-bottom:var(--space-16)}.blog__filters{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.blog__filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-family:inherit;font-size:var(--text-sm);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:500;display:inline-flex}.blog__filter-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-gray-300)}.blog__filter-btn--active{background:var(--color-gray-900);color:var(--color-white);border-color:var(--color-gray-900)}.blog__filter-btn--active:hover{background:var(--color-black);border-color:var(--color-black)}.blog__filter-count{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#fff3}.blog__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}@media (max-width:768px){.blog__grid{grid-template-columns:1fr}}.blog__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.blog__card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.blog__card-image{aspect-ratio:16/9;display:block;overflow:hidden}.blog__card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.blog__card:hover .blog__card-image img{transform:scale(1.03)}.blog__card-content{padding:var(--space-5)}.blog__card-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.blog__card-readtime:before{content:"·";margin-right:var(--space-3)}.blog__card-category{padding:var(--space-1)var(--space-2);font-family:inherit;font-size:var(--text-xs);background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);border:none;font-weight:500}.blog__card-category:hover{background:var(--color-gray-200);color:var(--color-text)}.blog__card-title{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);margin-bottom:var(--space-2)}.blog__card-title a{color:var(--color-text);transition:color var(--transition-fast)}.blog__card-title a:hover{color:var(--color-text)}.blog__card-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog__card-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);transition:gap var(--transition-fast);font-weight:500;display:inline-flex}.blog__card-link:hover{gap:var(--space-3);color:var(--color-text)}.blog__card-link svg{transition:transform var(--transition-fast)}.blog__card-link:hover svg{transform:translate(4px)}.blog__loading{text-align:center;padding:var(--space-16)var(--space-4);color:var(--color-text-muted)}.blog__loading-spinner{width:32px;height:32px;margin:0 auto var(--space-4);border:2px solid var(--color-border);border-top-color:var(--color-gray-900);border-radius:50%;animation:.8s linear infinite blog-spin}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog__empty{text-align:center;padding:var(--space-16)var(--space-4)}.blog__empty-icon{margin-bottom:var(--space-4);opacity:.8;font-size:3rem}.blog__empty-title{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:600}.blog__empty-text{font-size:var(--text-base);color:var(--color-text-secondary);max-width:400px;margin:0 auto var(--space-6);line-height:var(--leading-relaxed)}.blog__empty-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:inherit;font-size:var(--text-sm);background:var(--color-gray-900);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;font-weight:600;display:inline-flex}.blog__empty-btn:hover{background:var(--color-black);color:var(--color-white)}.blog__empty-btn--secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.blog__empty-btn--secondary:hover{background:var(--color-bg-secondary);color:var(--color-text)}.blog__cta{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.blog__cta-title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.blog__cta-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.blog__cta-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:inherit;font-size:var(--text-sm);background:var(--color-gray-900);color:var(--color-white);border-radius:var(--radius-md);transition:background var(--transition-fast);border:none;font-weight:600;display:inline-flex}.blog__cta-btn:hover{background:var(--color-black);color:var(--color-white)}