main {
    margin-top: 15px;
}

/* Slide up only on small screens */
@media (max-width: 576px) {
    .modal.modal-slide-up .modal-dialog {
        transform: translateY(100%);
    }

    .modal.modal-slide-up.show .modal-dialog {
        transform: translateY(0);
    }
}

/* Rendered documentation */
.docs-content h1,
.docs-content h2,
.docs-content h3,
.docs-content h4,
.docs-content h5,
.docs-content h6 {
    margin-top: 1.5rem;
}

.docs-content h1:first-child,
.docs-content h2:first-child {
    margin-top: 0;
}

.docs-content p,
.docs-content li,
.docs-content blockquote {
    max-width: 80ch; /* A line of text stays readable, however wide the screen is */
}

.docs-content pre {
    overflow-x: auto;
}

.docs-content code {
    word-break: break-word;
}

.docs-content table {
    display: block;
    overflow-x: auto; /* A wide table scrolls itself rather than the page */
}

.docs-entry {
    color: var(--bs-success); /* An entry point is not an ordinary link, so it is not link blue */
    font-weight: 600;
}

.docs-entry:hover {
    color: var(--bs-success);
}

.docs-columns {
    column-width: 16rem; /* The collection is a set of columns, not one long page */
    column-gap: 2rem;
}

.docs-columns h3 {
    break-after: avoid; /* A folder never ends a column on its own heading */
}

.docs-columns > section,
.docs-columns .docs-group {
    break-inside: avoid; /* A folder is never cut in half by a column */
}

.docs-span {
    column-span: all; /* A folder taller than a column takes the full width and columns its own contents */
}