/* Data-driven release timeline. */
.changelog-page{background:linear-gradient(180deg,#eaf2fb 0,#f7f9fd 48%,#f4f7fc 100%)}
.changelog-hero{min-height:286px}
.page-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,24,47,.5),rgba(8,42,76,.62))}
.page-hero-content{position:relative;padding:128px 0 74px;text-align:center}
.page-hero-kicker{color:rgba(220,235,255,.76);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.page-hero h1{margin-top:8px;font-size:clamp(32px,5vw,48px);line-height:1.18;letter-spacing:-1.2px}
.page-hero-content>p:last-child{max-width:620px;margin:10px auto 0;color:rgba(240,247,255,.86);font-size:15px}
.changelog-content{padding-bottom:54px}
.cl-layout{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);margin-top:-54px;border:1px solid #dbe6f2;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(24,62,102,.1);overflow:hidden}
.cl-side{padding:28px 17px 24px;background:linear-gradient(180deg,#f7faff,#f0f5fc);border-right:1px solid var(--line)}
.section-eyebrow{color:#6081aa;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cl-side h2{margin-top:5px;font-size:20px;line-height:1.3}
.cl-list{display:grid;gap:6px;margin-top:22px;list-style:none}
.cl-item{display:flex;align-items:center;width:100%;gap:9px;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);text-align:left;font-size:12px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.cl-item:hover{border-color:#c7d9f3;background:#fff;transform:translateX(1px)}
.cl-item.active{border-color:#a6c3f3;background:#eaf1ff;color:#2058b7;box-shadow:0 5px 14px rgba(47,115,245,.08)}
.cl-item .ver{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.cl-item .date{color:var(--muted-2);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cl-chip{margin-left:auto;padding:3px 6px;border-radius:999px;background:#e2f7ed;color:#16845a;font-size:9px;font-weight:800;white-space:nowrap}
.cl-main{min-width:0;padding:27px 38px 38px}
.cl-main-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e5edf6}
.cl-main-head h2{margin-top:5px;font-size:22px;line-height:1.3}
.cl-main-head>p{color:var(--muted-2);font-size:11px}
.cl-state{padding:8px 0;color:var(--muted-2);font-size:13px}
.cl-timeline{position:relative;padding:23px 0 4px 53px}
.cl-timeline::before{content:"";position:absolute;left:12px;top:25px;bottom:20px;width:1px;background:#cfdced}
.cl-timeline-item{position:relative;padding:0 0 28px;scroll-margin-top:20px}
.cl-timeline-item:last-child{padding-bottom:0}
.cl-timeline-marker{position:absolute;left:-47px;top:4px;width:10px;height:10px;border:3px solid #d5e2f5;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #fff}
.cl-timeline-item.active .cl-timeline-marker{width:12px;height:12px;left:-48px;top:3px;border-color:#4c84f3;background:#4c84f3;box-shadow:0 0 0 4px #e7efff}
.cl-timeline-body{padding:0 0 24px;border-bottom:1px solid #e7edf5}
.cl-timeline-item:last-child .cl-timeline-body{border-bottom:0;padding-bottom:0}
.cl-timeline-meta{display:flex;align-items:center;gap:9px;min-height:22px;color:var(--muted-2);font-size:11px;font-variant-numeric:tabular-nums}
.cl-chip-lg{padding:3px 8px;border-radius:999px;background:#e2f7ed;color:#16845a;font-size:9px;font-weight:800;white-space:nowrap}
.cl-timeline-body h3{margin-top:3px;color:var(--text);font-size:17px;line-height:1.35}
.cl-timeline-body h3 small{margin-left:9px;color:var(--muted);font-size:12px;font-weight:500}
.cl-content{display:grid;gap:7px;margin:11px 0 0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.7}
.cl-content li::marker{color:#5f8fe8}
.cl-empty{margin-top:10px;color:var(--muted-2);font-size:12px}
@media(min-width:821px){
  .cl-layout{height:calc(100vh - 286px);min-height:480px;align-items:stretch}
  .cl-side{min-height:0;overflow:hidden}
  .cl-main{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable}
}
@media(max-width:820px){
  .cl-layout{grid-template-columns:1fr;height:auto;min-height:0}
  .cl-side{padding:21px 16px 13px;border-right:0;border-bottom:1px solid var(--line)}
  .cl-list{display:flex;gap:7px;overflow-x:auto;margin-top:14px;padding-bottom:3px;-webkit-overflow-scrolling:touch}
  .cl-item{flex:0 0 auto;width:auto;white-space:nowrap;padding:8px 11px}
  .cl-item .cl-chip{margin-left:1px}
  .cl-main{height:auto;padding:23px 20px 32px;overflow:visible;overscroll-behavior:auto;scroll-behavior:auto;scrollbar-gutter:auto}
}
@media(max-width:560px){
  .changelog-hero{min-height:260px}
  .page-hero-content{padding:112px 0 62px}
  .cl-layout{margin-top:-38px;border-radius:15px}
  .cl-timeline{padding-left:36px}
  .cl-timeline::before{left:9px}
  .cl-timeline-marker{left:-31px}
  .cl-timeline-item.active .cl-timeline-marker{left:-32px}
  .cl-timeline-body h3{font-size:16px}
  .cl-timeline-body h3 small{display:block;margin:3px 0 0}
}