/**
 * Description: This is the Style Sheet for My Related Posts Plugin
 * Author:      Jörg-Detlef Schröder
 * Version:     2.0
 * Date:		2025-08-03
 */

.my-related-posts {
    margin-top:2em;
    border-top:2px solid #ccc;
    padding-top:1.5em;
}

.related-posts-grid {
    display:flex;
    gap:1em;
    flex-wrap:wrap;
}

.related-post {
    flex:1 1 30%;
    text-decoration:none;
    color:inherit;
}

.related-post img {
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto .4em;
}

.related-title {
    display:block;
	font-size:.875rem;
}

.no-thumbnail {
    width:100%;
    padding:2em 0;
    background:#eee;
    text-align:center;
    font-size:0.9em;
    color:#666;
    border-radius:5px;
}