html {
    font-size: 18px;
}

body {
    display: grid;
    justify-content: center;
    grid-template-columns: auto minmax(auto, 750px);
    gap: 20px;
    padding-bottom: 10vh;
}

.tocset, .maincolumn {
    float: none;
    margin: 0;
}

.tocviewlist table {
    font-size: 1rem;
}
.tocviewsublist table,
.tocviewsublistonly table,
.tocviewsublisttop table,
.tocviewsublistbottom table {
    font-size: 0.85rem;
}

.toclink, .toptoclink, .tocviewlink, .tocviewselflink {
    text-decoration: none;
}
.toclink:hover, .toptoclink:hover, .tocviewlink:hover, .tocviewselflink:hover {
    text-decoration: underline;
}

.maincolumn {
    width: auto;
}

h3 {
    font-size: 1.6em;
}
h4 {
    font-size: 1.3em;
}

.boxed, .SVerbatim, .stt {
    background-color: rgb(232, 232, 255);
    font-size: 0.90em;
}

@media (max-width: 600px) {
    body {
        grid-template-columns: 1fr;
    }

    .tocset {
        width: auto;
    }
}