/* Keep badge and navigation pills consistent with the system's rounded rectangles. */
.rounded-pill,
.metadata-theme-badge {
  border-radius: 0.375rem !important;
}

.badge.change-status-approved {
  color: #fff !important;
}

/* Review labels may wrap between words, but must keep each word intact. */
.reviewed-change-item .badge {
  min-width: min-content;
  max-width: 100%;
  flex-shrink: 0;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (max-width: 575.98px) {
  .reviewed-change-item > .card-header {
    flex-wrap: wrap;
  }

  .reviewed-change-item > .card-header > div,
  .reviewed-change-item > .card-header > div > div {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}