.blog-filter{align-items:center;gap:var(--space-1);height:2.75rem;padding-inline:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-glass);scrollbar-width:none;max-width:100%;display:inline-flex;overflow-x:auto}.blog-filter::-webkit-scrollbar{display:none}.blog-filter__item{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-body-m);color:var(--fg-secondary);transition:background var(--dur-micro) var(--ease-micro), color var(--dur-micro) var(--ease-micro);flex:none;padding:.5rem 1rem;line-height:1.2;display:inline-flex}.blog-filter__item:hover{color:var(--fg-primary)}.blog-filter__item.is-active{background:var(--surface-white);color:var(--accent-700);font-weight:var(--fw-text-strong);box-shadow:var(--shadow-xs)}.blog-filter__count{font-size:var(--text-caption);color:var(--fg-muted)}.blog-filter__item.is-active .blog-filter__count{color:var(--accent-600)}.blog-empty{margin-top:var(--space-8);color:var(--fg-secondary);max-width:var(--measure-lead)}.blog-pager{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-10);display:flex}.blog-pager__link{align-items:center;gap:var(--space-2);font-size:var(--text-body-m);font-weight:var(--fw-text-medium);color:var(--accent-700);transition:color var(--dur-micro) var(--ease-micro);display:inline-flex}.blog-pager__link:hover{color:var(--accent-600)}.blog-pager__link[aria-disabled=true]{color:var(--fg-muted);pointer-events:none}.blog-pager__status{color:var(--fg-muted)}