/* ============ EXPERIENCE (timeline) ============ */
#experience{ background: var(--surface-alt); }

/* ============ EDUCATION (timeline) ============ */
#education{ background: var(--surface-alt); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }

.timeline{
  position: relative;
  padding-left: 2rem;
  border-left: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
}

.timeline-item{ position: relative; }

.timeline-item::before{
  content: '';
  position: absolute;
  left: -2.4rem;
  top: 0.35rem;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: var(--paper-alt);
  border: 2px solid var(--accent);
}

.timeline-date{
  color: var(--muted);
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.4rem;
}

.timeline-item h3{ font-size: 1.3rem; font-weight: 700; margin-bottom: 0.5rem; }
.timeline-item p{ color: var(--muted); margin: 0; max-width: 58ch; }