/* Tag feed on Explore (tag-view.js): the active "Showing posts for: #tag ✕" filter badge and the tag's post grid,
   shown in place of the Sphere, Pinned Posts and WorldBites grids */
.explore.tag-on > .explore-stage, .explore.tag-on > .sphere { display:none !important; }
.tag-view { text-align:left; scroll-margin-top:90px; }
.tag-view[hidden] { display:none; }

.tag-filter-bar {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 12px; padding:10px 14px;
  background:linear-gradient(135deg, rgba(26,155,142,.12), rgba(212,175,55,.12));
  border:1px solid rgba(26,155,142,.35); border-radius:14px;
}
.tag-filter-label { font-size:13px; font-weight:600; color:var(--muted, #5A7572); }
.tag-filter-badge {
  display:inline-flex; align-items:center; gap:6px; max-width:100%; padding:5px 6px 5px 14px; border-radius:999px;
  background:linear-gradient(135deg, #1A9B8E, #0c3d38); color:#fff; box-shadow:0 4px 12px rgba(26,155,142,.3);
}
.tag-filter-name { font-size:15px; font-weight:800; letter-spacing:.2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tag-filter-clear {
  flex:none; display:inline-grid; place-items:center; width:24px; height:24px; padding:0; border:0; border-radius:50%;
  font:inherit; font-size:12px; font-weight:800; line-height:1; color:#0c3d38; background:rgba(255,255,255,.88); cursor:pointer;
  transition:background .15s, transform .15s;
}
.tag-filter-clear:hover { background:#FFE066; transform:scale(1.08); }
.tag-filter-clear:focus-visible { outline:2px solid #D4AF37; outline-offset:2px; }
.tag-filter-status { margin-left:auto; font-size:12px; color:var(--muted, #5A7572); }
@media (max-width:560px) { .tag-filter-status { margin-left:0; flex-basis:100%; } }
@media (prefers-reduced-motion: reduce) { .tag-filter-clear { transition:none; } }