/*
 * Blok: Lijst met vinkjes (template-parts/opsomming.php). Vanaf vijf punten in twee kolommen.
 */

.blok-opsomming__kaart { max-width: 900px; border-top: 6px solid var(--blok-accent); }
.blok-opsomming__kaart.is-lang { max-width: none; }
.blok-opsomming .blok__kop { margin-bottom: 18px; }
.blok-opsomming__lijst { display: grid; gap: 4px 36px; margin: 0; padding: 0; list-style: none; }
.blok-opsomming__kaart.is-lang .blok-opsomming__lijst { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blok-opsomming__punt { display: flex; align-items: flex-start; gap: 14px; padding: 10px 0; color: var(--swo-color-heading); border-bottom: 1px solid #EFE8E0; font-size: 18px; font-weight: 600; line-height: 1.5; }
.blok-opsomming__vink { display: inline-flex; flex: none; width: 30px; height: 30px; align-items: center; justify-content: center; margin-top: -1px; color: #FFFFFF; background: var(--blok-accent); border-radius: 50%; }
.blok-opsomming__vink svg { width: 18px; height: 18px; stroke-width: 3; }

@media (max-width: 760px) {
	.blok-opsomming__kaart.is-lang .blok-opsomming__lijst { grid-template-columns: minmax(0, 1fr); }
}

@media (forced-colors: active) {
	.blok-opsomming__vink { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }
}