/* Give evidence/spec tables enough room without making the whole page overflow. */
:root {
    --content-max-width: min(1500px, calc(100% - 48px));
}

.content main {
    width: var(--content-max-width);
}

.content .table-wrapper {
    margin: 1em 0;
    max-width: 100%;
    overflow-x: auto;
}

.content .table-wrapper table {
    margin-inline-start: 0;
    margin-inline-end: 0;
    width: max-content;
    max-width: none;
}

.content .table-wrapper th,
.content .table-wrapper td {
    white-space: nowrap;
    vertical-align: top;
}

.content .table-wrapper td:last-child {
    min-width: 20rem;
    max-width: 44rem;
    white-space: normal;
}

@media only screen and (max-width: 700px) {
    :root {
        --content-max-width: calc(100% - 24px);
    }

    .content .table-wrapper td:last-child {
        min-width: 14rem;
    }
}
