.blog-card{background:var(--bg-elevated);box-shadow:var(--shadow-card)}.blog-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-card-hover)}.blog-card-dot-pattern{background-image:radial-gradient(circle at 2px 2px,#fff9 1px,#0000 0);background-size:20px 20px}.blog-card-bookmark{background:#fff3}.blog-card-bookmark:hover{background:#fff6}.blog-card-title{font-family:var(--font-heading);color:var(--text-heading)}.blog-card:hover .blog-card-title{color:var(--accent)}.category-filter-btn{border-radius:var(--radius-pill);border:1px solid var(--border);font-family:var(--font-body);white-space:nowrap;cursor:pointer;transition:all var(--transition-base);background:var(--bg-elevated);color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1;display:flex}.category-filter-btn:hover{border-color:var(--accent-border);background:var(--accent-subtle);color:var(--accent)}.category-filter-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.category-filter-count{border-radius:var(--radius-pill);background:#00000014;padding:.1rem .4rem;font-size:.72rem}.category-filter-btn.is-active .category-filter-count{background:#fff3}.search-bar-input{background:var(--bg-elevated);width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-body);box-shadow:var(--shadow-card);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;font-size:.95rem}.search-bar-input::placeholder{color:var(--text-muted)}.search-bar-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-subtle)}.empty-state-icon-wrap{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:50%;margin-bottom:1.5rem;padding:1.5rem}.empty-state-title{font-family:var(--font-heading);color:var(--text-heading);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-state-desc{color:var(--text-primary);max-width:28rem;font-family:var(--font-body);margin-bottom:2rem}.empty-state-btn{background:var(--accent-gradient);color:var(--text-on-accent);border-radius:var(--radius-lg);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--transition-fast), box-shadow var(--transition-slow);border:none;justify-content:center;align-items:center;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;line-height:1;display:inline-flex}.empty-state-btn:hover{box-shadow:var(--shadow-glow-lg);transform:scale(1.04)}