body.page-changelog .page {
    width: min(calc(100% - 48px), 1400px);
}

.changelog-content table {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 18px 0;
    overflow-x: auto;
    border-collapse: collapse;
    scrollbar-gutter: stable;
}

.changelog-content table tbody {
    display: table;
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    table-layout: fixed;
}

.changelog-content th,
.changelog-content td {
    min-width: 110px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    text-align: left;
    vertical-align: top;
}

.changelog-content th {
    color: #ffffff;
    background: rgba(30, 136, 229, 0.18);
    font-weight: 800;
}

.changelog-content td {
    background: rgba(255, 255, 255, 0.025);
}

.changelog-content a {
    color: #76b9ff;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.changelog-content u {
    text-underline-offset: 0.15em;
}

.changelog-content s {
    opacity: 0.78;
}

.changelog-content blockquote > :first-child,
.changelog-content li > :first-child {
    margin-top: 0;
}

.changelog-content blockquote > :last-child,
.changelog-content li > :last-child {
    margin-bottom: 0;
}

@media (max-width: 700px) {
    .changelog-content table tbody {
        min-width: 460px;
    }

    .changelog-content th,
    .changelog-content td {
        padding: 9px 10px;
    }
}
