.latest-posts-container-shortcode-ten {
    display        : flex;
    flex-direction : column;
}

.latest-post-item-outer-ten{
    display       : flex;
    align-items   : center;
    margin-bottom : 10px;
    border        : dotted rgba(0, 0, 0, .2);
    border-width  : 0 0 1px;
}
.latest-post-item-shortcode-ten {
    flex            : 1;
    width           : 100%;
    max-width       : 180px;
    aspect-ratio    : 16 / 9;
    margin-right    : 10px;
    overflow        : hidden;
    display         : flex;
    justify-content : center;
    align-items     : center;
    margin-bottom   : 10px;
}

.latest-post-item-shortcode-ten img {
    width      : 100%;
    height     : auto;
    object-fit : contain;
}


.latest-post-title-ten {
    flex            : 2;
    font-size       : 18px;
    margin          : 0;
    color           : black;
    text-decoration : none;
}
.latest-post-content-ten{
    display        : flex;
    flex-direction : column;
    max-width      : calc(100% - 180px); /* Adjust for image width + spacing */
}

.latest-post-content-ten a {
    color           : #000;
    font-weight     : 500;
    font-size       : 16px;
    line-height     : 1.5;
    text-decoration : none;
}
.latest-post-modified-date-ten {
    font-size : 14px;
    color     : gray;
    margin    : 5px 0;
}
@media (max-width: 767px) {
    .latest-post-item-shortcode-ten {
        display      : flex;
        align-items  : center;
        margin-right : 15px;
        min-width    : 108px;
        width        : inherit;
    }
    .post-content h3.latest-post-title-ten {
        margin : 20px 0 0 0;
    }
}