#postBodyEditor {
    white-space: pre-wrap;
    word-wrap: break-word;
}

#postBodyEditor img {
    max-width: 75%;
    height: auto;
    display: inline;
    border-radius: 4px;
    shape-outside: margin-box;
    -webkit-shape-outside: margin-box;
}

#postBodyEditor img.align-left {
    float: left;
    clear: none;
    margin: 0 1rem 0.5rem 0;
}

#postBodyEditor img.align-right {
    float: right;
    clear: none;
    margin: 0 0 0.5rem 1rem;
}

#postBodyEditor::after {
    content: "";
    display: block;
    clear: both;
}

#postBodyEditor:focus {
    outline: none;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

#postBodyEditor strong {
    font-weight: bold;
}

#postBodyEditor em {
    font-style: italic;
}

#postBodyEditor h1 {
    font-size: 1.75em;
    font-weight: bold;
    margin: 0.5em 0;
}

#postBodyEditor h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.4em 0;
}

/* Styles for rendered post content */
.post-content h1 {
    font-size: 1.75em;
    font-weight: bold;
    margin: 0.5em 0;
}

.post-content h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.4em 0;
}

.post-content strong {
    font-weight: bold;
}

.post-content em {
    font-style: italic;
}

.post-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
    border-radius: 4px;
}

.post-content.post-content-details::after {
    content: "";
    display: block;
    clear: both;
}

.post-content.post-content-details img {
    max-width: 75%;
    display: inline;
    shape-outside: margin-box;
    -webkit-shape-outside: margin-box;
}

.post-content.post-content-details img.align-left,
.post-content.post-content-details img:not(.align-left):not(.align-right) {
    float: left;
    clear: none;
    margin: 0 1rem 0.5rem 0;
}

.post-content.post-content-details img.align-right {
    float: right;
    clear: none;
    margin: 0 0 0.5rem 1rem;
}

.post-content p {
    margin-bottom: 0.5rem;
}

.post-title {
    font-size: 3em;
    font-weight: bold;
    margin: 0.5em 0;
}

@media (max-width: 768px) {
    .post-title {
        font-size: 2em;
    }
}