.md-content .mermaid {
  display: flex;
  justify-content: center;
}

#project-status {
  margin-top: 0.75rem;
}

.status-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.status-pill {
  display: inline-flex;
  align-items: stretch;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(18, 23, 30, 0.08);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
}

.status-pill__label,
.status-pill__value {
  padding: 0.42rem 0.72rem;
  display: inline-flex;
  align-items: center;
}

.status-pill__label {
  background: #4a5565;
  color: #f7fafc;
  text-transform: uppercase;
}

.status-pill__value {
  color: #fff;
}

.status-pill__value--success {
  background: #2f855a;
}

.status-pill__value--info {
  background: #2b6cb0;
}

.status-pill__value--failure {
  background: #c53030;
}

@media (max-width: 700px) {
  .status-pills {
    gap: 0.45rem;
  }

  .status-pill {
    font-size: 0.68rem;
  }

  .status-pill__label,
  .status-pill__value {
    padding: 0.4rem 0.62rem;
  }
}