/* Custom Timeline Styles for Working Experience */
.timeline {
  position: relative;
  padding-left: 30px;
  margin: 20px 0;
}
.timeline::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #8b4513, #a0522d);
  border-radius: 2px;
}
.timeline-item {
  position: relative;
  padding: 15px 0;
  padding-left: 25px;
}
.timeline-item::before {
  content: '';
  position: absolute;
  left: -26px;
  top: 20px;
  width: 14px;
  height: 14px;
  background: #8b4513;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.timeline-item:first-child::before {
  background: #b8860b;
  box-shadow: 0 0 8px rgba(184, 134, 11, 0.5);
}
.timeline-date {
  font-size: 0.9em;
  color: #8b4513 !important;
  font-weight: 700;
}
.timeline-title {
  font-weight: bold;
  margin: 5px 0;
  color: #000000 !important;
  font-size: 1.05em;
}
.timeline-org {
  color: #333333 !important;
  font-style: italic;
}

/* Dark mode support */
[data-theme="dark"] .timeline-date { color: #ffd700 !important; }
[data-theme="dark"] .timeline-title { color: #ffffff !important; }
[data-theme="dark"] .timeline-org { color: #e8d5b7 !important; }
[data-theme="dark"] .timeline-item::before { border-color: #333; }
[data-theme="dark"] .timeline::before { background: linear-gradient(180deg, #d4af37, #b8860b); }

@media (prefers-color-scheme: dark) {
  .timeline-date { color: #ffd700 !important; }
  .timeline-title { color: #ffffff !important; }
  .timeline-org { color: #e8d5b7 !important; }
  .timeline-item::before { border-color: #333; }
  .timeline::before { background: linear-gradient(180deg, #d4af37, #b8860b); }
}