.split-container,
.main-layout {
    height: calc(100vh - 29px);
}

.facl-menu {
    display: flex;
    justify-content: space-between;
    background: aliceblue;
    border-bottom: 2px solid grey;
    max-height: 29px;
    overflow: hidden;
}

    .facl-menu .menu-links {
        padding: 2px;
        flex-grow: 1;
    }

    .facl-menu .menu-tools {
        padding: 1px;
        text-wrap: nowrap;
    }

    .facl-menu .menu-link {
        padding: 4px 1em;
        color: #333333;
        font-weight: 600;
    }

    .facl-menu a.menu-link:link {
        text-decoration: none;
    }

    .facl-menu a.menu-link:hover {
        text-decoration: underline;
    }

    .facl-menu select {
        cursor: pointer;
        margin: 0 0.5rem;
    }

.loading-progress .text {
    font-family: Helvetica, Arial, sans-serif;
}

.story-description {
    max-width: 80ch;
}

body.wide .docs-page .docs-main .docs-contents {
    max-width: none;
    min-width: 2024px;
}

.story-preview,
body.wide .docs-page .docs-main .docs-contents {
    transition: max-width 0.15s ease-out;
}

body.narrow .story-preview {
    max-width: 800px;
}

body.small .story-preview {
    max-width: 320px;
}

.controls-panel {
    max-width: 1000px;
}