#content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: start;
    align-items: stretch;
    gap: 0.6em;
    padding: 0.3em 1em 2em 1em;
}

.side { align-self: start; }
.main { flex: 1 1 80%; }

.side-heading {
    margin: 0em;
    line-height: 1.2;
}

.toc {
    font-size: 1.4rem;
}

.toc summary { cursor: pointer; }

.toc ul {
    list-style: none;
    margin-left: 0.8em;
}

#docs-sidebar {
    display: flex;
    flex-flow: row nowrap;
    min-width: fit-content;
}

#docs-sidebar-content {
    display: flex;
    flex-flow: column wrap;
}

#docs-sidebar-toggle { display: none; }
#docs-sidebar-hamburguer {
    display: none;

    min-width: 1rem;
    min-height: 1rem;
    color: var(--accent);
    margin: 1em 0 0 0.4em;
}

@media only screen and (max-width: 1100px) {
    #docs-sidebar-hamburguer { display: inline; }

    #docs-sidebar-toggle + #docs-sidebar-content { display:none; }
    #docs-sidebar-toggle:checked + #docs-sidebar-content {
        display:flex;
    }
}