.item-changelog {
border-block-start: var(--border-width-r) solid var(--color-border);
padding-block: var(--spacing-r); }

.item-changelog h3 {
font-size: var(--font-size-2xl); }

.item-changelog time {
font-size: var(--font-size-s);
margin-block-end: var(--spacing-r);
text-transform: none; }

.item-changelog [data-layout="london"] {
grid-template-columns: var(--grid-12-col); }

.item-changelog [data-layout="london"] > *:nth-child(1) {
grid-column: 1 / 5; }

.item-changelog [data-layout="london"] > *:nth-child(2) {
grid-column: 5 / -1; }

[data-release-date-label] {
font-style: italic;
margin-block-end: var(--spacing-r); }

[data-release-status],
[data-changelog-chip],
[data-change-type] {
border: var(--border-width-r) solid var(--color-border);
border-radius: var(--border-radius-s);
display: inline-flex;
font-family: var(--font-family-alt);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-r);
gap: var(--spacing-xs);
inline-size: fit-content;
line-height: 1;
padding: .55em .75em; }

[data-release-body] {
margin-block-end: var(--spacing-r); }

[data-callouts] {
display: grid;
gap: var(--spacing-r);
margin-block-end: var(--spacing-r); }

[data-callout] {
border: var(--border-width-r) solid var(--color-border);
padding: var(--spacing-r); }

[data-callout] > *:last-child {
margin-block-end: 0; }

[data-requirements],
[data-downloads],
[data-change-list] {
list-style-type: none;
margin: 0 0 var(--spacing-r);
padding: 0; }

[data-requirements] li:before,
[data-downloads] li:before,
[data-change-list] li:before {
content: "";
display: none; }

[data-downloads] {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-s); }

[data-requirements-disclosure],
[data-downloads-disclosure] {
margin-block-end: var(--spacing-r); }

[data-requirements-disclosure] summary,
[data-downloads-disclosure] summary {
color: var(--color-text-link);
cursor: pointer;
font-family: var(--font-family-alt);
font-size: var(--font-size-s);
font-style: unset;
font-weight: var(--font-weight-r);
margin-block-end: var(--spacing-s); }

[data-requirements-disclosure][open] summary,
[data-downloads-disclosure][open] summary {
color: var(--color-text-accent);
margin-block-end: var(--spacing-r); }

[data-requirements] li {
margin-block-end: var(--spacing-s); }

[data-requirements] li:last-child {
margin-block-end: 0; }

[data-downloads] a {
display: inline-flex; }

[data-downloads] a[aria-disabled="true"] {
cursor: not-allowed;
filter: saturate(var(--saturate-down));
opacity: .4;
pointer-events: none; }

[data-change-list] {
display: grid;
gap: var(--spacing-r); }

[data-change-list] li {
display: grid;
gap: var(--spacing-s); }

[data-change-list] li > div > *:first-child {
margin-block-start: 0; }

[data-change-list] li > div > *:last-child {
margin-block-end: 0; }

[data-change-list] p {
font-size: var(--font-size-s); }

[data-change-type="feature"] {
background-color: var(--color-brand);
border-width: 0;
color: var(--color-text-alt); }

#previous-versions {
margin-block-start: var(--spacing-l); }

.legacy-releases {
margin-block-start: var(--spacing-l); }

@media screen and (min-width: 48em) {

[data-change-list] li {
align-items: start;
grid-template-columns: auto 1fr; }

}
