/* ====== EXPERIENCE TIMELINE ====== */
.experience-section {
    padding: var(--section-padding); background: var(--background-color); }

.experience-timeline {
    position: relative; max-width: 1000px; margin: 40px auto 0; }

.experience-timeline::before {
    content: ''; left: 50%; top: 0; bottom: 0; width: 3px; transform: translateX(-50%); }

.experience-item {
    margin-bottom: 50px; display: flex; align-items: center; }

.experience-item:nth-child(odd) {
    flex-direction: row; }

.experience-content {
    border-radius: var(--border-radius); box-shadow: var(--box-shadow); border: 1px solid var(--border-color); transition: var(--hover-transition); }

.experience-item:nth-child(odd) .experience-content {
    margin-right: auto; }

.experience-item:nth-child(even) .experience-content {
    margin-left: auto; }

.experience-dot {
    height: 20px; z-index: 2; }

.experience-date {
    color: white; font-size: 0.9rem; font-weight: 600; font-family: var(--font-family-base); }

.experience-location {
    gap: 5px; }

.experience-description {
    line-height: 1.6; }

.experience-tags {
    flex-wrap: wrap; }

body.dark-mode .experience-content {
    border-color: var(--dark-border-color); }

@media (max-width: 768px) {

    .experience-item {
        padding-left: 50px; }
}