/* =========================
   News Article Badges
   ========================= */

.news-article-body li {
  margin-bottom: var(--space-md, 1rem);
}

.news-article-body li:last-child {
  margin-bottom: 0;
}

.news-article-body li.news-badge-group-start {
  margin-top: var(--space-xl, 3rem);
}

.news-article-body li.news-badge-group-start:first-child {
  margin-top: 0;
}

.news-badge {
  display: inline-block;
  padding: 0.15em 0.6em;
  margin-right: 0.5em;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
  vertical-align: middle;
}

.news-badge-feature {
  background: color-mix(in srgb, var(--color-success-bright) 18%, transparent);
  color: var(--color-success-bright);
}

.news-badge-change {
  background: color-mix(in srgb, var(--color-warning) 18%, transparent);
  color: var(--color-warning);
}

.news-badge-fixed {
  background: color-mix(in srgb, #4dabf7 18%, transparent);
  color: #4dabf7;
}

.news-badge-breaking {
  background: color-mix(in srgb, var(--color-danger) 18%, transparent);
  color: var(--color-danger);
}