.changelog-state {
    padding: var(--space-6);
    border: 1px solid var(--color-cream-deep);
    background: var(--color-cream-warm);
}

.changelog-list {
    display: grid;
    gap: var(--space-4);
}

.changelog-item {
    border: 1px solid var(--color-cream-deep);
    background: var(--color-cream-warm);
    padding: var(--space-5);
    display: grid;
    gap: var(--space-3);
}

.changelog-item__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.changelog-item__title {
    font-family: var(--font-serif);
    font-size: var(--fs-lg);
    text-decoration: none;
    color: var(--color-ink);
}

.changelog-item__title:hover {
    color: var(--color-burgundy);
}

.changelog-item__prices {
    display: flex;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.changelog-item__delta {
    font-weight: 600;
    color: var(--color-ink);
}

.changelog-item__delta--up {
    color: var(--color-burgundy);
}

.changelog-item__delta--down {
    color: var(--color-green);
}