.term-timeline {
  display: flex;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}
.term-timeline-step {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  border-top: 2px solid var(--color-base-300);
  padding: 1rem .25rem 0;
}
.term-timeline-marker {
  position: absolute;
  top: -.35rem;
  left: 1rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background: var(--color-base-300);
}
.term-timeline-content { padding: .5rem .25rem; border-radius: .5rem; }
.term-timeline-label { min-height: 3rem; }
.term-timeline-decision .term-timeline-content {
  background: color-mix(in oklab, var(--color-warning) 16%, transparent);
}
.term-timeline-decision .term-timeline-marker { background: var(--color-warning); }
.term-timeline-terminal .term-timeline-marker { background: var(--color-base-content); }
.term-timeline-terminal .term-timeline-content { background: var(--color-base-200); }
.term-timeline-former { border-top-style: dashed; }
.term-timeline-former .term-timeline-content { opacity: .55; }
@media (max-width: 767px) {
  .term-timeline { flex-direction: column; }
  .term-timeline-label { min-height: 0; }
  .term-timeline-step {
    border-top: 0;
    border-left: 2px solid var(--color-base-300);
    padding: 0 0 .5rem 1rem;
    margin-left: .25rem;
  }
  .term-timeline-marker { top: 1.1rem; left: -.35rem; }
  .term-timeline-former { border-left-style: dashed; }
}