.site-header { text-align: left; width: min(var(--ud-container), 100%); margin: 0 auto; }
.container { padding-top: 24px; padding-bottom: 84px; }

.feed-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 22px;
}

.card { overflow: hidden; }
.card img { width: 100%; height: 250px; object-fit: cover; display: block; background: var(--ud-surface); }
.card-body { padding: 20px; }
.card-title,
.card h2 { margin: 0 0 8px; font-size: 21px; color: var(--ud-text); }
.card-meta { margin: 0 0 10px; color: var(--ud-primary-2); font-size: 13px; font-weight: 800; }
.card-desc,
.card p { margin: 12px 0 0; color: var(--ud-text-soft); line-height: 1.65; }
#message { text-align: center; margin-top: 24px; }

@media (max-width: 700px) { .card img { height: 220px; } }