.srp-container {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    clear: both; /* Prevents layout issues with floated content */
    width: 100%;
}
.simple-related-posts-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5em; /* Space between items */
}
.srp-grid-item {
    flex: 1 1 calc(33.333% - 1.5em); /* Three columns on desktop */
    box-sizing: border-box;
}
.srp-grid-item a {
    display: block;
    text-decoration: none;
    color: inherit;
}
.srp-grid-item a:hover .srp-title {
    text-decoration: underline;
}
.srp-grid-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4; /* Modern way to maintain aspect ratio */
    object-fit: cover; /* Ensures images cover the area without distortion */
    border-radius: 5px;
    margin-bottom: 0.5em;
}
.srp-thumbnail-placeholder {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    background-color: #f0f0f0;
    border-radius: 5px;
    margin-bottom: 0.5em;
}
.srp-title {
    font-weight: 600;
    font-size: 0.9em;
    line-height: 1.4;
}
/* Responsive Breakpoints */
@media (max-width: 768px) {
    .srp-grid-item {
        flex: 1 1 calc(50% - 1.5em); /* Two columns on tablets */
    }
}
@media (max-width: 480px) {
    .srp-grid-item {
        flex: 1 1 100%; /* Single column on mobile */
    }
}