@layer components {

.kn-blog__tags { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.kn-blog__tags--row { flex-direction: row; flex-wrap: wrap; }
.kn-blog-tag { font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-primary); background: transparent; border: 1px solid var(--border-strong); padding: 3px 10px; border-radius: 0; text-decoration: none; }
.kn-blog-tag:hover { color: var(--accent-ink); border-color: var(--accent-ink); }
.kn-blog-tag--active { color: #FFFFFF; background: var(--border-strong); border-color: var(--border-strong); pointer-events: none; cursor: default; }
.kn-tag-count { font-size: 0.6875rem; color: var(--text-muted); }

@media (max-width: 900px) {
  .kn-blog__tags { flex-direction: row; flex-wrap: wrap; }
}

}