.blog-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.blog-post-card{min-width:0}.blog-list-empty{font-family:var(--mono);font-size:var(--text-xs);color:var(--muted);margin:24px 0 0}.blog-list-fallback{min-width:0;padding:48px 0}.blog-count{font-family:var(--mono);font-size:var(--text-xs);color:var(--muted);margin:0 0 12px}.blog-category-filters{flex-wrap:wrap;gap:8px;margin:0;display:flex}.blog-category-chip{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);letter-spacing:.02em;white-space:nowrap;background:0 0;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}.blog-category-chip:hover{color:var(--fg);border-color:var(--border-strong)}.blog-category-chip.is-active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent)}.blog-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.blog-page-number{font-family:var(--mono);color:var(--fg-secondary);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.blog-page-number:hover{color:var(--fg);border-color:var(--border-strong)}.blog-page-number.is-active{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.blog-page-link{justify-content:center;align-items:center;font-size:12px;text-decoration:none;display:flex}.blog-pagination span.blog-page-link{color:var(--faint);border-color:var(--border-subtle);cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none;background:0 0;scale:1}.blog-post-category-chip{margin-bottom:12px}@media (max-width:768px){.blog-post-card{padding:20px}.blog-pagination{margin-top:20px}.blog-category-chip,.blog-page-number{padding:4px 8px}}@media (prefers-reduced-motion:reduce){.blog-post-card,.blog-category-chip,.blog-page-number,.blog-page-link{transition:none}.blog-pagination span.blog-page-link{scale:none}}