/* Blok: kaarten */

.blitz-cards__intro { max-width: 640px; }

.blitz-cards__layout { display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; }
.blitz-cards__main { flex: 3 1 680px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.blitz-cards__aside { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }

.blitz-cards__group {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--b-muted);
}

.blitz-cards__square { width: 8px; height: 8px; border-radius: 2px; background: var(--b-ink); }
.blitz-cards__square--accent { background: var(--b-accent); outline: 1px solid var(--b-ink); }

.blitz-cards__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
	gap: 20px;
	flex: 1;
}

@media (min-width: 900px) {
	.blitz-cards__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.blitz-cards__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.blitz-cards__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.blitz-card__media { height: 220px; flex: none; }
.blitz-card--featured .blitz-card__media { height: 280px; }

.blitz-card__body { display: flex; flex-direction: column; gap: 14px; flex: 1; padding: 28px 26px; }
.blitz-card__n { font-size: 13px; color: var(--b-muted); }
.blitz-card__title { font-size: var(--b-fs-card); line-height: 1.2; font-weight: 700; letter-spacing: -.005em; }
.blitz-card__text { flex: 1; font-size: 16px; line-height: 1.7; color: var(--b-muted); }

/* Uitgelichte, donkere kaart */
.blitz-card--featured { flex: 1; background: var(--b-ink); color: var(--b-on-dark); border: 0; }
.blitz-card--featured .blitz-card__n { color: var(--b-accent); }
.blitz-card--featured .blitz-card__title { font-size: var(--b-fs-large); }
.blitz-card--featured .blitz-card__text { color: var(--b-on-dark-body); }
.blitz-card--featured .blitz-card__link { color: var(--b-accent); }

.blitz-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

.blitz-card__badge {
	padding: 6px 10px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 8px;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .8);
}