/* Receptengidsen: de gecureerde lijst op een gidspagina en de chip op een recept. */
.kj-gids { display: grid; gap: 22px; margin: 28px 0; }
.kj-gids__item {
	display: grid; grid-template-columns: 180px 1fr; gap: 18px;
	background: var(--kj-surface, #fff); border: 1px solid var(--kj-line, #e2e1d6);
	border-radius: var(--kj-radius, 10px); padding: 16px; align-items: start;
}
.kj-gids__media { display: block; }
.kj-gids__img { width: 180px; height: 135px; object-fit: cover; border-radius: var(--kj-radius-sm, 6px); display: block; }
.kj-gids__title { margin: 0 0 6px; font-size: 1.15rem; line-height: 1.3; }
.kj-gids__title a { text-decoration: none; }
.kj-gids__note { margin: 0 0 6px; }
.kj-gids__proof { margin: 0; font-size: .85rem; color: var(--kj-muted, #67705c); }
@media (max-width: 560px) {
	.kj-gids__item { grid-template-columns: 1fr; }
	.kj-gids__img { width: 100%; height: auto; aspect-ratio: 4 / 3; }
}
.kj-gids-chips { margin: 14px 0 0; font-size: .9rem; }
.kj-gids-chips__label { color: var(--kj-muted, #67705c); }
.kj-gids-chip {
	display: inline-block; padding: 3px 12px; border-radius: 999px;
	background: var(--kj-green-050, #eef2e2); text-decoration: none; margin: 0 4px 4px 0;
}

/* Het volwaardige gids-template: intro, deel/zoek-balk en kaartraster. */
.kj-gidspage__intro { margin-bottom: var(--kj-space-5, 20px); }
.kj-gidspage__bar {
	display: flex; flex-wrap: wrap; gap: 14px 26px; align-items: center;
	margin: 0 0 18px; padding: 14px 16px;
	background: var(--kj-surface, #fff); border: 1px solid var(--kj-line, #e2e1d6);
	border-radius: var(--kj-radius, 10px);
}
.kj-gidspage__zoek { display: flex; gap: 8px; flex: 1 1 300px; }
.kj-gidspage__zoek input[type="search"] {
	flex: 1; min-width: 0; padding: 9px 14px;
	border: 1px solid var(--kj-line, #e2e1d6); border-radius: var(--kj-radius-sm, 6px);
}
.kj-gids-pick { display: flex; flex-direction: column; }
.kj-gids-pick .kj-card { flex: 0 0 auto; }
.kj-gids-pick__note {
	margin: 10px 2px 4px; padding: 10px 14px; font-size: .92rem; line-height: 1.5;
	background: var(--kj-green-050, #eef2e2); border-radius: var(--kj-radius-sm, 6px);
}
.kj-gids-pick .kj-gids__proof { margin: 2px 4px 0; font-size: .82rem; color: var(--kj-muted, #67705c); }

/* Generieke gidsonderdelen: bewijsregel, favoriet, secties, verwant, zoek-CTA. */
.kj-gidspage__bewijs { margin: 0 0 14px; font-weight: 600; color: var(--kj-muted, #67705c); }
.kj-gidspage__deel { margin: 0 0 18px; }
.kj-gids-fav { margin: 0 0 26px; }
.kj-gids-fav__label { margin: 0 0 10px; }
.kj-gids-fav__kaart {
	display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); gap: 20px;
	background: var(--kj-surface, #fff); border: 2px solid var(--kj-green-050, #eef2e2);
	border-radius: var(--kj-radius, 10px); padding: 18px; align-items: center;
}
.kj-gids-fav__img { width: 100%; height: auto; border-radius: var(--kj-radius-sm, 6px); display: block; }
.kj-gids-fav__titel { margin: 0 0 8px; font-size: 1.4rem; }
.kj-gids-fav__titel a { text-decoration: none; }
.kj-gids-fav__note { margin: 0 0 8px; }
@media (max-width: 700px) { .kj-gids-fav__kaart { grid-template-columns: 1fr; } }
.kj-gidspage__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.kj-gidspage__sectiekop { margin: 26px 0 12px; }
.kj-gidspage__verwant { margin: 26px 0 0; }
.kj-gidspage__meer {
	margin: 30px 0 0; padding: 20px; text-align: center;
	background: var(--kj-surface, #fff); border: 1px solid var(--kj-line, #e2e1d6);
	border-radius: var(--kj-radius, 10px);
}
.kj-gidspage__meer .kj-gidspage__zoek { max-width: 520px; margin: 10px auto 0; }

/* Gidsverwijzing op zoek- en taxonomiepagina's. */
.kj-gids-chips--promo {
	margin: 0 0 16px; padding: 10px 14px;
	background: var(--kj-green-050, #eef2e2); border-radius: var(--kj-radius, 10px);
}
.kj-gids-chips--promo .kj-gids-chip { background: var(--kj-surface, #fff); font-weight: 600; }


/* Herontwerp in blokgrammatica: de zin en bewijsregel leven nu IN de kaart. */
.kj-card__note { margin: 6px 0 4px; font-size: .88rem; line-height: 1.5; color: var(--kj-muted, #67705c); }
.kj-card .kj-gids__proof { margin: 0 0 6px; font-size: .8rem; color: var(--kj-muted, #67705c); }
.kj-gidspage__bewijs {
	margin: 0 0 12px; font-weight: 600; color: var(--kj-green-700, #55701c);
	background: none; padding: 0;
}
.kj-gidspage__deel { margin: 14px 0 0; }
.kj-gidspage__deel .kj-share { margin: 0; }
.kj-gidspage__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 var(--kj-space-5, 20px); }
.kj-gidspage__sectie .kj-block__content { padding-top: var(--kj-space-4, 16px); }
.kj-gidspage__meer { text-align: center; }
.kj-gidspage__meer .kj-gidspage__zoek { max-width: 520px; margin: 8px auto 0; display: flex; gap: 8px; }
.kj-gidspage__meer .kj-gidspage__zoek input[type="search"] {
	flex: 1; min-width: 0; padding: 9px 14px;
	border: 1px solid var(--kj-line, #e2e1d6); border-radius: var(--kj-radius-sm, 6px);
}
.kj-gids-fav .kj-block__content h3 a { text-decoration: none; }

/* FAQ als nette uitklapregels. */
.kj-gids-faq { border-bottom: 1px solid var(--kj-line, #e2e1d6); padding: 10px 2px; }
.kj-gids-faq:last-child { border-bottom: none; }
.kj-gids-faq summary { font-weight: 600; cursor: pointer; }
.kj-gids-faq p { margin: 8px 0 0; max-width: 68ch; }

/* Zoekbalk bovenin de gids, onder de intro. */
.kj-gidspage__zoek--boven { display: flex; gap: 8px; margin: 14px 0 0; max-width: 560px; }
.kj-gidspage__zoek--boven input[type="search"] {
	flex: 1; min-width: 0; padding: 9px 14px;
	border: 1px solid var(--kj-line, #e2e1d6); border-radius: var(--kj-radius-sm, 6px);
}

/* De zoekknop breekt nooit in tweeen. */
.kj-gidspage__zoek .kj-btn, .kj-gidspage__zoek--boven .kj-btn { white-space: nowrap; flex: 0 0 auto; }

/* Gidstitel: het onderwerp groot en gecentreerd, de ondertitel stil eronder. */
.kj-pagehead--gids .kj-pagehead__inner { text-align: center; }
.kj-pagehead--gids h1 { margin-bottom: 0; }
.kj-pagehead__sub { display: block; margin-top: 0.3rem; font-size: 0.55em; font-weight: 400; color: var(--kj-muted); }