.changelog-intro { padding: 86px 0 66px; max-width: 680px; }
.changelog-intro > p:not(.eyebrow) { color: var(--muted); font-size: 17px; line-height: 1.7; margin: 0; }
.changelog-intro .date-note { font-size: 12px !important; margin-top: 18px !important; max-width: 570px; }
.release-list { border-top: 1px solid var(--line); margin-bottom: 88px; }
.release-entry { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 80px; padding: 42px 0; border-bottom: 1px solid var(--line); }
.release-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; font-size: 13px; line-height: 1.5; }
.release-meta time { color: var(--fg); font-weight: 500; }
.release-meta span { color: var(--muted); font-size: 12px; }
.release-content h2 { font-size: 27px; margin: 0 0 21px; }
.release-content ul { margin: 0; padding-left: 18px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.release-content li { margin: 0 0 11px; padding-left: 3px; }
.release-content li:last-child { margin-bottom: 0; }
.release-content li::marker { color: #9a9a90; font-size: 10px; }
@media (max-width: 1000px) { .release-entry { grid-template-columns: 176px minmax(0, 1fr); gap: 40px; } }
@media (max-width: 760px) {
    .changelog-intro { padding: 48px 0 40px; }
    .release-entry { grid-template-columns: minmax(0, 1fr); gap: 23px; padding: 32px 0; }
    .release-meta { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 9px 18px; }
    .release-content h2 { font-size: 25px; }
    .release-list { margin-bottom: 60px; }
}

.release-download-placeholder { text-decoration: underline; text-underline-offset: 4px; opacity: .6; cursor: default; }