.badge.lifecycle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.45rem;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  vertical-align: middle;
  border: 1px solid transparent;
}

.badge.lifecycle-experimental {
  background: #fff4db;
  color: #9a6700;
  border-color: #f4d58d;
}

.badge.lifecycle-stable {
  background: #e8f7ec;
  color: #0f6b3c;
  border-color: #b7e4c7;
}

.badge.lifecycle-deprecated {
  background: #fdecec;
  color: #b42318;
  border-color: #f5c2c7;
}

.badge.lifecycle-superseded {
  background: #eef2ff;
  color: #4338ca;
  border-color: #c7d2fe;
}

[data-bs-theme="dark"] .badge.lifecycle-experimental {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
  border-color: rgba(245, 158, 11, 0.42);
}

[data-bs-theme="dark"] .badge.lifecycle-stable {
  background: rgba(34, 197, 94, 0.18);
  color: #86efac;
  border-color: rgba(34, 197, 94, 0.42);
}

[data-bs-theme="dark"] .badge.lifecycle-deprecated {
  background: rgba(239, 68, 68, 0.18);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.42);
}

[data-bs-theme="dark"] .badge.lifecycle-superseded {
  background: rgba(99, 102, 241, 0.18);
  color: #c7d2fe;
  border-color: rgba(99, 102, 241, 0.42);
}