/* Shared editor layout; content styles on the public website stay independent. */
.main-panel .fr-box,
.main-panel .cke {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

.main-panel .cms-rich-text-field > label {
    position: static;
    display: block;
    transform: none;
    margin-bottom: 8px;
    color: #555;
}

.main-panel .fr-box:not(.fr-fullscreen) {
    margin-bottom: 12px;
}

.main-panel .fr-toolbar {
    border-top-color: #9c27b0;
}

.main-panel .fr-box:not(.fr-fullscreen) .fr-element {
    min-height: 220px;
    max-height: 480px;
    overflow: auto;
    overflow-wrap: break-word;
}

.main-panel .fr-box:not(.fr-fullscreen) .CodeMirror,
.main-panel .fr-box:not(.fr-fullscreen) textarea.fr-code {
    min-height: 220px;
    max-height: 480px;
}

.main-panel .cms-rich-text-field > small {
    display: block;
    line-height: 1.5;
}

@media (max-width: 575px) {
    .main-panel .fr-toolbar .fr-command.fr-btn {
        margin-left: 0;
        margin-right: 0;
    }

    .main-panel .fr-box:not(.fr-fullscreen) .fr-element {
        padding: 12px;
    }
}