/* CKEditor Prose Overrides */
.prose {
    max-width: 100% !important;
}

/* Fix CKEditor image alignments and sizing */
.prose figure.image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1.5rem auto;
}

.prose figure.image img {
    margin: 0;
    max-width: 100%;
}

.prose figure.image-style-align-left {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
    clear: none;
}

.prose figure.image-style-align-right {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
    clear: none;
}

.prose figure.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.prose figure.image figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: #6b7280;
    background: #f9fafb;
    padding: .6rem;
    font-size: .875rem;
    outline-offset: -1px;
}

/* Let inline style widths work for images (CKEditor adds style="width: 50%" to figure or img) */
.prose img {
    margin-top: 0;
    margin-bottom: 0;
}

/* Bullet points fix for Tailwind Typography */
.prose ul {
    list-style-type: disc !important;
    padding-left: 1.5rem !important;
}

.prose ol {
    list-style-type: decimal !important;
    padding-left: 1.5rem !important;
}

.prose li {
    display: list-item !important;
}