.lifecycle {
  width: 100%;
  max-width: 38rem;
  margin-top: 1rem;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

.lifecycle td {
  padding: .35rem .25rem;
  border: 0;
}

.lifecycle td:first-child {
  width: 1.5rem;
  padding-left: 0;
}

.lifecycle td:nth-child(3),
.lifecycle td:nth-child(4) {
  text-align: right;
  white-space: nowrap;
}

.lifecycle td:nth-child(3) { width: 4rem; }
.lifecycle td:nth-child(4) {
  width: 7.5rem;
  padding-right: 0;
}

.lifecycle-active,
.lifecycle-complete { color: var(--tes); }
.lifecycle-future { color: #9aaab5; }