.container.timer-changelog { max-width: 1140px; padding-inline: 24px; }
.timer-changelog .page-description { max-width: 560px; }
.changelog-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.changelog-timeline { margin-top: 36px; }
.changelog-release { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 32px; padding: 0 0 36px; scroll-margin-top: 28px; }
.changelog-meta { border-top: 1px solid var(--line-soft, #303038); padding-top: 20px; }
.changelog-kicker { color: var(--text-muted, #a1a1aa); font-size: 11px; letter-spacing: .09em; text-transform: uppercase; }
.changelog-meta h2 { margin: 9px 0 10px; font-size: 30px; font-weight: 600; letter-spacing: -.045em; overflow-wrap: anywhere; }
.changelog-meta h2 a { color: inherit; text-decoration: none; }
.changelog-meta h2 a:hover { color: #a5b4fc; }
.changelog-meta time { font-size: 13px; color: var(--text-muted, #a1a1aa); }
.changelog-notes { margin: 0; padding: 26px 30px; border-left: 2px solid #6366f1; min-width: 0; }
.changelog-note-group + .changelog-note-group { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line-soft, #303038); }
.changelog-platforms { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; font-size: 11px; font-weight: 500; }
.changelog-platforms span { border: 1px solid var(--line-soft, #303038); border-radius: 5px; padding: 5px 9px; color: #c7d2fe; }
.changelog-note-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.85; color: var(--text-secondary, #d4d4d8); }
.changelog-pagination { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: center; border-top: 1px solid var(--line-soft, #303038); padding-top: 24px; }
.changelog-pagination > div:last-child { justify-self: end; }
.changelog-empty { margin-top: 24px; }
.changelog-empty h2 { font-size: 22px; }
.changelog-empty .btn { margin-top: 14px; }
@media (max-width: 680px) {
    .changelog-release { grid-template-columns: 1fr; gap: 18px; padding-bottom: 32px; }
    .changelog-meta { padding-top: 16px; }
    .changelog-meta h2 { font-size: 26px; }
    .changelog-notes { padding: 20px; }
    .changelog-pagination { grid-template-columns: 1fr 1fr; }
    .changelog-pagination > span { grid-column: 1 / -1; grid-row: 2; text-align: center; }
}