.tags-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-s);flex-wrap:wrap;margin-bottom:var(--space-m)}.tags-header h1{margin:0 0 .2rem}.tags-header .section-description{margin:0;color:var(--color-ink-faded)}.tags-filter-box input{font-family:var(--font-mono);font-size:.84rem;padding:.45rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-paper-elevated);color:var(--color-ink);min-width:220px}.tags-filter-box input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-tint)}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:.55rem}.tag-tile{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:baseline;padding:.55rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-paper-elevated);text-decoration:none;color:var(--color-ink);font-size:var(--step--1);transition:transform .14s ease,box-shadow .14s ease,color .14s ease}.tag-tile::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--tag-fill,10%);background:var(--color-accent);opacity:.55;transition:opacity .15s ease}.tag-tile:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-stamp-sm);color:var(--color-accent);text-decoration:none}.tag-tile:hover::after{opacity:1}.tag-tile .tag-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-tile .tag-count{color:var(--color-ink-faded);font-size:.76rem;font-family:var(--font-mono);margin-left:.5rem}