/* ============================================
   NEXUS — Timeline (Win95 Style)
   ============================================ */

.timeline {
  position: relative;
  max-width: 700px;
  margin-inline: auto;
}

.timeline__line {
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--win95-blue);
}

.timeline__item {
  position: relative;
  padding-left: 50px;
  padding-bottom: var(--space-2xl);
}

.timeline__item:last-child {
  padding-bottom: 0;
}

.timeline__marker {
  position: absolute;
  left: 9px;
  top: 6px;
  width: 14px;
  height: 14px;
  background: var(--primary);
  border: 3px solid var(--bg-primary);
  z-index: 1;
}

.timeline__card {
  background: var(--surface-1);
  border: 3px solid;
  border-color: #505050 #000000 #000000 #505050;
  padding: var(--space-lg);
  transition: none;
}

.timeline__card:hover {
  border-color: #000000 #505050 #505050 #000000;
}

.timeline__date {
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-sm);
  display: block;
}

.timeline__title {
  font-size: 1rem;
  margin-bottom: var(--space-sm);
}

.timeline__text {
  font-size: 0.8125rem;
  color: var(--text-tertiary);
  line-height: 1.5;
}