.timeline-lightbox {
     position: fixed;
     inset: 0;
     z-index: 2000;
     background: rgba(0, 0, 0, 0.9);
     display: none;
     align-items: center;
     justify-content: center;
 }
 
 .timeline-lightbox.is-open {
     display: flex;
 }
 
 .timeline-lightbox-content {
     position: relative;
     width: min(1100px, 92vw);
     height: min(80vh, 760px);
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .timeline-lightbox-img {
     max-width: 100%;
     max-height: 100%;
     border-radius: 10px;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
 }
 
 .timeline-lightbox-close {
     position: absolute;
     top: -44px;
     right: 0;
     background: rgba(255, 255, 255, 0.12);
     border: 1px solid rgba(255, 255, 255, 0.2);
     color: #fff;
     border-radius: 10px;
     padding: 8px 12px;
 }
 
 .timeline-lightbox-nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 44px;
     height: 44px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.25);
     background: rgba(255, 255, 255, 0.12);
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .timeline-lightbox-prev { left: -56px; }
 .timeline-lightbox-next { right: -56px; }
 
 @media (max-width: 768px) {
     .timeline-lightbox-prev { left: 10px; }
     .timeline-lightbox-next { right: 10px; }
     .timeline-lightbox-close { top: 10px; right: 10px; }
 }