/* v2 polish for changelog. Shared rules live in /css/changelog.css. */

.changelog-intro-card,
.changelog-period {
    background: var(--v2-surface-1);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-lg);
    box-shadow: none;
}

.changelog-page-header {
    text-align: left;
    align-items: flex-start;
}

.changelog-admin-banner {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 767px) {
    .changelog-item-body {
        display: block;
        max-width: 100%;
        margin-top: 4px;
    }

    .changelog-links .v2-btn {
        width: 100%;
    }
}