.page-blog-index .filter-pill{background:transparent;border:.5px solid rgb(from var(--color-foreground) r g b/.14);border-radius:.125rem;color:rgb(from var(--color-foreground) r g b/.65);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.06em;padding:.625rem 1.25rem;text-transform:uppercase;transition:border-color .18s,color .18s,background-color .18s;white-space:nowrap}.page-blog-index .filter-pill:hover{border-color:rgb(from var(--color-foreground) r g b/.28);color:var(--color-foreground)}.page-blog-index .filter-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-canvas);font-weight:500}.page-blog-index .blog-card{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease,border-color .2s}.page-blog-index .blog-card.card-visible{opacity:1;transform:translateY(0)}