.lifecycle {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--line);
}
.lifecycle > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 15px 17px;
  background: rgba(21,27,35,.96);
}
.lifecycle small { color: var(--muted); }
.lifecycle strong { overflow-wrap: anywhere; }
.lifecycle.warning { border-color: #f59e0b; }
.lifecycle.warning #countdown { color: #fbbf24; }
.lifecycle.urgent { border-color: var(--danger); }
.lifecycle.urgent #countdown { color: var(--danger); }
@media(max-width:700px){
  .lifecycle { grid-template-columns: repeat(2,minmax(0,1fr)); border-radius: 15px; }
  .lifecycle > div { padding: 13px; }
}
@media(max-width:380px){
  .lifecycle { grid-template-columns: 1fr; }
}