/* Professional Modern Resume Styles */

/* Clean highlight for key metrics only */
.timeline-text .metric {
  color: var(--orange-yellow-crayola);
  font-weight: var(--fw-500);
}

/* Subtle left border for timeline items */
.timeline-item {
  position: relative;
  padding-left: 20px;
  border-left: 2px solid transparent;
  transition: border-color 0.3s ease;
}

.timeline-item:hover {
  border-left-color: var(--orange-yellow-crayola);
}

/* Clean button styling */
.resume-buttons {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.btn-outline-yellow {
  padding: 8px 16px;
  font-size: 0.9rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.btn-outline-yellow:hover {
  background: var(--orange-yellow-crayola);
  color: var(--smoky-black);
  transform: translateY(-1px);
}

/* Professional section spacing */
.timeline {
  margin-bottom: 40px;
}

.timeline-item:not(:last-child) {
  margin-bottom: 30px;
}

/* Clean skill tags */
.skill-tag {
  font-size: 0.85rem;
  padding: 6px 12px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.skill-tag:hover {
  background: var(--orange-yellow-crayola);
  color: var(--smoky-black);
}

/* Subtle emphasis for achievements */
.achievement-highlight {
  color: var(--orange-yellow-crayola);
  font-weight: var(--fw-500);
}

.metric {
  color: var(--orange-yellow-crayola);
  font-weight: var(--fw-500);
  white-space: nowrap;
}