.changelog-page{display:flex;flex-direction:column;min-height:100svh;background:radial-gradient(ellipse at 75% 25%,#09172b,transparent 60%),#02050c}
.changelog-page:before,.changelog-page:after{display:none}
.changelog-page #download-dots{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.4;mask-image:linear-gradient(90deg,transparent 20%,#0002 55%,#000 95%);-webkit-mask-image:linear-gradient(90deg,transparent 20%,#0002 55%,#000 95%)}
@media(max-width:700px){.changelog-page #download-dots{opacity:.22}}
.changelog-page .topbar{flex-shrink:0}
.changelog-main{flex:1;width:min(1040px,calc(100% - 80px));padding:64px 0 64px}
.journal-hero{min-height:0;padding:0 0 48px;gap:32px;align-items:center;overflow:visible}
.journal-hero:before,.journal-hero:after,.version-readout:after{display:none}
.journal-hero h1{font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-.035em}
.journal-hero>div:first-child>p:last-child{margin-top:16px;font-size:14px;color:#aab9cd}
.version-readout{min-width:160px;padding:4px 0 4px 24px;gap:8px}
.version-readout strong{font-size:24px}
.timeline-list{list-style:none;padding:0;margin:0}
.timeline-item{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:44px;padding-bottom:36px}
.timeline-item:before{content:"";position:absolute;left:191px;top:16px;bottom:-18px;width:1px;background:linear-gradient(#52e6ef80,#52e6ef20)}
.timeline-item:after{content:"";position:absolute;left:187px;top:13px;width:9px;height:9px;border-radius:50%;background:#80eee9;box-shadow:0 0 0 6px #52e6ef0c}
.timeline-date{padding-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.timeline-date time{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;color:#e2ecf7}
.timeline-date span{font-size:12px;color:#9cadc3}
.timeline-date a{margin-top:8px;font-size:13px;text-decoration:none;color:#86e8e6}
.release-entry{padding:0 0 0 0;scroll-margin-top:120px}
.release-heading{align-items:center;padding:4px 0 22px;border-bottom:1px solid #9cc6ed1a}
.release-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.025em}
.release-state{margin:0;padding:5px 9px;font-weight:500;font-size:11px}
.release-content{padding:28px 0 32px}
.release-kicker{font-size:12px;color:#8be8e4;margin:0 0 14px;font-weight:600}
.release-changes{margin:0;padding-left:18px;color:#e1eaf5;font-size:16px;line-height:1.8}
.release-changes li::marker{color:#839bb5;font-size:12px}
.update-advice{display:block;padding:16px 20px;background:#6ba5df08;border-left:2px solid #6ba5df40}
.update-advice strong{display:block;margin-bottom:6px;color:#cfdbeb;font-weight:600}
.update-advice p{color:#acbdd3;font-size:13px}
.release-source{margin-top:24px;align-items:center;line-height:1.6;color:#91a4bd;font-size:12px}
.timeline-end{margin:0 0 0 224px;padding-top:12px;font-size:12px;color:#91a4bd}
.changelog-page .page-footer{width:min(1040px,calc(100% - 80px));padding:22px 0 26px}
.timeline-date a:focus-visible{outline:2px solid #80eee9;outline-offset:5px}
.timeline-preview-note{margin:0 0 26px;color:#a3b4c9;font-size:12px;line-height:1.7}
.timeline-item{padding-bottom:38px;grid-template-columns:160px minmax(0,1fr);column-gap:44px}
.timeline-item:before{left:173px;top:16px;bottom:-16px;background:#75b5d42e}
.timeline-item:after{left:169px;top:13px;width:9px;height:9px;box-shadow:none}
.timeline-item:last-child:before{background:linear-gradient(#75b5d42e,transparent);bottom:0}
.timeline-date{gap:7px}
.timeline-date time{font-size:14px}
.release-heading{padding:5px 0 0;border:0;display:block}
.release-heading h2{font-size:22px;line-height:1.25}
.release-content{padding:12px 0 0}
.release-changes{font-size:14px;line-height:1.9}
.timeline-end{margin-left:204px;padding-top:0;line-height:1.8}
@media(max-width:700px){
 .changelog-main{width:calc(100% - 40px);padding:36px 0 44px}
 .journal-hero{display:block;padding:0 0 36px}
 .version-readout{margin-top:24px;padding:0;border:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
 .version-readout strong{font-size:18px}
 .timeline-item{display:block;padding:0 0 28px 24px}
 .timeline-item:before{left:4px;top:12px;bottom:-14px}
 .timeline-item:after{left:0;top:10px}
 .timeline-date{padding:4px 0 22px;gap:7px}
 .timeline-date time{font-size:15px}
 .timeline-date a{display:none}
 .release-heading h2{font-size:25px}
 .release-heading h2{font-size:21px}
 .release-source{align-items:flex-start;flex-direction:column;gap:12px}
 .timeline-end{margin-left:24px;line-height:1.7}
 .changelog-page .page-footer{width:calc(100% - 40px)}
}