/* ================================================
   PROFILE EXPERIENCE - Mobile
   Extrait de css/profile-experience.css (lignes 204-252)
   ================================================ */

/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
  .experience-section {
    padding: var(--space-4);
  }

  .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }

  .timeline {
    padding-left: var(--space-6);
  }

  .timeline-marker {
    left: -38px;
    width: 14px;
    height: 14px;
    border-width: 2px;
  }

  .timeline-header {
    flex-direction: column;
  }

  .timeline-actions {
    width: 100%;
    justify-content: flex-end;
  }

  .form-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .experience-section {
    padding: var(--space-3);
  }

  .timeline-content {
    padding: var(--space-3);
  }

  .timeline-header h4 {
    font-size: var(--font-md);
  }
}