.blog-tag-pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-full);background:var(--sg-surface-card);border:1px solid var(--sg-border-hairline);color:var(--sg-text-muted);font-weight:var(--font-medium);font-family:inherit;cursor:default;text-decoration:none;white-space:nowrap;line-height:1;transition:background var(--sg-motion-base),border-color var(--sg-motion-base),color var(--sg-motion-base),box-shadow var(--sg-motion-base)}.blog-tag-pill--sm{padding:4px 10px;font-size:var(--text-2xs);letter-spacing:.08em}.blog-tag-pill--md{padding:6px 14px;font-size:var(--text-xs);letter-spacing:.06em}.blog-tag-pill--clickable{cursor:pointer;min-height:var(--tap-target-min)}@media (hover:hover){.blog-tag-pill--clickable:hover{background:var(--sg-surface-card-hover);border-color:var(--sg-border-emphasis);color:var(--sg-text-soft)}}.blog-tag-pill--clickable:focus-visible{outline:2px solid var(--sg-cyan-focus-outline);outline-offset:2px}.blog-tag-pill--active{background:rgba(var(--brand-cyan-rgb,26,207,255),.12);border-color:var(--sg-cyan-border-strong);color:var(--sg-text-soft);box-shadow:var(--sg-cyan-glow-soft)}@media (hover:hover){.blog-tag-pill--active:hover{background:rgba(var(--brand-cyan-rgb,26,207,255),.16);border-color:var(--sg-cyan-border-strong);color:var(--sg-text-soft)}}.blog-tag-pill__dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}@media (prefers-reduced-motion:reduce){.blog-tag-pill{transition:none}}