.changelog{width:var(--container-width);max-width:var(--container-max);margin:0 auto;font-size:1.0625rem}.changelog h1,.changelog h2,.changelog h3,.changelog h4{color:var(--titleColor);font-family:var(--font-heading);letter-spacing:-.01em;margin:0;font-weight:700}.changelog a{color:var(--articleLinkColor);transition:color var(--transition);text-decoration:none}.changelog a:hover{color:var(--articleLinkHoverColor)}.changelog :focus-visible{outline:2px solid var(--buttonColorPrimary);outline-offset:3px;border-radius:3px}.changelog .sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.changelog .intro{padding:10px 0 34px}.changelog .kicker{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 14px;font-size:.8rem;font-weight:600;display:flex}.changelog .kicker:before{content:"";background:var(--accent);width:22px;height:2px}.changelog h1{text-wrap:balance;margin-bottom:14px;font-size:clamp(2.1rem,1.5rem + 2vw,3rem);line-height:1.08}.changelog .lead{max-width:54ch;color:var(--textColor);margin:0;font-size:1.2rem;line-height:1.55}.changelog .proof{border-bottom:1px solid var(--borderPrimary);grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:40px;display:grid}.changelog .stats,.changelog .rythme{min-width:0}.changelog .stats{background:var(--borderPrimary);border:1px solid var(--borderPrimary);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.changelog .stat{background:var(--backgroundColorSecondary);padding:18px 20px}.changelog .stat b{color:var(--titleColor);font-family:var(--font-heading);letter-spacing:-.01em;font-size:1.75rem;font-weight:700;line-height:1.1;display:block}.changelog .stat span{color:color-mix(in srgb, var(--textColor) 92%, var(--backgroundColorSecondary));margin-top:5px;font-size:.9rem;line-height:1.4;display:block}.changelog .stat.live b{color:var(--buttonColorPrimary)}.changelog .stat.live b:before{content:"";border-radius:var(--radius-pill);background:var(--accent);vertical-align:middle;width:9px;height:9px;margin-right:9px;animation:2.2s ease-in-out infinite changelog-pulse;display:inline-block}@keyframes changelog-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.changelog .stat.live b:before{animation:none}}.changelog .rythme{background:var(--backgroundColorSecondary);border:1px solid var(--borderPrimary);border-radius:14px;padding:20px 22px 16px}.changelog .rythme-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.changelog .rythme h2{font-size:1rem;font-weight:600}.changelog .hint{color:color-mix(in srgb, var(--textColor) 88%, var(--backgroundColorSecondary));font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;margin:0}.changelog .frise{align-items:flex-end;gap:5px;height:92px;margin:0;padding:0;list-style:none;display:flex}.changelog .frise li{flex:1;margin:0;display:flex}.changelog .frise button{height:100%;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:0;display:flex}.changelog .frise button[aria-disabled=true]{cursor:default}.changelog .frise button u{background:color-mix(in srgb, var(--buttonColorPrimary) 45%, var(--backgroundColorSecondary));transition:background var(--transition-fast);border-radius:3px 3px 0 0;text-decoration:none;display:block}.changelog .frise button:hover u,.changelog .frise button.now u{background:var(--buttonColorPrimary)}.changelog .frise .void u{border-top:1px dashed var(--borderPrimary);background:0 0;border-radius:0}.changelog .frise em{color:color-mix(in srgb, var(--textColor) 88%, var(--backgroundColorSecondary));font-family:var(--font-mono);letter-spacing:.03em;text-align:center;font-size:.7rem;font-style:normal}.changelog .frise button:hover em,.changelog .frise button.now em{color:var(--titleColor)}.changelog .years{color:color-mix(in srgb, var(--textColor) 88%, var(--backgroundColorSecondary));font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.changelog .years li{border-top:1px solid var(--borderPrimary);margin:0;padding-top:6px}.changelog .month{margin-top:44px}.changelog .month-head{border-bottom:1px solid var(--titleColor);flex-wrap:wrap;align-items:baseline;gap:16px;padding-bottom:10px;display:flex}.changelog .month-head h2{font-size:1.75rem}.changelog .now-tag{border:1px solid var(--buttonColorPrimary);border-radius:var(--radius-pill);color:var(--buttonColorPrimary);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;padding:3px 9px;font-size:.7rem}.changelog .counts{color:color-mix(in srgb, var(--textColor) 92%, var(--backgroundColorPrimary));font-family:var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;gap:6px;margin:0 0 0 auto;font-size:.76rem;display:flex}.changelog .counts span+span:before{content:"·";opacity:.6;margin-right:6px}.changelog .sec{padding:22px 0 4px}.changelog .sec+.sec{border-top:1px solid var(--borderPrimary)}.changelog .sec>.sec-title{color:color-mix(in srgb, var(--textColor) 94%, var(--backgroundColorPrimary));letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:12px;font-size:.82rem;font-weight:600;display:flex}.changelog .sec>.sec-title i{border-radius:2px;flex:none;width:8px;height:8px}.changelog .sec>.sec-title b{color:color-mix(in srgb, var(--textColor) 82%, var(--backgroundColorPrimary));font-family:var(--font-mono);font-size:.76rem;font-weight:400}.changelog .sec-done>.sec-title{color:color-mix(in srgb, var(--buttonColorPrimary) 70%, var(--titleColor))}.changelog .sec-done>.sec-title i{background:var(--buttonColorPrimary)}.changelog .sec-in-progress>.sec-title{color:color-mix(in srgb, var(--accent) 74%, var(--titleColor))}.changelog .sec-in-progress>.sec-title i{border:1.5px solid var(--accent)}.changelog .sec-fix>.sec-title i{background:color-mix(in srgb, var(--textColor) 86%, var(--backgroundColorPrimary))}.changelog .entries{margin:0;padding:0;list-style:none}.changelog .entries li{border-top:1px solid var(--borderPrimary);color:var(--textColor);text-wrap:pretty;margin:0;padding:9px 0;font-size:1rem;line-height:1.6}.changelog .entries li:first-child{border-top:0}.changelog .entries a{font-weight:500}.changelog .sec-keep{padding-top:4px}.changelog .keeps{background:var(--borderPrimary);border:1px solid var(--borderPrimary);border-radius:12px;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.changelog .keeps li{background:var(--backgroundColorSecondary);color:var(--textColor);border:0;grid-template-columns:112px 1fr;gap:14px;margin:0;padding:14px 18px;font-size:1.02rem;line-height:1.55;display:grid}.changelog .keeps .tag{color:var(--buttonColorPrimary);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;padding-top:3px}.changelog .past{margin-top:52px}.changelog .past>h2{margin-bottom:2px;font-size:1.4rem}.changelog .past>p{max-width:64ch;color:color-mix(in srgb, var(--textColor) 92%, var(--backgroundColorPrimary));margin:0 0 18px;font-size:1rem}.changelog details{border-top:1px solid var(--borderPrimary)}.changelog .months{border-bottom:1px solid var(--borderPrimary)}.changelog summary{cursor:pointer;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:16px;padding:16px 2px;list-style:none;display:grid}.changelog summary::-webkit-details-marker{display:none}.changelog summary .month-title{white-space:nowrap;transition:color var(--transition-fast);font-size:1.22rem}.changelog summary:hover .month-title{color:var(--linkHoverColor)}.changelog details[open] summary .month-title{color:var(--titleColor)}.changelog summary .gist{-webkit-line-clamp:2;line-clamp:2;color:color-mix(in srgb, var(--textColor) 92%, var(--backgroundColorPrimary));-webkit-box-orient:vertical;margin:0;font-size:.97rem;line-height:1.45;display:-webkit-box;overflow:hidden}.changelog summary .chev{align-self:center;width:11px;height:11px;position:relative}.changelog summary .chev:before,.changelog summary .chev:after{content:"";background:var(--textColor);border-radius:1px;position:absolute}.changelog summary .chev:before{height:1.5px;inset:5px 0 auto}.changelog summary .chev:after{width:1.5px;transition:transform var(--transition-fast);inset:0 auto 0 5px}.changelog details[open] summary .chev:after{transform:scaleY(0)}.changelog details .body{padding:0 2px 26px}.changelog details .counts{margin:0}@media (width<=860px){.changelog summary{grid-template-columns:1fr auto auto}.changelog summary .gist{order:4;grid-column:1/-1}}.changelog .gap{border-top:1px solid var(--borderPrimary);color:color-mix(in srgb, var(--textColor) 86%, var(--backgroundColorPrimary));align-items:center;gap:14px;margin:0;padding:14px 2px;font-size:.95rem;display:flex}.changelog .gap span{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.changelog .arch{border-top:1px solid var(--borderPrimary);margin-top:46px;padding-top:26px}.changelog .arch h2{margin-bottom:6px;font-size:1.4rem}.changelog .arch>p{color:color-mix(in srgb, var(--textColor) 92%, var(--backgroundColorPrimary));margin:0 0 18px;font-size:1rem}.changelog .arch-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.changelog .arch-list li{margin:0}.changelog .arch-list a{border:1px solid var(--borderPrimary);background:var(--backgroundColorSecondary);color:var(--textColor);transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:16px;padding:16px 20px;display:grid}.changelog .arch-list a:hover{border-color:var(--linkHoverColor);color:var(--linkHoverColor)}.changelog .arch-list b{color:var(--titleColor);font-family:var(--font-heading);letter-spacing:-.01em;font-size:1.5rem}.changelog .arch-list span{color:color-mix(in srgb, var(--textColor) 92%, var(--backgroundColorSecondary));font-size:.97rem}.changelog .arch-list em{font-size:1.1rem;font-style:normal}.changelog .arch-intro{border-bottom:1px solid var(--borderPrimary);padding-bottom:26px}.changelog .arch-intro h1{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.5rem)}.changelog .arch-intro .lead b{color:var(--titleColor);font-weight:600}.changelog .year-nav{font-family:var(--font-mono);flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.changelog .year-nav li{margin:0}.changelog .year-nav a,.changelog .year-nav b{border:1px solid var(--borderPrimary);border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.04em;transition:var(--transition-fast);padding:7px 15px;font-weight:400;display:block}.changelog .year-nav a{color:var(--textColor)}.changelog .year-nav a:hover{color:var(--linkHoverColor);border-color:var(--linkHoverColor)}.changelog .year-nav b{background:var(--backgroundColorSecondary);color:var(--titleColor);border-color:var(--titleColor)}.changelog .arch-months{margin-top:34px}.changelog .arch-months>p{max-width:70ch;color:color-mix(in srgb, var(--textColor) 92%, var(--backgroundColorPrimary));margin:0 0 18px;font-size:1rem}.changelog .arch-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-top:36px;font-size:1rem;display:flex}.changelog .arch-foot span{gap:18px;display:flex}.changelog-egg{z-index:2000;background:color-mix(in srgb, var(--backgroundColorPrimary) 88%, transparent);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.changelog-egg[hidden]{display:none}.changelog-egg .panel{box-sizing:border-box;background:var(--backgroundColorSecondary);border:2px solid var(--buttonColorPrimary);width:100%;max-width:440px;color:var(--titleColor);font-family:var(--font-display);text-align:center;border-radius:14px;padding:26px 26px 20px}.changelog-egg h2{color:var(--buttonColorPrimary);font-family:var(--font-display);letter-spacing:.06em;margin:0 0 4px;font-size:1.45rem}.changelog-egg .sub{color:color-mix(in srgb, var(--textColor) 88%, var(--backgroundColorSecondary));font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;font-size:.68rem}.changelog-egg dl{text-align:left;gap:9px;margin:0 0 22px;font-size:1.05rem;display:grid}.changelog-egg dl>div{align-items:baseline;gap:10px;display:flex}.changelog-egg dt{color:color-mix(in srgb, var(--textColor) 90%, var(--backgroundColorSecondary));font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.7rem}.changelog-egg dd{color:var(--titleColor);margin:0 0 0 auto}.changelog-egg dd b{color:var(--buttonColorPrimary)}.changelog-egg .dots{border-bottom:1px dotted var(--borderPrimary);flex:1;transform:translateY(-3px)}.changelog-egg button{border:2px solid var(--borderPrimary);border-radius:var(--radius-pill);color:var(--titleColor);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;transition:var(--transition-fast);background:0 0;padding:9px 22px;font-size:1rem}.changelog-egg button:hover{border-color:var(--buttonColorPrimary);color:var(--buttonColorPrimary)}.changelog-egg button:focus-visible{outline:2px solid var(--buttonColorPrimary);outline-offset:3px}.changelog-egg .egg-hint{color:color-mix(in srgb, var(--textColor) 80%, var(--backgroundColorSecondary));font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:14px 0 0;font-size:.62rem}@media (prefers-reduced-motion:no-preference){.changelog-egg{animation:.18s ease-out changelog-egg-in}.changelog-egg .panel{animation:.22s cubic-bezier(.2,.8,.3,1) changelog-egg-pop}.changelog-egg dd b{animation:1.6s step-end infinite changelog-egg-blink}}@keyframes changelog-egg-in{0%{opacity:0}}@keyframes changelog-egg-pop{0%{transform:translateY(10px)scale(.97)}}@keyframes changelog-egg-blink{50%{opacity:.55}}@media (width<=720px){.changelog .stats{grid-template-columns:repeat(2,1fr)}.changelog .stat b{font-size:1.4rem}.changelog .rythme{border-left:0;border-right:0;border-radius:0;padding:18px 0 14px}.changelog .rythme-head,.changelog .years{padding-left:16px;padding-right:16px}.changelog .frise{gap:6px;height:84px;padding:0 16px;overflow-x:auto}.changelog .frise li{flex:0 0 30px}.changelog .years{display:none}.changelog .counts{width:100%;margin-left:0}.changelog .keeps li{grid-template-columns:1fr;gap:6px;padding:13px 15px}.changelog .month-head h2{font-size:1.45rem}.changelog .arch-list a{grid-template-columns:1fr auto;padding:14px 16px}.changelog .arch-list span{grid-column:1/-1}.changelog .arch-foot{flex-direction:column;gap:12px}}
