.sjs-blog-feed {
    max-width: 1200px;
    margin: 40px auto;
    text-align: center;
}

#sjs-feed-container {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    gap: 20px;
}

.sjs-blog-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform .2s ease;
}
.sjs-blog-card:hover { transform: translateY(-3px); }

.sjs-blog-thumb {
    height: 200px;
    background-size: cover;
    background-position: center;
}

.sjs-blog-info { padding: 15px; text-align: left; }
.sjs-blog-info h3 { margin: 10px 0; font-size: 1.2rem; }
.sjs-blog-meta { font-size: .85rem; color: #777; }

#sjs-load-more {
    margin: 20px auto;
    padding: 10px 20px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}
#sjs-load-more:hover { background: #333; }
#sjs-no-more { color: #999; }


.sjs-blog-feed-heading {
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}