/**
 * Markdown 正文中的图片：默认不占满整栏、居中；可用 class 覆盖。
 * 在正文里写 HTML，例如：
 * <img src="/_pub/images/content/xxx.jpg" alt="" class="content-img-sm" />
 */

.article-content img,
.job-section-content img,
.admin-preview-fidelity .article-content img,
.admin-preview-fidelity .job-section-content img {
    max-width: min(100%, 720px);
    width: auto;
    height: auto;
    display: block;
    margin: 1.25em auto;
    border-radius: 4px;
}

.article-content img.content-img-full,
.job-section-content img.content-img-full,
.admin-preview-fidelity .article-content img.content-img-full,
.admin-preview-fidelity .job-section-content img.content-img-full {
    max-width: 100%;
}

.article-content img.content-img-sm,
.job-section-content img.content-img-sm,
.admin-preview-fidelity .article-content img.content-img-sm,
.admin-preview-fidelity .job-section-content img.content-img-sm {
    max-width: min(100%, 360px);
}

.article-content img.content-img-md,
.job-section-content img.content-img-md,
.admin-preview-fidelity .article-content img.content-img-md,
.admin-preview-fidelity .job-section-content img.content-img-md {
    max-width: min(100%, 520px);
}

.article-content img.content-img-left,
.job-section-content img.content-img-left,
.admin-preview-fidelity .article-content img.content-img-left,
.admin-preview-fidelity .job-section-content img.content-img-left {
    margin-left: 0;
    margin-right: auto;
}

.article-content img.content-img-right,
.job-section-content img.content-img-right,
.admin-preview-fidelity .article-content img.content-img-right,
.admin-preview-fidelity .job-section-content img.content-img-right {
    margin-left: auto;
    margin-right: 0;
}