.changelog{padding-block:4rem 7rem}.changelog .changelog-entry{border-top:1px solid var(--mk-rule);grid-template-columns:12rem minmax(0,1fr);align-items:start;gap:clamp(2rem,7vw,7rem);padding-block:3.5rem;scroll-margin-top:1rem;display:grid}.changelog .changelog-entry:first-child{border-top:0;padding-top:0}.changelog .changelog-when{gap:.35rem;display:grid;position:sticky;top:1rem}.changelog .changelog-when time{color:var(--mk-orange-dark);font-size:.84rem;font-weight:600}.changelog .changelog-when p+p{color:var(--mk-muted);font-size:.82rem;line-height:1.4}.changelog .changelog-body{min-width:0}.changelog .changelog-body h2{letter-spacing:-.025em;text-wrap:balance;max-width:30ch;font-size:clamp(1.6rem,3vw,2.35rem);font-weight:650;line-height:1.08}.changelog .changelog-summary{max-width:62ch;margin-top:1rem;font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.65}.changelog .changelog-body>p:not(.changelog-summary){max-width:70ch;color:var(--mk-muted);margin-top:1.1rem;line-height:1.65}.changelog .changelog-features{border-top:1px solid var(--mk-ink);max-width:72ch;margin-top:2.5rem}.changelog .changelog-feature{border-bottom:1px solid var(--mk-rule);padding-block:1.75rem;scroll-margin-top:1rem}.changelog .changelog-feature h3{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:650;line-height:1.2}.changelog .changelog-feature p{color:var(--mk-muted);margin-top:.65rem;line-height:1.65}.changelog .changelog-why strong{color:var(--mk-ink);font-weight:600}.changelog .changelog-group{max-width:72ch;margin-top:2.5rem}.changelog .changelog-group h3{border-bottom:1px solid var(--mk-ink);font-family:var(--font-barlow), sans-serif;padding-bottom:.75rem;font-size:.9rem;font-weight:600;line-height:1.25}.changelog .changelog-group li{border-bottom:1px solid var(--mk-rule);color:var(--mk-muted);padding-block:.9rem;line-height:1.6}.changelog .changelog-body>p.changelog-next{margin-top:2rem}.changelog .changelog-body a{color:var(--mk-ink);text-underline-offset:.22em;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.changelog .changelog-body a:hover{text-decoration-thickness:2px}@media (max-width:767px){.changelog{padding-top:2.5rem}.changelog .changelog-entry{grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:2.5rem}.changelog .changelog-when{flex-wrap:wrap;gap:.25rem 1rem;display:flex;position:static}}@media (pointer:coarse){.changelog .changelog-next a{align-items:center;min-height:2.75rem;display:inline-flex}}