.tracking-history { --tracking-history-gap: calc(var(--space-md) - var(--space-xs) / 2); display: flex; flex-direction: column; gap: var(--tracking-history-gap); margin: 0; padding: 0; list-style: none; }
.tracking-history__item { position: relative; display: grid; grid-template-columns: var(--size-tracking-marker) minmax(0, 1fr); align-items: start; gap: var(--space-sm); }
.tracking-history__item::after { position: absolute; content: ''; inset-inline-start: calc(var(--size-tracking-marker) / 2); inset-block-start: calc(var(--size-tracking-marker) + var(--space-xs)); inset-block-end: calc(var(--tracking-history-gap) / -2); border-inline-start: 1px solid var(--color-border-strong); }
.tracking-history__item--last::after { content: none; }
.tracking-history__marker { display: grid; place-items: center; width: var(--size-tracking-marker); height: var(--size-tracking-marker); margin-block-start: calc(var(--space-xs) / 2); border: 1px solid var(--color-border-subtle); border-radius: 50%; color: var(--color-on-accent); }
.tracking-history__item--completed .tracking-history__marker { background: var(--color-surface-badge); }
.tracking-history__item--current .tracking-history__marker { border: 0; background: linear-gradient(45deg, var(--color-gradient-start), var(--color-gradient-end)); }
.tracking-history__check { width: calc(var(--size-tracking-marker) / 2); height: calc(var(--size-tracking-marker) / 2); }
.tracking-history__copy { min-width: 0; }
.tracking-history__title { margin: 0; color: var(--color-on-accent); font-size: var(--fs-button); font-weight: 274; line-height: var(--lh-tight); letter-spacing: -.03em; }
.tracking-history__date { display: block; color: var(--color-text-muted); font-size: var(--fs-caption); font-weight: 274; line-height: var(--lh-tight); }