/* Публичный блог + preview в дашборде: картинки в тексте */

.blog-body img,
.blog-preview img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1em 0;
    display: block;
}

.blog-body p,
.blog-preview p {
    margin: 0.75em 0;
}

.blog-body h2,
.blog-preview h2 {
    font-size: 1.35rem;
    font-weight: 800;
    margin: 1.25em 0 0.5em;
}

.blog-body h3,
.blog-preview h3 {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 1.1em 0 0.45em;
}

.blog-body blockquote,
.blog-preview blockquote {
    border-left: 3px solid var(--color-primary, var(--accent, #ec4899));
    padding-left: 0.75rem;
    margin: 0.75em 0;
    opacity: 0.9;
}

.blog-body ul,
.blog-preview ul,
.blog-body ol,
.blog-preview ol {
    margin: 0.75em 0;
    padding-left: 1.25rem;
}

.blog-body a,
.blog-preview a {
    color: var(--color-primary, var(--accent, #ec4899));
    text-decoration: underline;
}