.blog-nav{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-nav__chip{min-height:44px;padding:0 var(--space-5);border:2px solid var(--color-text);color:var(--color-text);background:#fff;border-radius:999px;align-items:center;font-weight:700;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex}.blog-nav__chip:hover,.blog-nav__chip.active{background:var(--color-text);color:#fff}@media (prefers-reduced-motion:reduce){.blog-nav__chip{transition:none}}