/* Small-screen fixes that don't belong to any one component's scoped CSS. */

@media (max-width: 600px) {
    /* Syncfusion rich-text editor (Components/Blog/RichTextEditor.razor). It has no scoped CSS
       file of its own, so its small-screen rules live here. The fixed 400px height leaves almost
       no room to type once the toolbar and keyboard are up. */
    .e-richtexteditor .e-rte-content {
        min-height: 240px;
    }

    .e-richtexteditor {
        height: auto !important;
    }
}