/* The Changelog (magnum-release changelog): the Guide's page (guide.css), releases by month,
   newest first. */

.changelog-month { margin-top: 48px; scroll-margin-top: 88px; }
.guide-article .changelog-month > h2 {
    margin: 0;
    font: 500 13px/1.3 var(--mono);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-3);
}

.release {
    padding: 24px 0;
    border-bottom: 1px solid var(--line);
    scroll-margin-top: 88px;
}
.release:last-child { border-bottom: 0; }
.changelog-month > h2 + .release { padding-top: 16px; }
.guide-article .release h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 14px;
    margin: 0 0 12px;
    font: 500 18px/1.3 var(--mono);
    letter-spacing: -0.01em;
}
.guide-article .release h3 a { color: var(--ink); text-decoration: none; }
.guide-article .release h3 a:hover { color: var(--signal-ink); }
.release time {
    font: 400 13px/1.3 var(--mono);
    letter-spacing: 0;
    color: var(--ink-3);
}
.guide-article .release h4 {
    margin: 20px 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
}
.guide-article .release h3 + h4 { margin-top: 0; }
.guide-article .release p,
.guide-article .release ul { font-size: 16px; line-height: 1.6; }
.guide-article .release > :last-child { margin-bottom: 0; }

/* releases that said nothing: their versions, a run of them on one line */
.release-quiet { padding: 12px 0; }
.changelog-month > h2 + .release-quiet { padding-top: 12px; }
.guide-article .release-quiet h3 { margin: 0; font-size: 15px; color: var(--ink-3); }
.guide-article .release-quiet h3 a { color: var(--ink-2); }