body.changelog-page{
    font-family:var(--changelog-font, Inter, system-ui, sans-serif);
    max-width:1180px;
    margin:24px auto;
    padding:0 20px;
    background:var(--changelog-bg, #0f172a);
    color:var(--changelog-text, #e5e7eb);
    background-image:var(--changelog-bg-image, none);
    background-size:cover;
    background-attachment:fixed;
}
.changelog-page .top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
    gap:12px;
}
.changelog-page .top h1{
    margin:0;
}
.changelog-page .btn{
    padding:10px 14px;
    border:0;
    border-radius:8px;
    background:var(--changelog-accent, #d97706);
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    display:inline-block;
}
.changelog-page .updates-wrap{
    padding:20px;
    border-radius:12px;
    background:linear-gradient(140deg,#251c1d,#000000ed);
    border:1px solid rgba(255,255,255,.25);
}
.changelog-page .updates-title{
    text-align:center;
    letter-spacing:1.2px;
    font-weight:800;
    color:var(--changelog-accent, #d97706);
    margin:4px 0 18px;
    text-transform:uppercase;
}
.changelog-page .updates-block{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    padding:14px 16px;
    margin-bottom:16px;
}
.changelog-page .updates-block h2{
    margin:0 0 12px;
    text-align:center;
    font-size:18px;
    color:var(--changelog-accent, #d97706);
    text-transform:uppercase;
    letter-spacing:.8px;
}
.changelog-page .updates-block ul{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:10px;
}
.changelog-page .updates-block li{
    line-height:1.45;
    padding-left:20px;
    position:relative;
}
.changelog-page .updates-block li::before{
    content:"";
    width:8px;
    height:8px;
    border:2px solid var(--changelog-accent, #d97706);
    border-radius:2px;
    position:absolute;
    left:0;
    top:.42em;
}
.changelog-page .updates-empty{
    margin:0;
    opacity:.9;
}