// Mobile responsive adjustments
function adjustForMobile() {
    if (window.innerWidth < 768) {
        document.querySelectorAll('.timeline-pill').forEach(pill => {
            pill.style.gridColumn = '1 / -1';
        });
    }
}

// Initialize
window.addEventListener('DOMContentLoaded', () => {
    adjustForMobile();
    feather.replace();
});

// Handle window resize
window.addEventListener('resize', adjustForMobile);