/* Combine with + Read also (prototype: Dienst.dc.html "Gerelateerd") */
.eba-cl { border-bottom: 1px solid var(--eba-rand); }
.eba-cl__binnen { max-width: var(--eba-max); margin: 0 auto; padding: var(--eba-pad-b) var(--eba-goot); display: flex; flex-wrap: wrap; gap: 48px; }
.eba-cl__kolom { display: grid; gap: 16px; align-content: start; min-width: 0; }
.eba-cl__kolom--combineer { flex: 1 1 320px; }
.eba-cl__kolom--lees { flex: 1.4 1 420px; }
.eba-cl__lijst { display: grid; gap: 10px; }
.eba-cl__dienst {
	display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 16px 18px;
	border: 1px solid var(--eba-rand); border-radius: 8px; text-decoration: none; color: var(--eba-tekst);
}
.eba-cl__dienst:hover { border-color: var(--eba-primair); color: var(--eba-link); }
.eba-cl__dienst-tekst { display: grid; gap: 2px; }
.eba-cl__dienst-naam { font: 700 1rem var(--eba-font-kop); }
.eba-cl__dienst-kort { font-size: 0.875rem; color: var(--eba-gedempt); }
.eba-cl__pijl { color: var(--eba-primair); font-size: 1.125rem; }
.eba-cl__artikels { display: grid; gap: 12px; }
.eba-cl__artikel {
	display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 16px; align-items: center; padding: 10px;
	border: 1px solid var(--eba-rand); border-radius: 8px; text-decoration: none; color: var(--eba-tekst);
}
.eba-cl__artikel:hover { border-color: var(--eba-primair); color: var(--eba-tekst); }
.eba-cl__foto { aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; }
.eba-cl__artikel-tekst { display: grid; gap: 4px; }
.eba-cl__cat { font-size: 0.75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--eba-link); }
.eba-cl__titel { font: 700 1rem/1.3 var(--eba-font-kop); }
.eba-cl__intro { font-size: 0.875rem; color: var(--eba-gedempt); }

/* Phones: a narrower photo so the article title keeps a readable column. */
@media (max-width: 29.999em) {
	.eba-cl__artikel { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; }
}