/*
 * استایل‌های آماده‌ی «توضیحات کامل» پروژه (منوی «سبک» در CKEditor پنل) — هم در صفحه‌ی پروژه (.post-content) و هم داخل ویرایشگر (.ck-content).
 * کلاس‌ها در admin-project-form.js تعریف شده‌اند؛ اسم کلاس را عوض نکنید، چون در HTML ذخیره‌شده‌ی پروژه‌ها مانده است.
 */
.post-content .pj-c-lead, .ck-content .pj-c-lead { font-size: 1.22em; line-height: 2; color: #2e2e2e; }

.post-content .pj-c-note, .ck-content .pj-c-note {
    padding: 16px 20px; border-radius: 16px; background: #f3f3f3; border-inline-start: 4px solid #515151;
}
.post-content .pj-c-dark, .ck-content .pj-c-dark { padding: 18px 22px; border-radius: 16px; background: #515151; color: #fff; }
.post-content .pj-c-dark a, .ck-content .pj-c-dark a { color: #fff; }

.post-content .pj-c-line::after, .ck-content .pj-c-line::after {
    content: ""; display: block; width: 56px; height: 3px; margin-top: 10px; border-radius: 2px; background: #515151;
}
.post-content .pj-c-line[style*="center"]::after, .ck-content .pj-c-line[style*="center"]::after { margin-inline: auto; }

/* لیست تیک‌دار */
.post-content ul.pj-c-checks, .ck-content ul.pj-c-checks { list-style: none; padding-inline-start: 0; }
.post-content ul.pj-c-checks > li, .ck-content ul.pj-c-checks > li { position: relative; padding-inline-start: 34px; }
.post-content ul.pj-c-checks > li::before, .ck-content ul.pj-c-checks > li::before {
    content: "\2713"; position: absolute; inset-inline-start: 0; top: .35em; width: 22px; height: 22px; border-radius: 50%;
    background: #515151; color: #fff; font-size: 13px; line-height: 22px; text-align: center;
}

/* لیست کارتی: هر آیتم یک کارت، دو ستون (موبایل یک ستون) */
.post-content ul.pj-c-cards, .ck-content ul.pj-c-cards {
    list-style: none; padding-inline-start: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
.post-content ul.pj-c-cards > li, .ck-content ul.pj-c-cards > li { margin: 0; padding: 14px 18px; border-radius: 16px; background: #f3f3f3; line-height: 1.9; }
@media (max-width: 575px) {
    .post-content ul.pj-c-cards { grid-template-columns: 1fr; }
}

.post-content .pj-c-badge, .ck-content .pj-c-badge {
    display: inline-block; padding: 0 10px; border-radius: 30px; background: #515151; color: #fff; font-size: .8em; line-height: 1.9; vertical-align: middle;
}
.post-content .pj-c-mark, .ck-content .pj-c-mark { background: linear-gradient(transparent 58%, #ffe58a 58%); }

/* بلوک «HTML» ویرایشگر خودش ظاهری ندارد */
.post-content .raw-html-embed { margin: 0 0 1.4em; }
.post-content h4 { font-size: 19px; line-height: 1.6; margin: 1.4em 0 .5em; letter-spacing: 0; }