.blog-filter{display:inline-flex;align-items:center;gap:var(--space-1);height:2.75rem;padding-inline:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-glass);max-width:100%;overflow-x:auto;scrollbar-width:none}.blog-filter::-webkit-scrollbar{display:none}.blog-filter__item{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:var(--text-body-m);line-height:1.2;color:var(--fg-secondary);transition:background var(--dur-micro) var(--ease-micro),color var(--dur-micro) var(--ease-micro)}.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{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-10)}.blog-pager__link{display:inline-flex;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)}.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)}