.blog-page{max-width:var(--content-max-width,1100px);padding:calc(var(--navbar-height) + var(--space-8)) var(--space-4) var(--space-16);min-height:70vh;margin:0 auto}.blog-header{text-align:center;margin-bottom:var(--space-8)}.blog-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-2)}.blog-subtitle{font-size:var(--text-lg);color:var(--color-gray-600);margin:0}.blog-filters{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.blog-chip{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary-600,#4f46e5);background:var(--color-primary-50,#eef2ff);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full,999px);line-height:1.6;display:inline-block}.blog-chip--filter{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast)}.blog-chip--filter:hover{border-color:var(--color-primary-400,#818cf8);color:var(--color-primary-600,#4f46e5)}.blog-chip--filter.is-active{background:var(--color-primary-600,#4f46e5);border-color:var(--color-primary-600,#4f46e5);color:#fff}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md,0 8px 24px #00000014);transform:translateY(-3px)}.blog-card-media{aspect-ratio:16/9;background:var(--color-gray-100);overflow:hidden}.blog-card-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-card-media--placeholder{background:linear-gradient(135deg, var(--color-gray-100), var(--color-gray-200));width:100%;height:100%}.blog-card-body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.blog-card-cats{gap:var(--space-1);flex-wrap:wrap;display:flex}.blog-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);line-height:var(--leading-tight,1.3);margin:0}.blog-card-excerpt{font-size:var(--text-sm);color:var(--color-gray-600);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.blog-card-date{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:auto}.blog-empty{text-align:center;color:var(--color-gray-500);padding:var(--space-16) 0;font-size:var(--text-base)}.blog-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-10);display:flex}.blog-page-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md,8px);color:var(--color-gray-700);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.blog-page-btn:hover:not(:disabled){border-color:var(--color-primary-400,#818cf8);color:var(--color-primary-600,#4f46e5)}.blog-page-btn:disabled{opacity:.5;cursor:not-allowed}.blog-page-info{font-size:var(--text-sm);color:var(--color-gray-600)}@media (max-width:640px){.blog-title{font-size:var(--text-3xl)}.blog-grid{grid-template-columns:1fr}}