.related-posts-box{
    grid-column:1/-1;

    background:#fcfbf8;
    border:1px solid #e4ddd2;

    border-radius:16px;

    padding:24px;
    margin:24px 0;

    box-shadow:
        0 2px 6px rgba(0,0,0,.03),
        0 8px 24px rgba(0,0,0,.02);
}

.related-posts-title{
    font-size:24px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:18px;
}

.related-posts-list{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(280px,1fr));

    gap:14px;
}

.related-post-link{
    display:flex;
    align-items:center;

    min-height:72px;

    padding:16px 18px;

    background:#f7f4ee;

    border:1px solid #e5dfd4;

    border-radius:12px;

    color:#374151;

    text-decoration:none;

    font-size:16px;
    font-weight:500;

    transition:.2s ease;
}

.related-post-link:hover{
    background:#efe8dd;

    border-color:#d5c7b5;

    color:#1e293b;

    transform:translateY(-2px);
}