/* --- browse search bar --------------------------------------------------- */
.browse-search input::placeholder {
  color: var(--ink-muted);
}

/* --- browse grid -------------------------------------------------------- */
/* Fill the stretched card so the actions/badge pin to the bottom and every
   browse card in a row lines up regardless of buttons vs badge. */
.browse-card .cover-card__info {
  flex: 1;
}
/* Handles like @cratedigger.bsky.social have no word breaks, so without this
   the line wraps mid-word across up to 3 lines instead of reading as content. */
.browse-card__via {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.browse-card .cover-card__info > .badge,
.browse-card__actions {
  margin-top: auto;
}
.browse-card__actions {
  display: flex;
  gap: 6px;
}
.browse-card__actions .btn {
  flex: 1;
  padding: 9px 8px;
  font-size: 11px;
}