.changelog-intro{
align-items:flex-end}
.changelog-filters{
display:flex;
flex-wrap:wrap;
gap:6px;
padding:5px;
border:1px solid var(--line);
border-radius:12px;
background:#fff}
.changelog-filters button{
padding:8px 12px;
border:0;
border-radius:8px;
background:transparent;
color:var(--muted);
font:700 11px "DM Sans";
cursor:pointer}
.changelog-filters button[aria-pressed=true]{
background:#e8f0ec;
color:var(--green)}
.changelog-hero{
position:relative;
overflow:hidden;
padding:34px 36px;
border-radius:20px;
background:linear-gradient(135deg,#183b32 0%,#285a4c 70%,#3e7161 100%);
color:#fff;
box-shadow:var(--shadow);
margin-bottom:20px}
.changelog-release+.changelog-release{
margin-top:42px;
padding-top:42px;
border-top:1px solid var(--line)}
.changelog-hero::after{
content:"";
position:absolute;
width:280px;
height:280px;
right:-80px;
top:-130px;
border-radius:50%;
background:rgba(230,241,232,.09)}
.changelog-hero .eyebrow{
color:#bcd2c8;
margin:0 0 10px}
.changelog-hero h2{
position:relative;
max-width:720px;
margin:0 0 12px;
font:700 clamp(24px,3vw,36px)/1.2 Manrope}
.changelog-hero>p:last-child{
position:relative;
max-width:760px;
margin:0;
color:#d8e6df;
line-height:1.65}
.changelog-release-meta{
position:relative;
z-index:1;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
float:right}
.changelog-release-meta time{
color:#c9dcd3;
font-size:12px}
.version-badge{
padding:7px 11px;
border-radius:99px;
background:#dcebdd;
color:#214b3f;
font:700 11px Manrope;
letter-spacing:.03em}
.release-type-badge{
padding:6px 9px;
border:1px solid transparent;
border-radius:99px;
font:700 10px Manrope;
letter-spacing:.04em}
.release-type-badge.feature{
background:#dfeee7;
color:#245f4c}
.release-type-badge.bugfix{
background:#f7ead2;
color:#8a5b18}
.release-type-badge.release{
background:#e8e4f2;
color:#604b86}
.changelog-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px}
.changelog-card{
display:grid;
grid-template-columns:44px 1fr;
gap:16px;
padding:23px;
align-items:start}
.changelog-card-wide{
grid-column:1/-1}
.changelog-card h3{
margin:2px 0 13px;
font:700 16px Manrope}
.changelog-card ul{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:10px}
.changelog-card li{
position:relative;
padding-left:17px;
color:#5f6f68;
font-size:13px;
line-height:1.55}
.changelog-card li::before{
content:"";
position:absolute;
left:0;
top:.62em;
width:6px;
height:6px;
border-radius:50%;
background:#8db6a5}
.changelog-icon{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:13px;
font:700 18px Manrope}
.changelog-icon.speed{background:#e3f2e9;color:#237358}
.changelog-icon.market{background:#e8eff5;color:#42708e}
.changelog-icon.security{background:#eee9f7;color:#70549c}
.changelog-icon.reliability{background:#f7eddc;color:#9a6a20}
.changelog-icon.polish{background:#e9eeeb;color:#53675f}

html[data-public-route="changelog"] .auth-screen{display:none!important}
.public-changelog-screen{min-height:100vh;background:#f3f1e9;color:#18332b}
.public-changelog-header{border-bottom-color:rgba(24,59,50,.13)}
.public-back-link{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(24,59,50,.2);border-radius:99px;color:#18332b;text-decoration:none;font-size:11px;font-weight:700}
.public-back-link:hover{background:#e7ebe4}
.public-changelog-content{width:min(1120px,calc(100% - 64px));margin:auto;padding:80px 0 100px}
.public-changelog-intro{margin:0 0 38px}
.public-changelog-intro h1{margin:5px 0 8px;font:700 clamp(30px,4vw,48px)/1.1 Manrope;letter-spacing:-.045em}
.public-changelog-intro>div>p:last-child{color:#6d7c75}
.public-changelog-screen .panel{background:#fff}
.public-changelog-footer{padding-inline:max(32px,calc((100% - 1240px)/2))}

@media(max-width:900px){
.changelog-grid{
grid-template-columns:1fr}
.changelog-card-wide{
grid-column:auto}}

@media(max-width:620px){
.public-changelog-content{width:calc(100% - 36px);padding:52px 0 70px}
.public-changelog-intro{display:block}
.public-changelog-intro .changelog-filters{margin-top:24px}
.public-changelog-intro .changelog-filters button{flex:1}
.public-back-link{padding:9px 12px}
.changelog-intro{
align-items:stretch}
.changelog-filters{
width:100%}
.changelog-hero{
padding:26px 22px}
.changelog-release-meta{
float:none;
margin-bottom:24px}
.changelog-card{
grid-template-columns:36px 1fr;
padding:19px}
.changelog-icon{
width:36px;
height:36px;
border-radius:11px}}