.blog-container{max-width:var(--container-medium);margin:0 auto}.blog-list{margin-top:var(--space-xl)}.blog-controls{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.search-box{position:relative;max-width:500px}.search-input{width:100%;padding:.875rem 2.5rem .875rem var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-tertiary)}.search-input::placeholder{color:var(--text-muted)}.clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem var(--space-xs);transition:color var(--transition-fast)}.clear-search:hover{color:var(--text-primary)}.tag-filter{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag-btn{padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase}.tag-btn.active,.tag-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.tag-btn.active{background:var(--accent-primary)}.results-count{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-sm)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-lg)}.blog-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.blog-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.featured-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:.25rem .75rem;background:var(--accent-primary);color:var(--text-primary);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.blog-card-header{margin-bottom:var(--space-sm)}.blog-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--text-muted)}.blog-dot{color:var(--border-color)}.blog-card-link{text-decoration:none;color:inherit;margin-bottom:var(--space-xs)}.blog-card h3{font-size:1.25rem;margin-bottom:var(--space-xs);color:var(--text-primary);transition:color var(--transition-fast)}.blog-card-link:hover h3{color:var(--accent-primary)}.blog-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1.25rem;flex:1 1}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:1.25rem}.blog-tag{padding:.25rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase}.blog-tag:hover{border-color:var(--accent-primary)}.blog-tag:hover,.read-more{color:var(--accent-primary)}.read-more{font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast);align-self:flex-start}.read-more:hover{color:var(--accent-secondary)}.no-results{grid-column:1/-1;text-align:center;padding:var(--space-2xl) var(--space-lg)}.no-results p{color:var(--text-muted);font-size:1.1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.pagination-btn{padding:.75rem var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all var(--transition-fast)}.pagination-btn:hover{border-color:var(--accent-primary);background:rgba(99,102,241,.1)}.pagination-numbers{display:flex;gap:var(--space-xs)}.pagination-number{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-fast)}.pagination-number.active,.pagination-number:hover{border-color:var(--accent-primary);color:var(--text-primary)}.pagination-number.active{background:var(--accent-primary);font-weight:500}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-controls{gap:var(--space-sm)}.search-box{max-width:100%}.pagination{flex-wrap:wrap}.pagination-numbers{order:3;width:100%;justify-content:center}}@media (max-width:480px){.blog-card{padding:var(--space-md)}.pagination-btn{padding:.625rem var(--space-sm);font-size:.85rem}.pagination-number{min-width:2.25rem;height:2.25rem;font-size:.85rem}}