.ck-editor__editable_inline {
        min-height: 500px;
    }

    /* Base CKEditor content styling container */
    .ck-content {
    line-height: 1.6;
    }
    /* Default desktop styles */
    .ckeditor-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    }

    /* Style the image container */
    .ckeditor-content figure.image {
    margin: 0;
    max-width: 50%;
    flex-shrink: 0;
    }

    /* Left aligned */
    .ckeditor-content .image-style-align-left {
    float: left;
    margin-right: 20px;
    }

    /* Right aligned */
    .ckeditor-content .image-style-align-right {
    float: right;
    margin-left: 20px;
    }

    /* Paragraph styles */
    .ckeditor-content p {
    flex: 1;
    margin: 0 0 15px;
    }

    /* Make blockquote behave like a normal paragraph for layout */
    .ck-content blockquote {
        display: block;
        margin: 0 0 1rem;
        overflow: hidden; /* helps with float wrapping */
    }

    /* Ensure blockquotes don’t collapse or misalign */
    .ck-content blockquote p {
        margin: 0;
    }

    /* Wraps text properly beside floated images */
    .ck-content blockquote {
        overflow: auto;
    }

    @media (max-width: 768px) {
        .ckeditor-content {
            display: block;
        }

        .ckeditor-content figure.image,
        .ckeditor-content .image-style-align-left,
        .ckeditor-content .image-style-align-right {
            float: none !important;
            margin: 0 0 15px 0;
            max-width: 100% !important;
            width: 100% !important;
            display: block;
        }

        .ckeditor-content figure.image img {
            width: 100% !important;
            height: auto;
            display: block;
        }

        .ck-content blockquote {
            display: block;
            width: 100%;
        }

        .ck-content {
            --ck-image-style-spacing: 0px !important;
        }
    }