.updates-container{max-width:100%;margin:0 auto;padding:2rem 0;}@media (min-width:768px){.updates-container{padding:3rem 0;}}.timeline-wrapper{position:relative;padding:4rem 0 2rem 0;margin:0 auto;}@media (min-width:640px){.timeline-wrapper{padding-top:5rem;}}.timeline-center-line{position:absolute;left:50%;top:0;bottom:3rem;width:2px;background:#e5e7eb;transform:translateX(-50%);}.dark .timeline-center-line{background:#222224;}@media (max-width:767px){.timeline-center-line{left:1rem;bottom:3rem;}}.timeline-item{position:relative;margin-bottom:3rem;display:flex;align-items:flex-start;}@media (max-width:767px){.timeline-item{padding-left:3rem;}}@media (min-width:768px){.timeline-item{justify-content:flex-end;}.timeline-item.left{justify-content:flex-start;}.timeline-item.right{justify-content:flex-end;}}.timeline-node{position:absolute;left:50%;top:1.5rem;width:0.625rem;height:0.625rem;border-radius:50%;background:#111827;border:2px solid #d1d5db;transform:translateX(-50%);z-index:10;box-shadow:0 0 0 4px rgba(255,255,255,1);transition:all 0.3s ease;}.dark .timeline-node{background:#f3f4f6;border-color:#4b5563;box-shadow:0 0 0 4px rgba(0,0,0,1);}.timeline-node.major{width:1.75rem;height:1.75rem;border-width:4px;box-shadow:0 0 0 6px rgba(255,255,255,1);animation:breathe 3s ease-in-out infinite;}.dark .timeline-node.major{box-shadow:0 0 0 6px rgba(0,0,0,1);}@keyframes breathe{0%,100%{box-shadow:0 0 0 6px rgba(209,213,219,0.3);}50%{box-shadow:0 0 0 10px rgba(209,213,219,0.6);}}.dark .timeline-node.major{animation:breatheDark 3s ease-in-out infinite;}@keyframes breatheDark{0%,100%{box-shadow:0 0 0 6px rgba(75,85,99,0.3);}50%{box-shadow:0 0 0 10px rgba(75,85,99,0.6);}}.timeline-node.pinned{background:#f59e0b;border-color:#fbbf24;}.dark .timeline-node.pinned{background:#fbbf24;border-color:#f59e0b;}.timeline-node.major.pinned{border-width:4px;}@media (max-width:767px){.timeline-node{left:1rem;}}.version-card-wrapper{width:100%;}@media (min-width:768px){.version-card-wrapper{width:calc(50% - 2rem);}}.version-card{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1.25rem;transition:all 0.2s ease;scroll-margin-top:6rem;}@media (min-width:640px){.version-card{padding:1.5rem;}}.version-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,0.06);}.dark .version-card{background:#0d0d0f;border-color:#27272a;}.dark .version-card:hover{border-color:#3f3f46;box-shadow:0 4px 12px rgba(0,0,0,0.3);}.version-card.highlighted{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1);animation:highlightPulse 1s ease-out;}.dark .version-card.highlighted{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,0.15);}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,0.4);}50%{box-shadow:0 0 0 8px rgba(59,130,246,0.1);}100%{box-shadow:0 0 0 3px rgba(59,130,246,0.1);}}.version-link{display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;transition:color 0.2s ease;}.version-link:hover{color:#3b82f6;}.dark .version-link:hover{color:#60a5fa;}.version-link-icon{opacity:0;transition:opacity 0.2s ease;font-size:1rem;color:#9ca3af;}.version-link:hover .version-link-icon{opacity:1;}.dark .version-link-icon{color:#6b7280;}.version-card::before{content:'';position:absolute;top:1.5rem;width:0;height:0;border:8px solid transparent;}@media (max-width:767px){.version-card::before{left:-16px;border-right-color:#e5e7eb;}.dark .version-card::before{border-right-color:#27272a;}}@media (min-width:768px){.timeline-item.left .version-card::before{right:-16px;border-left-color:#e5e7eb;}.dark .timeline-item.left .version-card::before{border-left-color:#27272a;}.timeline-item.right .version-card::before{left:-16px;border-right-color:#e5e7eb;}.dark .timeline-item.right .version-card::before{border-right-color:#27272a;}}.pinned-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;background:#fef3c7;color:#92400e;border-radius:0.25rem;font-size:0.75rem;font-weight:600;}.dark .pinned-badge{background:#78350f;color:#fef3c7;}.update-list{margin-top:1rem;}.update-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.5rem 0;}.update-bullet{flex-shrink:0;width:0.375rem;height:0.375rem;border-radius:50%;background:#9ca3af;margin-top:0.5rem;}.dark .update-bullet{background:#6b7280;}.empty-state{text-align:center;padding:4rem 1rem;}.page-header{margin:0 auto;text-align:left;padding-bottom:2rem;}.page-footer{margin:0 auto;}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}.page-header{animation:fadeInUp 0.6s ease-out;}@media (min-width:768px){.timeline-item.left .version-card{animation:slideInLeft 0.6s ease-out;animation-fill-mode:both;}.timeline-item.right .version-card{animation:slideInRight 0.6s ease-out;animation-fill-mode:both;}}@media (max-width:767px){.timeline-item .version-card{animation:fadeInUp 0.6s ease-out;animation-fill-mode:both;}}.timeline-item:nth-child(1) .version-card{animation-delay:0.1s;}.timeline-item:nth-child(2) .version-card{animation-delay:0.2s;}.timeline-item:nth-child(3) .version-card{animation-delay:0.3s;}.timeline-item:nth-child(4) .version-card{animation-delay:0.4s;}.timeline-item:nth-child(5) .version-card{animation-delay:0.5s;}@keyframes slideDown{from{opacity:0;transform:translate(-50%,-20px);}to{opacity:1;transform:translate(-50%,0);}}@keyframes slideUp{from{opacity:1;transform:translate(-50%,0);}to{opacity:0;transform:translate(-50%,-20px);}}

.timeline-node.major {
    background: var(--site-theme-color, #0071e3);
    border-color: var(--site-theme-color, #0071e3);
    animation: breatheMajor 3s ease-in-out infinite;
}
.dark .timeline-node.major {
    background: var(--site-theme-color, #0071e3);
    border-color: var(--site-theme-color-hover, #0b52c8);
}
.timeline-node.latest {
    background: #22c55e;
    border-color: #22c55e;
    width: 1rem;
    height: 1rem;
    border-width: 3px;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    animation: breatheLatest 3s ease-in-out infinite;
}
.dark .timeline-node.latest {
    background: #22c55e;
    border-color: #16a34a;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 1);
}
@keyframes breatheMajor {
    0%, 100% { box-shadow: 0 0 0 6px rgba(0, 113, 227, 0.22); }
    50% { box-shadow: 0 0 0 10px rgba(0, 113, 227, 0.4); }
}
@keyframes breatheLatest {
    0%, 100% { box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.22); }
    50% { box-shadow: 0 0 0 9px rgba(34, 197, 94, 0.4); }
}

.page-header h1{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--fg);}
@media (min-width:640px){.page-header h1{font-size:1.5rem;}}
.page-header p{margin:0;font-size:.875rem;color:var(--muted);}
.empty-state-icon{font-size:3rem;margin-bottom:.75rem;color:var(--muted-2);}
.empty-state p{color:var(--muted);font-size:.875rem;}
.version-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;}
.version-head h2{margin:0;font-size:1.125rem;font-weight:700;color:var(--fg);}
.version-date{font-size:.75rem;color:var(--muted);}
.update-empty{font-size:.875rem;color:var(--muted);font-style:italic;}