/* --- CORE POST-BODY STYLING (THE 11JT% SYNC) --- */
.post-body {
    position: relative;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px; 
    color: #334155; /* Slate-700 */
    line-height: 1.8; 
    letter-spacing: -0.01em;
}

.post-body p {
    margin-bottom: 28px;
}

/* Heading: Tegas & Clean */
.post-body h1, .post-body h2, .post-body h3, 
.post-body h4, .post-body h5, .post-body h6 {
    color: #0f172a; /* Slate-900 */
    line-height: 1.25;
    margin: 48px 0 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.post-body h1 { font-size: 30px; }
.post-body h2 { font-size: 24px; border-left: 4px solid #f12f3f; padding-left: 15px; }
.post-body h3 { font-size: 20px; }

/* --- UPDATE: GAMBAR POSTINGAN OTOMATIS SYNC --- */
.post-body img {
    width: 100% !important;        /* Wajib selebar container */
    height: auto !important;       /* Biar gak distorsi manual */
    aspect-ratio: 16 / 9;         /* RASIO EMAS: Sama persis kayak thumbnail sistem */
    object-fit: cover;            /* POTONG OTOMATIS: Biar foto gak gepeng/distorsi */
    border-radius: 4px;           /* Modern touch */
    margin: 10px 0 15px 0;        /* Spacing bawah biar gak nempel teks */
    display: block;
}

/* FIX KHUSUS: Untuk gambar yang dibungkus div .separator (Style Blogger) */
.post-body .separator {
    clear: both;
    text-align: center;
    margin-bottom: 15px;
    width: 100%;                  /* Pastikan separator juga full width */
}

.post-body .separator a {
    margin-left: 0 !important;    /* Hapus margin bawaan editor */
    margin-right: 0 !important;
    width: 100%;
    display: block;
}

.post-body .separator img {
    margin: 0 auto;               /* Center jika ada sisa space */
}

.post-body a {
    color: #f12f3f;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px solid rgba(241, 47, 63, 0.2);
    transition: all .2s ease;
}

.post-body a:hover {
    background-color: rgba(241, 47, 63, 0.05);
    border-bottom: 1px solid #f12f3f;
}

/* SISTEM LIST PROFESIONAL (UL & OL) */
.post-body ul, .post-body ol {
    padding: 0;
    margin: 25px 0;
}

.post-body li {
    margin: 15px 0;
    position: relative;
    list-style: none;
}

/* Unordered List (Bullet Red) */
.post-body ul li {
    padding-left: 25px;
}

.post-body ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    background-color: #f12f3f;
    border-radius: 50%;
}

/* Ordered List (Angka 1. 2. 3.) */
.post-body ol {
    counter-reset: post-counter;
}

.post-body ol li {
    padding-left: 35px;
    counter-increment: post-counter;
}

.post-body ol li:before {
    content: counter(post-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 900;
    color: #0f172a;
    font-family: 'Montserrat', sans-serif;
}

/* --- SPECIAL: LIST BOLD SYNC --- */
.post-body li b:first-child, 
.post-body li strong:first-child {
    color: #0f172a;
    font-weight: 800;
}

/* Blockquote Modern */
.post-body blockquote {
    position: relative;
    background-color: #f8fafc;
    color: #1e293b; 
    padding: 30px 30px 30px 40px;
    margin: 40px 0;
    border-radius: 0 4px 4px 0;
    font-style: italic;
    border-left: 4px solid #0f172a;
    font-size: 1.1em;
}

/* --- SPECIAL: HR SYNC --- */
.post-body hr {
    border: 0;
    border-top: 2px solid #f1f5f9;
    margin: 50px 0;
}