/**
 * Shared "posts grid with ads" — heading + 3-col × 2-row grid (4 articles
 * + 2 random sponsored-ad placeholders).
 *
 * Used by must-read-grid (תוכן שאסור לפספס), may-interest-grid (אולי
 * יעניין אותך גם), and any future section that follows the same pattern.
 *
 * Card visuals come from .hm-card-md (article-card.css). Heading visuals
 * come from .hm-section-heading (single.css).
 *
 * @package Hamechadesh
 */

.hm-posts-grid {
	margin-block-start: 50px;
}

.hm-posts-grid__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

@media (max-width: 767px) {
	.hm-posts-grid__grid {
		grid-template-columns: 1fr;
	}
}