/* =================================================================== */
/* GAYA UNTUK IKLAN DI SAMPING KONTEN ARTIKEL
/* =================================================================== */

/* Aturan ini hanya berlaku di desktop. */
@media (min-width: 1024px) {

  /* 1. Jadikan pembungkus baru ini sebagai flex container */
    .article-body-wrapper {
        display: flex;
        flex-direction: row; 
        align-items: flex-start; /* Sejajarkan item ke bagian atas */
        gap: 24px; /* Jarak antara teks artikel dan iklan */
        
        /* [DITAMBAHKAN] Kunci agar iklan bisa "mendarat" di akhir konten */
        position: relative; 
    }

    /* 2. Atur kontainer teks artikel Anda agar fleksibel */
    .article-body-wrapper .post-text {
        /* Biarkan kontainer teks mengisi sisa ruang yang tersedia */
        flex: 1;
        /* Mencegah teks keluar dari kontainer jika terlalu panjang */
        min-width: 0; 
    }

    /* 3. Buat kontainer untuk iklan baru di samping */
    .article-body-wrapper .post-sidebar-ad {
        width: 160px; /* Lebar standar untuk iklan vertikal */
        flex-shrink: 0; /* Mencegah iklan menyusut */
        
        /* [OPSIONAL] Beri transisi agar perubahan posisi mulus */
        transition: top 0.1s ease;
    }
}