.cm-usersp-posts-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    flex-direction: column;
}

.cm-usersp-post-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    align-items: center;
    padding: 10px;
	    margin:0;
    border: 1px solid #ecedee;
    border-radius: 10px;
}

.cm-usersp-post-item .post-actions {
    padding: 0;
    display: flex;
    gap: 10px;
    flex-direction: row;
}

.post-status {
    font-size: 16px;
}

.cm-usersp-post-item .post-actions a {
    background-color: #f5f8fc;
    border: 1px solid #ecedee;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px;
}



.cm-usersp-post-item > div {
    word-break: break-word;
}
/* Separate actions visually */

@media (max-width: 768px) {
	.cm-usersp-posts-list {
    display: grid;
    grid-template-columns: 1fr;
}
	
	
	
	
    .cm-usersp-post-item {
      display: grid
;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "title title"
        "status status"
        "actions actions";
        gap: 16px;
        align-items: start;
		margin: 0 10px;
    }
    .cm-usersp-post-item .post-title {
        grid-area: title;
    }
    .cm-usersp-post-item .post-status {
        grid-area: status;
    }
    .cm-usersp-post-item .post-actions {
        grid-area: actions;
    }
    .cm-usersp-post-item .post-created,
    .cm-usersp-post-item .post-updated {
        display: none;
    }
}