.blog-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);transition:border-color var(--transition-fast),transform var(--transition-fast);position:relative}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:var(--border-radius) var(--border-radius) 0 0}.blog-card:hover{border-color:var(--accent);transform:translateY(-2px)}.blog-card__link,.blog-card__link:hover{text-decoration:none}.blog-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);transition:color var(--transition-fast)}.blog-card:hover .blog-card__title{color:var(--accent)}.blog-card__summary{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;padding:0;margin:var(--space-sm) 0 0 0}.blog-card__tags .pill{font-family:inherit}.blog-card__meta{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border)}.blog-card__date,.blog-card__reading-time{font-size:var(--font-size-sm);color:var(--text-muted)}.blog-card__lang{font-size:1rem;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted)}.blog-card__lang .is-disabled{opacity:.4}.blog-card--upcoming{opacity:.75;background:var(--bg-secondary);border-color:var(--border);position:relative}.blog-card--upcoming:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:var(--border-radius) var(--border-radius) 0 0}.blog-card--upcoming:hover{opacity:.85;border-color:var(--accent);transform:translateY(-1px)}.blog-card--upcoming .blog-card__title{color:var(--text-secondary)}.blog-card--upcoming:hover .blog-card__title{color:var(--accent)}.blog-card--upcoming .blog-card__summary{color:var(--text-muted)}.blogs-page{padding:var(--space-xl) 0 var(--space-3xl)}.blogs__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.blogs__intro{font-size:var(--font-size-xl);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.blogs__rss-link{display:inline-flex;align-items:center;color:var(--text-muted);transition:color .2s,transform .2s;text-decoration:none;margin-left:var(--space-xs)}.blogs__rss-link:hover{color:var(--accent);transform:scale(1.1)}.blogs__rss-link svg{display:block}.blogs__search{margin-bottom:var(--space-lg)}.blogs__search-input{width:100%;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);transition:border-color .2s,box-shadow .2s}.blogs__search-input::placeholder{color:var(--text-muted)}.blogs__search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.blogs__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.blogs__filter-label{font-size:var(--font-size-sm);color:var(--text-muted)}.blogs__filters .pill{cursor:pointer;border:none;font-family:inherit}.blogs__filters .pill.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.blog-grid{display:flex;flex-direction:column;gap:var(--space-md)}.blogs__empty{text-align:center;color:var(--text-muted);padding:var(--space-2xl)}.blog-grid article.is-hidden{display:none}.blogs__pagination{display:flex;justify-content:center;margin-top:var(--space-xl)}.blogs__pagination-pill{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;padding:var(--space-xs) var(--space-md)}.blogs__pagination-btn{background:none;border:none;cursor:pointer;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-xs);border-radius:4px;transition:color var(--transition-fast);line-height:1}.blogs__pagination-btn:hover:not(:disabled){color:var(--accent)}.blogs__pagination-btn:disabled{color:var(--text-muted);cursor:not-allowed}.blogs__pagination-indicator{font-size:var(--font-size-sm);color:var(--text-muted);min-width:3.5rem;text-align:center;user-select:none}