/* Timeline Layout */
.timeline-container {
    position: relative;
    max-width: 1000px;
    margin: 2rem auto;
    padding: 2rem 0;
}

.timeline-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: var(--border-color);
    transform: translateX(-50%);
}

.timeline-item {
    position: relative;
    width: 50%;
    padding: 1rem 2rem;
}

.timeline-item.left { left: 0; text-align: right; }
.timeline-item.right { left: 50%; text-align: left; }

.timeline-dot {
    position: absolute;
    top: 1.5rem;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--accent-color);
    border: 3px solid var(--bg-primary);
}

.timeline-item.left .timeline-dot { right: -8px; }
.timeline-item.right .timeline-dot { left: -8px; }

.timeline-content {
    background: var(--bg-surface);
    padding: 1.25rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}

/* Mobile Responsiveness Override */
@media (max-width: 768px) {
    .timeline-line { left: 20px; }
    .timeline-item { width: 100%; left: 0 !important; text-align: left !important; padding-left: 50px; }
    .timeline-dot { left: 13px !important; }
}