.all-blogs-wrapper{background:var(--gray-50);min-height:100vh;padding:var(--section-spacing) 0}.all-blogs-container{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.all-blogs-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.all-blogs-header{text-align:center;margin-bottom:var(--section-spacing)}.all-blogs-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--gray-900);margin-bottom:var(--space-2);letter-spacing:-.02em}.all-blogs-subtitle{font-size:var(--text-lg);color:var(--gray-600)}.category-filter{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--section-spacing);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-200)}.filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:white;border:1px solid var(--gray-300);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{border-color:var(--primary-500);color:var(--primary-600);background:var(--primary-50)}.filter-btn.active{background:var(--primary-600);color:white;border-color:var(--primary-600)}.filter-btn .count{padding:var(--space-1) var(--space-2);background:rgba(0,0,0,.1);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.filter-btn.active .count{background:rgba(255,255,255,.2)}.all-blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--card-spacing);gap:var(--card-spacing)}.blog-list-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);cursor:pointer;display:flex;flex-direction:column}.blog-list-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--primary-300)}.blog-list-image{width:100%;height:200px;overflow:hidden;background:var(--gray-100)}.blog-list-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-list-card:hover .blog-list-image img{transform:scale(1.05)}.blog-list-content{padding:var(--content-padding);flex:1 1;display:flex;flex-direction:column}.blog-list-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--gray-500)}.blog-category{padding:var(--space-1) var(--space-2);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-sm);font-weight:var(--font-bold);text-transform:uppercase;font-size:10px;letter-spacing:.05em}.separator{color:var(--gray-400)}.blog-list-title{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--gray-900);margin-bottom:var(--space-2);-webkit-line-clamp:2}.blog-list-excerpt,.blog-list-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-list-excerpt{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--gray-600);margin-bottom:var(--space-3);flex:1 1;-webkit-line-clamp:3}.blog-list-footer{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-500);padding-top:var(--space-3);border-top:1px solid var(--gray-100);margin-top:auto}.blog-list-footer .author{font-weight:var(--font-medium);color:var(--gray-700)}.tags-preview{display:flex;gap:var(--space-1)}.tag{padding:var(--space-1) var(--space-2);background:var(--gray-100);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium)}.no-blogs,.tag{color:var(--gray-600)}.no-blogs{text-align:center;padding:var(--space-12);font-size:var(--text-lg)}@media (max-width:768px){.all-blogs-title{font-size:var(--text-3xl)}.all-blogs-grid{grid-template-columns:1fr}.category-filter{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.category-filter::-webkit-scrollbar{display:none}}