/* Vital Nexus Leerlingbegeleiding — approved 2026 editorial art direction. */
:root {
	--vn-lr-teal:#237b75;
	--vn-lr-teal-dark:#165d5b;
	--vn-lr-mint:#eefaf7;
	--vn-lr-lilac:#f7f1fc;
	--vn-lr-blue:#f0f7fc;
	--vn-lr-purple:#8b5fd0;
	--vn-lr-purple-dark:#7446be;
	--vn-lr-line:rgb(93 150 145 / .24);
	--vn-lr-shadow:0 18px 45px rgb(69 73 112 / .10);
}

.vn-learning-redesign {
	overflow:clip;
	color:#24454b;
	background:#fff;
}

.vn-learning-redesign :where(h1,h2,h3) {
	margin-top:0;
	color:var(--vn-lr-teal);
	font-family:var(--wp--preset--font-family--lora),Georgia,serif;
	overflow-wrap:normal;
	word-break:normal;
	hyphens:none;
}

.vn-learning-redesign :where(p,li) { line-height:1.72; }
.vn-learning-redesign figure { margin:0; }
.vn-learning-redesign .vn-learning-kicker {
	display:inline-flex;
	width:max-content;
	margin:0 0 1rem;
	padding:.4rem .72rem;
	border-radius:999px;
	background:rgb(139 95 208 / .12);
	color:var(--vn-lr-purple-dark);
	font-size:.72rem;
	font-weight:800;
	letter-spacing:.08em;
	line-height:1;
	text-transform:uppercase;
}

.vn-learning-redesign .vn-learning-script,
.vn-learning-redesign .vn-handwritten,
.vn-learning-redesign h1 span,
.vn-learning-redesign h2 span {
	color:var(--vn-lr-purple);
	font-family:var(--wp--preset--font-family--caveat),"Segoe Print",cursive;
	font-weight:600;
	letter-spacing:0;
}

.vn-learning-redesign .wp-block-button__link {
	display:inline-flex;
	min-height:48px;
	padding:.78rem 1.4rem;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:linear-gradient(135deg,var(--vn-lr-purple),#9e6be0);
	box-shadow:0 10px 25px rgb(139 95 208 / .20);
	font-weight:750;
	transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}

.vn-learning-redesign .wp-block-button__link:hover,
.vn-learning-redesign .wp-block-button__link:focus-visible {
	box-shadow:0 14px 30px rgb(139 95 208 / .28);
	transform:translateY(-2px);
}

.vn-learning-redesign .is-style-outline .wp-block-button__link {
	border:0;
	background:transparent!important;
	box-shadow:none;
	color:var(--vn-lr-purple-dark)!important;
}

.vn-learning-art img { width:100%;height:100%;object-fit:contain; }

/* Existing header plus one inline action. */
.vn-learning-header .vn-learning-header__inner {
	width:min(calc(100% - 32px),1660px);
	max-width:1660px;
}

.vn-learning-header__cta,
.vn-learning-header__cta.wp-block-buttons {
	flex:0 0 auto;
	margin:0;
}

.vn-learning-header__cta .wp-block-button__link {
	display:flex;
	min-height:40px;
	padding:.65rem 1rem;
	align-items:center;
	border-radius:999px;
	background:#8b5fd0;
	box-shadow:0 8px 20px rgb(139 95 208 / .18);
	font-size:.8rem;
	font-weight:750;
	white-space:nowrap;
}

/* Main overview hero. */
.vn-learning-overview-hero,
.vn-judith-hero,
.vn-learning-editorial-hero {
	position:relative;
	padding:clamp(4.5rem,7vw,7rem) var(--vn-gutter);
	background:radial-gradient(circle at 82% 28%,rgb(202 177 235 / .22),transparent 32%),linear-gradient(125deg,#fbf8ff 0%,#f9f5fd 54%,#f0faf8 100%);
}

.vn-learning-overview-hero::after,
.vn-judith-hero::after,
.vn-learning-editorial-hero::after {
	content:"";
	position:absolute;
	left:-4%;
	right:-4%;
	bottom:-22px;
	height:44px;
	border-radius:50%;
	background:#edf9f6;
	pointer-events:none;
}

.vn-learning-overview-hero__grid,
.vn-judith-hero__grid,
.vn-learning-editorial-hero__grid {
	position:relative;
	z-index:1;
	display:grid;
	max-width:1280px;
	margin-inline:auto;
	grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr);
	gap:clamp(3rem,7vw,7rem);
	align-items:center;
}

.vn-learning-overview-hero__copy h1,
.vn-judith-hero__copy h1,
.vn-learning-editorial-hero__copy h1 {
	max-width:15ch;
	margin:0 0 1.4rem;
	font-size:clamp(3rem,4.4vw,4.65rem);
	line-height:1.03;
	letter-spacing:-.045em;
}

.vn-learning-overview-hero__copy h1 span { display:inline-block;font-size:1.06em;line-height:1; }
.vn-learning-overview-hero__lead,
.vn-learning-editorial-hero__lead { max-width:42rem;margin-bottom:1.5rem;font-size:1.05rem; }
.vn-learning-overview-hero__visual,
.vn-judith-hero__visual,
.vn-learning-editorial-hero__visual { position:relative;min-width:0; }

.vn-learning-overview-hero__photo,
.vn-learning-editorial-hero__photo {
	overflow:hidden;
	border:9px solid rgb(255 255 255 / .82);
	border-radius:48% 52% 47% 53%;
	box-shadow:var(--vn-lr-shadow);
	aspect-ratio:1/1.05;
}

.vn-learning-overview-hero__photo img,
.vn-learning-editorial-hero__photo img { width:100%;height:100%;object-fit:cover;object-position:center; }
.vn-learning-overview-hero__cloud,
.vn-learning-editorial-hero__cloud {
	position:absolute;
	left:-11%;
	bottom:-4%;
	width:clamp(145px,16vw,220px);
	aspect-ratio:1.25;
	filter:drop-shadow(0 12px 16px rgb(102 72 145 / .12));
}

.vn-learning-chips { gap:.65rem!important;margin:0 0 1.4rem; }
.vn-learning-chips p {
	margin:0;
	padding:.65rem .82rem .65rem 2.15rem;
	border:1px solid var(--vn-lr-line);
	border-radius:8px;
	background:rgb(255 255 255 / .78);
	font-size:.78rem;
	font-weight:700;
	line-height:1.3;
	position:relative;
}
.vn-learning-chips p::before {
	content:"♡";
	position:absolute;
	left:.8rem;
	top:50%;
	color:var(--vn-lr-purple);
	font-size:1.05rem;
	transform:translateY(-50%);
}
.vn-learning-hero-actions { gap:.8rem;align-items:center; }

/* Editorial sections. */
.vn-learning-editorial-section,
.vn-judith-section,
.vn-learning-story,
.vn-guidance-section,
.vn-trajectories-section { padding:clamp(4.5rem,7vw,7rem) var(--vn-gutter); }

.vn-learning-recognition { background:linear-gradient(135deg,#effbf8,#f5fcfb); }
.vn-learning-recognition__intro {
	display:grid;
	max-width:1220px;
	margin-inline:auto;
	grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);
	gap:3rem;
	align-items:end;
}
.vn-learning-recognition h2,
.vn-learning-personal h2,
.vn-judith-section h2,
.vn-learning-story h2 { font-size:clamp(2.35rem,3.5vw,3.8rem);line-height:1.06;letter-spacing:-.035em; }
.vn-learning-recognition__intro p:not(.vn-learning-kicker) { max-width:46rem; }
.vn-learning-recognition__cloud { width:min(100%,250px);justify-self:end;aspect-ratio:1.18; }
.vn-learning-check-grid {
	display:grid;
	max-width:1220px;
	margin:2.4rem auto 0;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:1rem;
}
.vn-learning-check-card {
	position:relative;
	min-height:96px;
	padding:1.35rem 1.2rem 1.2rem 3.2rem;
	border:1px solid var(--vn-lr-line);
	border-radius:12px;
	background:rgb(255 255 255 / .9);
	box-shadow:0 10px 28px rgb(48 105 101 / .05);
}
.vn-learning-check-card::before {
	content:"✓";
	position:absolute;
	left:1.15rem;
	top:1.25rem;
	display:grid;
	width:1.25rem;
	height:1.25rem;
	place-items:center;
	border-radius:50%;
	background:#9a6ed6;
	color:#fff;
	font-size:.75rem;
	font-weight:900;
}
.vn-learning-check-card p { margin:0;font-size:.9rem;font-weight:700;line-height:1.45; }

.vn-learning-personal { background:linear-gradient(135deg,#fbf7ff,#f9f3fc); }
.vn-learning-personal__grid {
	display:grid;
	max-width:1220px;
	margin-inline:auto;
	grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);
	gap:clamp(3rem,7vw,6rem);
	align-items:center;
}
.vn-learning-personal__cloud { width:min(100%,380px);aspect-ratio:1.14;justify-self:center; }
.vn-learning-personal__copy p { max-width:50rem; }
.vn-learning-quote {
	margin:2rem 0 0;
	padding:1.1rem 1.4rem 1.1rem 4.5rem;
	border:1px solid rgb(139 95 208 / .24);
	border-left:0;
	border-radius:12px;
	background:rgb(255 255 255 / .72);
	position:relative;
}
.vn-learning-quote::before {
	content:"♡";
	position:absolute;
	left:1.15rem;
	top:50%;
	display:grid;
	width:2.5rem;
	height:2.5rem;
	place-items:center;
	border-radius:50%;
	background:linear-gradient(135deg,#a86ae0,#7d45bd);
	color:#fff;
	font-size:1.6rem;
	transform:translateY(-50%);
}
.vn-learning-quote p { margin:0;color:var(--vn-lr-purple-dark);font-family:var(--wp--preset--font-family--caveat),cursive;font-size:1.35rem;line-height:1.35; }

/* Shared closing banner. */
.vn-learning-redesign-cta { padding:3.8rem var(--vn-gutter);background:#fff; }
.vn-learning-redesign-cta .vn-learning-cta__inner {
	display:grid;
	max-width:1160px;
	margin-inline:auto;
	padding:2rem 2.4rem;
	grid-template-columns:200px minmax(0,1fr) auto;
	gap:2rem;
	align-items:center;
	border:1px solid rgb(111 167 158 / .24);
	border-radius:20px;
	background:linear-gradient(105deg,#e2f8f3 0%,#f5f2fc 58%,#e8d7f5 100%);
	box-shadow:var(--vn-lr-shadow);
}
.vn-learning-cta__cloud { width:100%;aspect-ratio:1.2; }
.vn-learning-redesign-cta .vn-handwritten { margin:0;color:var(--vn-lr-purple);font-size:1.45rem;line-height:1; }
.vn-learning-redesign-cta h2 { margin:.25rem 0 .6rem;font-size:clamp(2rem,3vw,3rem);line-height:1.05; }
.vn-learning-redesign-cta .vn-learning-cta__copy > p:not(.vn-handwritten) { max-width:34rem;margin-bottom:0;font-size:.92rem; }
.vn-learning-cta__actions { justify-content:flex-end; }
.vn-learning-values-strip { padding:1.6rem var(--vn-gutter);border-top:1px solid rgb(139 95 208 / .12);background:#fff; }
.vn-learning-values-strip__inner { display:grid;max-width:1160px;margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem; }
.vn-learning-values-strip__item { gap:.65rem!important;justify-content:center; }
.vn-learning-values-strip__item p { margin:0;font-size:.78rem;font-weight:650;line-height:1.35; }
.vn-learning-values-strip__icon { flex:0 0 22px;width:22px;height:22px; }
.vn-learning-values-strip__icon img { width:100%;height:100%;object-fit:contain; }

/* Over Judith. */
.vn-judith-hero__copy > p:not(.vn-learning-kicker,.vn-learning-script) { max-width:40rem; }
.vn-judith-hero__copy .vn-learning-script { margin:-.7rem 0 1.6rem;font-size:clamp(2.3rem,3.5vw,3.7rem);line-height:.98; }
.vn-judith-hero__photo { width:100%;aspect-ratio:1/1; }
.vn-judith-hero__photo img { object-fit:contain; }
.vn-judith-hero__cloud { position:absolute;left:-14%;bottom:-1%;width:clamp(150px,16vw,215px);aspect-ratio:1.06; }
.vn-judith-hero__qualities { display:grid;margin:1.7rem 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem; }
.vn-judith-hero__qualities .vn-learning-feature { padding:0;border:0;background:transparent;box-shadow:none;text-align:left; }
.vn-judith-hero__qualities .vn-learning-feature__icon { width:46px;height:46px;margin:0 0 .55rem; }
.vn-judith-hero__qualities .vn-learning-feature h3 { margin:0;font-family:var(--wp--preset--font-family--dm-sans);font-size:.87rem;line-height:1.35; }
.vn-judith-hero__qualities .vn-learning-feature p { display:none; }

.vn-judith-mission { background:linear-gradient(135deg,#effaf8,#f7fcfb); }
.vn-judith-section__intro { display:grid;max-width:1220px;margin-inline:auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) 190px;gap:2.5rem;align-items:center; }
.vn-judith-section__intro p:not(.vn-learning-kicker) { margin:0; }
.vn-judith-mission__cloud { width:100%;aspect-ratio:1.1; }
.vn-judith-card-grid { display:grid;max-width:1220px;margin:2.5rem auto 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem; }
.vn-learning-feature {
	padding:1.5rem;
	border:1px solid var(--vn-lr-line);
	border-radius:12px;
	background:rgb(255 255 255 / .82);
	box-shadow:0 10px 25px rgb(73 102 110 / .04);
	text-align:center;
}
.vn-learning-feature__icon { width:58px;height:58px;margin:0 auto .9rem;padding:.85rem;border-radius:50%;background:linear-gradient(135deg,#f2eafd,#e4f7f3); }
.vn-learning-feature__icon img { width:100%;height:100%;object-fit:contain; }
.vn-learning-feature h3 { margin:0 0 .5rem;font-size:1.1rem;line-height:1.3; }
.vn-learning-feature p { margin:0;font-size:.88rem;line-height:1.55; }

.vn-judith-background { background:linear-gradient(135deg,#fbf7ff,#f7f1fc); }
.vn-judith-background__grid { display:grid;max-width:1220px;margin-inline:auto;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:clamp(3rem,7vw,6rem);align-items:start; }
.vn-judith-background__cloud { width:min(100%,340px);margin-top:1.4rem;aspect-ratio:1.1; }
.vn-judith-background__copy > p { max-width:46rem; }
.vn-judith-credential-grid { display:grid;margin-top:1.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
.vn-judith-credential-grid .vn-learning-feature { display:grid;min-height:82px;padding:1rem 1.1rem;grid-template-columns:32px 1fr;gap:.8rem;align-items:center;text-align:left; }
.vn-judith-credential-grid .vn-learning-feature__icon { width:32px;height:32px;margin:0;padding:.35rem; }
.vn-judith-credential-grid h3 { margin:0;font-family:var(--wp--preset--font-family--dm-sans);font-size:.9rem; }
.vn-judith-credential-grid p { display:none; }

.vn-judith-outside { background:linear-gradient(135deg,#f0f7fc,#f2fbfa); }
.vn-judith-outside__grid { display:grid;max-width:1220px;margin-inline:auto;grid-template-columns:minmax(0,1.2fr) minmax(220px,.4fr);gap:3rem;align-items:center; }
.vn-judith-outside__copy { display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:3rem;align-items:start; }
.vn-judith-outside__copy > p { margin-top:2.1rem; }
.vn-judith-outside__cloud { width:min(100%,290px);aspect-ratio:1.3;justify-self:end; }
.vn-judith-card-grid--outside { margin-top:2rem; }
.vn-judith-card-grid--outside .vn-learning-feature { border:0;background:transparent;box-shadow:none; }

/* Supporting learning pages. */
.vn-learning-editorial-hero__copy .vn-learning-script { margin:-.6rem 0 1.1rem;font-size:clamp(2rem,3vw,3.1rem);line-height:1; }
.vn-learning-story--mint { background:linear-gradient(135deg,#effaf8,#f8fcfb); }
.vn-learning-story--lilac { background:linear-gradient(135deg,#fbf7ff,#f5eefb); }
.vn-learning-story--blue { background:linear-gradient(135deg,#f0f7fc,#f5fbfd); }
.vn-learning-story__grid { display:grid;max-width:1220px;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(210px,.4fr);gap:3rem;align-items:center; }
.vn-learning-story__cloud { width:min(100%,310px);aspect-ratio:1.15;justify-self:end; }
.vn-guidance-section { background:#fff; }
.vn-guidance-grid { display:grid;max-width:1220px;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem; }
.vn-guidance-card { padding:2rem;border:1px solid var(--vn-lr-line);border-radius:18px;background:linear-gradient(145deg,#f7fffd,#fff);box-shadow:var(--vn-lr-shadow); }
.vn-guidance-card--trajectory { background:linear-gradient(145deg,#faf6ff,#fff); }
.vn-guidance-card--group { background:linear-gradient(145deg,#fff7f3,#fff); }
.vn-guidance-card__icon { width:82px;height:82px;margin:0 auto 1rem;padding:1rem;border-radius:50%;background:rgb(255 255 255 / .8); }
.vn-guidance-card__icon img { width:100%;height:100%;object-fit:contain; }
.vn-guidance-card h2 { margin-bottom:.8rem;font-size:1.8rem;text-align:center; }
.vn-guidance-card__description { min-height:5.2rem;text-align:center; }
.vn-guidance-card__list { margin:1.3rem 0 0;padding:1rem 0 0;list-style:none;border-top:1px solid var(--vn-lr-line); }
.vn-guidance-card__list li { position:relative;padding:.55rem 0 .55rem 1.9rem;font-size:.9rem; }
.vn-guidance-card__list li::before { content:"✓";position:absolute;left:0;color:var(--vn-lr-purple);font-weight:900; }

.vn-trajectories-section { background:#fff; }
.vn-trajectories-grid { display:grid;max-width:1320px;margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;align-items:start; }
.vn-trajectory-card { padding:1.6rem 1.35rem 1.8rem;border:1px solid rgb(70 173 139 / .2);border-radius:18px;background:linear-gradient(180deg,#f2fbf8,#fff);box-shadow:0 16px 36px rgb(57 83 92 / .07); }
.vn-trajectory-card--school { border-color:rgb(139 95 208 / .2);background:linear-gradient(180deg,#f8f2fd,#fff); }
.vn-trajectory-card--mind { border-color:rgb(238 133 85 / .25);background:linear-gradient(180deg,#fff4ed,#fff); }
.vn-trajectory-card--calm { border-color:rgb(83 142 220 / .22);background:linear-gradient(180deg,#eef5fd,#fff); }
.vn-trajectory-card__icon { width:96px;height:96px;margin:0 auto .9rem; }
.vn-trajectory-card__icon img { width:100%;height:100%;object-fit:contain; }
.vn-trajectory-card h2 { margin-bottom:.55rem;font-size:1.65rem;text-align:center; }
.vn-trajectory-card__subtitle { min-height:5.4rem;margin:0;text-align:center;color:var(--vn-lr-teal);font-weight:750; }
.vn-trajectory-card__audience { min-height:5rem;padding-top:1rem;border-top:1px solid rgb(139 95 208 / .13);font-size:.85rem;text-align:center; }
.vn-trajectory-card ol { margin:1rem 0 0;padding-left:1.35rem;columns:1; }
.vn-trajectory-card li { margin:.3rem 0;color:#41575e;font-size:.78rem;line-height:1.45; }

@media (max-width:1320px) and (min-width:1101px) {
	.vn-learning-header__logo { width:190px!important; }
	.vn-learning-nav { font-size:.7rem; }
	.vn-learning-nav .wp-block-navigation__container { gap:.6rem; }
	.vn-learning-header__cta .wp-block-button__link { padding:.6rem .8rem;font-size:.72rem; }
	.vn-learning-socials { gap:.3rem; }
}

@media (max-width:1100px) {
	.vn-learning-header > .vn-learning-header__inner > .vn-learning-header__cta { display:none!important; }
	.vn-mobile-drawer__meta .vn-learning-header__cta { display:flex!important;width:100%; }
	.vn-mobile-drawer__meta .vn-learning-header__cta .wp-block-button,
	.vn-mobile-drawer__meta .vn-learning-header__cta .wp-block-button__link { width:100%; }
	.vn-mobile-drawer__meta .vn-learning-header__cta .wp-block-button__link { min-height:50px; }
}

@media (max-width:1023px) {
	.vn-learning-overview-hero,
	.vn-judith-hero,
	.vn-learning-editorial-hero { padding:4.5rem var(--vn-mobile-gutter) 5rem; }
	.vn-learning-overview-hero__grid,
	.vn-judith-hero__grid,
	.vn-learning-editorial-hero__grid { grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);gap:2rem; }
	.vn-learning-overview-hero__copy h1,
	.vn-judith-hero__copy h1,
	.vn-learning-editorial-hero__copy h1 { font-size:clamp(2.5rem,5vw,3.35rem); }
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud { width:150px; }
	.vn-learning-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.vn-learning-personal__grid,
	.vn-judith-background__grid { grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:2rem; }
	.vn-learning-redesign-cta .vn-learning-cta__inner { grid-template-columns:150px minmax(0,1fr); }
	.vn-learning-cta__actions { grid-column:2;justify-content:flex-start; }
	.vn-learning-values-strip__inner { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.vn-judith-section__intro { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
	.vn-judith-mission__cloud { display:none; }
	.vn-judith-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.vn-judith-outside__copy { grid-template-columns:1fr;gap:0; }
	.vn-judith-outside__copy > p { margin-top:0; }
	.vn-guidance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.vn-guidance-card:last-child { grid-column:1/-1;width:min(100%,580px);justify-self:center; }
	.vn-trajectories-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px) {
	.vn-learning-overview-hero,
	.vn-judith-hero,
	.vn-learning-editorial-hero { padding:3.2rem var(--vn-mobile-gutter) 4rem; }
	.vn-learning-overview-hero__grid,
	.vn-judith-hero__grid,
	.vn-learning-editorial-hero__grid { grid-template-columns:1fr;gap:2.2rem; }
	.vn-learning-overview-hero__copy h1,
	.vn-judith-hero__copy h1,
	.vn-learning-editorial-hero__copy h1 { max-width:100%;font-size:clamp(2.25rem,10vw,3.15rem);line-height:1.04; }
	.vn-learning-overview-hero__copy h1 br { display:none; }
	.vn-learning-overview-hero__copy h1 span { display:block;margin-top:.2rem; }
	.vn-learning-overview-hero__photo,
	.vn-learning-editorial-hero__photo { aspect-ratio:4/3; }
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud { left:auto;right:-4%;bottom:-8%;width:145px; }
	.vn-learning-chips { display:grid!important;grid-template-columns:1fr; }
	.vn-learning-chips p { width:100%; }
	.vn-learning-hero-actions,
	.vn-learning-hero-actions .wp-block-button,
	.vn-learning-hero-actions .wp-block-button__link { width:100%; }
	.vn-learning-hero-actions { display:grid!important;grid-template-columns:1fr; }
	.vn-learning-editorial-section,
	.vn-judith-section,
	.vn-learning-story,
	.vn-guidance-section,
	.vn-trajectories-section { padding:3.75rem var(--vn-mobile-gutter); }
	.vn-learning-recognition__intro,
	.vn-learning-personal__grid,
	.vn-judith-background__grid,
	.vn-judith-outside__grid,
	.vn-learning-story__grid { grid-template-columns:1fr;gap:1.7rem; }
	.vn-learning-recognition h2,
	.vn-learning-personal h2,
	.vn-judith-section h2,
	.vn-learning-story h2 { font-size:clamp(2rem,8.8vw,2.75rem); }
	.vn-learning-recognition__cloud,
	.vn-learning-personal__cloud,
	.vn-judith-background__cloud,
	.vn-judith-outside__cloud,
	.vn-learning-story__cloud { width:min(76vw,270px);justify-self:center; }
	.vn-learning-check-grid { grid-template-columns:1fr;margin-top:1.5rem; }
	.vn-learning-check-card { min-height:0;padding:1rem 1rem 1rem 3rem; }
	.vn-learning-check-card::before { top:1rem; }
	.vn-learning-personal__cloud { grid-row:2; }
	.vn-learning-personal__copy { grid-row:1; }
	.vn-learning-quote { padding:1rem 1rem 1rem 3.8rem; }
	.vn-learning-redesign-cta { padding:3rem var(--vn-mobile-gutter); }
	.vn-learning-redesign-cta .vn-learning-cta__inner { padding:1.5rem;grid-template-columns:1fr;gap:1rem;text-align:center; }
	.vn-learning-cta__cloud { width:min(70vw,210px);margin-inline:auto; }
	.vn-learning-cta__actions { grid-column:1;width:100%;justify-content:stretch; }
	.vn-learning-cta__actions .wp-block-button,
	.vn-learning-cta__actions .wp-block-button__link { width:100%; }
	.vn-learning-values-strip { padding:1.4rem var(--vn-mobile-gutter); }
	.vn-learning-values-strip__inner { grid-template-columns:1fr;gap:.7rem; }
	.vn-learning-values-strip__item { justify-content:flex-start; }
	.vn-judith-hero__copy .vn-learning-script { font-size:clamp(2.2rem,10vw,3rem); }
	.vn-judith-hero__visual { width:min(100%,430px);margin-inline:auto; }
	.vn-judith-hero__cloud { left:-2%;bottom:-4%;width:140px; }
	.vn-judith-hero__qualities { grid-template-columns:1fr;gap:.75rem; }
	.vn-judith-hero__qualities .vn-learning-feature { display:grid;grid-template-columns:42px 1fr;gap:.7rem;align-items:center; }
	.vn-judith-hero__qualities .vn-learning-feature__icon { margin:0; }
	.vn-judith-card-grid,
	.vn-judith-credential-grid,
	.vn-guidance-grid,
	.vn-trajectories-grid { grid-template-columns:1fr; }
	.vn-judith-section__intro { grid-template-columns:1fr;gap:1.4rem; }
	.vn-guidance-card:last-child { grid-column:auto;width:auto; }
	.vn-guidance-card__description,
	.vn-trajectory-card__subtitle,
	.vn-trajectory-card__audience { min-height:0; }
	.vn-trajectory-card ol { columns:1; }
}

@media (max-width:390px) {
	.vn-learning-overview-hero__copy h1,
	.vn-judith-hero__copy h1,
	.vn-learning-editorial-hero__copy h1 { font-size:2.12rem; }
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud { width:122px; }
	.vn-learning-redesign .vn-learning-kicker { font-size:.65rem; }
}

/* Final proportion pass after comparison with the supplied compositions. */
.vn-learning-overview-hero__photo,
.vn-learning-editorial-hero__photo,
.vn-judith-hero__photo {
	border-radius:37% 63% 31% 69% / 44% 34% 66% 56%;
}
.vn-learning-overview-hero__cloud,
.vn-learning-editorial-hero__cloud,
.vn-judith-hero__cloud { width:clamp(330px,26vw,430px); }

@media (max-width:1023px) {
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud { width:clamp(265px,32vw,340px); }
}

@media (max-width:767px) {
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud { width:min(68vw,275px); }
}

/* Final mobile cloud placement: keep portrait faces unobstructed. */
@media (max-width:767px) {
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud {
		left:-2%;
		bottom:-11%;
		width:min(49vw,190px);
	}

	.vn-judith-hero__cloud {
		left:-1%;
		bottom:-10%;
		width:min(44vw,172px);
	}
}

/* Repair pass 2026-07-14: neutralise WordPress flow margins inside layout grids. */
.vn-learning-hero-chips > *,
.vn-judith-hero__qualities > *,
.vn-learning-check-grid > *,
.vn-guidance-grid > *,
.vn-guidance-card__list > *,
.vn-trajectories-grid > *,
.vn-trajectory-card ol > *,
.vn-judith-card-grid > *,
.vn-judith-credential-grid > * {
	margin-block-start:0!important;
}

.vn-learning-hero-chips,
.vn-judith-hero__qualities,
.vn-learning-check-grid,
.vn-guidance-grid,
.vn-trajectories-grid,
.vn-judith-card-grid,
.vn-judith-credential-grid {
	align-items:stretch;
}

.vn-learning-hero-chips > *,
.vn-judith-hero__qualities > *,
.vn-learning-check-grid > *,
.vn-guidance-grid > *,
.vn-trajectories-grid > *,
.vn-judith-card-grid > *,
.vn-judith-credential-grid > * {
	height:100%;
}

.vn-judith-hero__qualities .vn-learning-feature {
	align-self:stretch;
}

.vn-learning-check-card,
.vn-guidance-card__list li,
.vn-judith-credential-grid .vn-learning-feature {
	align-content:center;
}

@media (max-width:767px) {
	.vn-judith-hero__qualities {
		grid-auto-rows:1fr;
	}

	.vn-judith-hero__qualities .vn-learning-feature {
		min-height:112px;
	}

	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud {
		left:-2%;
		bottom:-11%;
		width:min(49vw,190px);
	}

	.vn-judith-hero__cloud {
		left:-1%;
		bottom:-10%;
		width:min(44vw,172px);
	}
}

/* Definitive alignment and responsive repair — 14 July 2026. */
.vn-learning-overview-hero__grid,
.vn-learning-editorial-hero__grid,
.vn-judith-hero__grid {
	display:grid;
	grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);
	grid-template-areas:
		"heading visual"
		"body visual";
	column-gap:clamp(3rem,6vw,6.5rem);
	row-gap:1.25rem;
	align-items:start;
}
.vn-learning-hero-heading { grid-area:heading;align-self:end; }
.vn-learning-hero-body { grid-area:body;align-self:start; }
.vn-learning-overview-hero__visual,
.vn-learning-editorial-hero__visual,
.vn-judith-hero__visual { grid-area:visual;align-self:center;justify-self:end;width:min(100%,560px); }

.vn-learning-hero-heading h1 {
	max-width:18ch;
	margin-bottom:1.25rem;
	font-size:clamp(3rem,3.9vw,4.2rem);
	line-height:1.03;
	letter-spacing:-.045em;
	overflow-wrap:normal;
	word-break:normal;
	hyphens:none;
}
.vn-learning-overview-hero__heading h1 { max-width:17ch; }
.vn-learning-overview-hero__heading .vn-title-line { display:block;white-space:nowrap; }
.vn-learning-editorial-hero__heading h1,
.vn-judith-hero__heading h1 { white-space:nowrap; }
.vn-learning-hero-heading .vn-learning-script {
	margin:-.55rem 0 0;
	font-size:clamp(1.75rem,2.45vw,2.65rem);
	line-height:1;
	white-space:nowrap;
}
.vn-learning-hero-body > :first-child { margin-top:0; }
.vn-learning-hero-body > p { max-width:43rem; }

.vn-learning-chips {
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:.75rem!important;
	align-items:stretch;
}
.vn-learning-chips p {
	display:flex;
	height:100%;
	min-height:54px;
	margin:0;
	align-items:center;
}

.vn-learning-overview-hero__photo,
.vn-learning-editorial-hero__photo,
.vn-judith-hero__photo {
	border-width:7px;
	border-radius:37% 63% 31% 69% / 44% 34% 66% 56%;
}
.vn-judith-hero__photo img {
	width:100%;
	height:100%;
	max-width:100%;
	margin:0;
	object-fit:cover;
	object-position:center 38%;
}
.vn-learning-overview-hero__cloud,
.vn-learning-editorial-hero__cloud,
.vn-judith-hero__cloud {
	left:-9%;
	bottom:-8%;
	width:clamp(180px,15vw,235px);
}

.vn-learning-recognition__intro {
	grid-template-columns:minmax(0,1fr) minmax(260px,.43fr);
	grid-template-areas:
		"heading cloud"
		"lead cloud";
	gap:.75rem clamp(3rem,7vw,6rem);
	align-items:start;
}
.vn-learning-recognition__heading { grid-area:heading; }
.vn-learning-recognition__lead { grid-area:lead;max-width:46rem;margin:0; }
.vn-learning-recognition__cloud { grid-area:cloud;align-self:center;justify-self:end;width:min(100%,340px); }

.vn-learning-check-grid {
	grid-auto-rows:1fr;
	align-items:stretch;
}
.vn-learning-recognition .vn-learning-check-grid { grid-template-rows:repeat(2,minmax(108px,1fr)); }
.vn-learning-check-card {
	display:grid;
	height:100%;
	min-height:100px;
	padding:1.2rem;
	grid-template-columns:24px minmax(0,1fr);
	gap:.8rem;
	align-items:center;
}
.vn-learning-check-card::before {
	position:static;
	width:1.35rem;
	height:1.35rem;
	transform:none;
}
.vn-learning-check-card p { align-self:center; }

.vn-guidance-grid,
.vn-judith-card-grid,
.vn-judith-credential-grid,
.vn-trajectories-grid { align-items:stretch;grid-auto-rows:1fr; }
.vn-guidance-card {
	display:grid;
	height:100%;
	grid-template-rows:82px auto minmax(5.2rem,auto) 1fr;
}
.vn-guidance-card__list { margin-top:1.3rem; }
.vn-guidance-card__list li {
	display:grid;
	grid-template-columns:20px minmax(0,1fr);
	gap:.65rem;
	align-items:start;
	padding:.55rem 0;
}
.vn-guidance-card__list li::before { position:static;grid-column:1; }
.vn-learning-redesign--guidance .vn-learning-story h2 { max-width:none;white-space:nowrap; }

.vn-learning-feature {
	display:grid;
	height:100%;
	grid-template-rows:58px auto 1fr;
	align-content:start;
}
.vn-judith-card-grid .vn-learning-feature { min-height:220px; }
.vn-judith-card-grid .vn-learning-feature__icon { align-self:start; }
.vn-judith-card-grid .vn-learning-feature h3 { min-height:2.8rem; }
.vn-judith-hero__qualities { align-items:stretch; }
.vn-judith-hero__qualities .vn-learning-feature {
	display:grid;
	min-height:112px;
	grid-template-rows:48px minmax(2.7rem,auto);
	align-content:start;
}
.vn-judith-hero__qualities .vn-learning-feature__icon { align-self:start; }
.vn-judith-credential-grid .vn-learning-feature {
	display:grid;
	height:100%;
	min-height:88px;
	grid-template-columns:34px minmax(0,1fr);
	grid-template-rows:1fr;
	align-items:center;
}
.vn-judith-card-grid--outside .vn-learning-feature {
	display:grid;
	min-height:190px;
	grid-template-rows:58px auto 1fr;
}

.vn-judith-section__intro,
.vn-judith-background__grid,
.vn-judith-outside__intro { align-items:start; }
.vn-judith-section__intro > p,
.vn-judith-background__copy,
.vn-judith-outside__intro > p { padding-top:3rem; }
.vn-judith-mission__cloud,
.vn-judith-background__cloud,
.vn-judith-outside__cloud,
.vn-learning-story__cloud { object-fit:contain; }

.vn-trajectory-card {
	display:grid;
	height:100%;
	grid-template-rows:112px auto minmax(3.6rem,auto) minmax(4.2rem,auto) 1fr;
	align-content:start;
}
.vn-trajectory-card--start { --vn-trajectory-accent:#2b9f72; }
.vn-trajectory-card--school { --vn-trajectory-accent:#8b5fd0; }
.vn-trajectory-card--mind { --vn-trajectory-accent:#e87545; }
.vn-trajectory-card--calm { --vn-trajectory-accent:#4f86cf; }
.vn-trajectory-card li { color:#41666a; }
.vn-trajectory-card li::marker { color:var(--vn-trajectory-accent);font-weight:800; }

.vn-learning-redesign-cta .vn-learning-cta__inner {
	grid-template-columns:minmax(180px,230px) minmax(0,1fr) auto;
	gap:clamp(1.75rem,4vw,3.5rem);
	align-items:center;
}
.vn-learning-cta__copy { display:grid;align-content:center; }
.vn-learning-redesign-cta .vn-handwritten,
.vn-learning-redesign-cta h2,
.vn-learning-redesign-cta .vn-learning-cta__copy > p { margin-inline:0; }
.vn-learning-redesign-cta h2 { max-width:19ch; }
.vn-learning-cta__actions { align-self:center;justify-self:end; }

@media (min-width:1024px) {
	.vn-learning-redesign--overview .vn-learning-overview-hero__heading h1 { font-size:clamp(3.1rem,3.65vw,4rem); }
	.vn-learning-redesign--guidance .vn-learning-editorial-hero__heading h1,
	.vn-learning-redesign--trajectories .vn-learning-editorial-hero__heading h1,
	.vn-learning-redesign--autism .vn-learning-editorial-hero__heading h1 { font-size:clamp(3rem,3.6vw,4rem); }
}

@media (max-width:1023px) {
	.vn-learning-overview-hero__grid,
	.vn-learning-editorial-hero__grid,
	.vn-judith-hero__grid {
		grid-template-columns:minmax(0,.94fr) minmax(300px,1.06fr);
		grid-template-areas:
			"heading visual"
			"body visual";
		column-gap:2rem;
	}
	.vn-learning-hero-heading h1 { font-size:clamp(2.55rem,5vw,3.25rem); }
	.vn-learning-hero-heading .vn-learning-script { font-size:clamp(1.45rem,3.2vw,2rem); }
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud { width:clamp(150px,20vw,190px); }
	.vn-learning-chips { grid-template-columns:1fr; }
	.vn-learning-recognition__intro { grid-template-columns:minmax(0,1fr) 250px; }
	.vn-learning-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.vn-learning-recognition .vn-learning-check-grid { grid-template-rows:repeat(4,minmax(100px,1fr)); }
	.vn-judith-section__intro { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
	.vn-judith-mission__cloud { grid-column:1/-1;width:min(46vw,300px);justify-self:center; }
	.vn-learning-redesign-cta .vn-learning-cta__inner { grid-template-columns:155px minmax(0,1fr); }
	.vn-learning-cta__actions { grid-column:2;justify-self:start; }
}

@media (max-width:767px) {
	body.vn-mobile-family-learning.vn-has-mobile-cta { padding-bottom:0!important; }
	.vn-mobile-family-learning .vn-mobile-sticky-cta { display:none!important; }

	.vn-learning-overview-hero__grid,
	.vn-learning-editorial-hero__grid,
	.vn-judith-hero__grid {
		grid-template-columns:1fr;
		grid-template-areas:
			"heading"
			"visual"
			"body";
		gap:1.6rem;
	}
	.vn-learning-hero-heading h1 {
		max-width:100%;
		font-size:clamp(2rem,9vw,2.65rem);
		line-height:1.04;
	}
	.vn-learning-overview-hero__heading h1 { font-size:clamp(1.95rem,8.35vw,2.45rem); }
	.vn-learning-overview-hero__heading .vn-title-line { white-space:nowrap; }
	.vn-learning-editorial-hero__heading h1,
	.vn-judith-hero__heading h1 { white-space:normal;text-wrap:balance; }
	.vn-learning-hero-heading .vn-learning-script {
		font-size:clamp(1.2rem,5.3vw,1.6rem);
		white-space:nowrap;
	}
	.vn-learning-overview-hero__visual,
	.vn-learning-editorial-hero__visual,
	.vn-judith-hero__visual { width:min(100%,470px);margin:0 auto 1rem; }
	.vn-learning-overview-hero__photo,
	.vn-learning-editorial-hero__photo { aspect-ratio:4/3; }
	.vn-judith-hero__photo { aspect-ratio:4/5; }
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud {
		left:-2%;
		bottom:-9%;
		width:min(42vw,170px);
	}
	.vn-judith-hero__cloud { left:-4%;bottom:-7%; }
	.vn-learning-chips { grid-template-columns:1fr; }
	.vn-learning-chips p { min-height:50px; }

	.vn-learning-recognition__intro {
		grid-template-columns:1fr;
		grid-template-areas:"heading" "lead" "cloud";
		gap:1.25rem;
	}
	.vn-learning-recognition__cloud { width:min(78vw,300px);justify-self:center; }
	.vn-learning-check-grid,
	.vn-learning-recognition .vn-learning-check-grid { grid-template-columns:1fr;grid-template-rows:none; }
	.vn-learning-check-card { min-height:76px; }
	.vn-learning-redesign--guidance .vn-learning-story h2 { white-space:normal; }

	.vn-judith-section__intro,
	.vn-judith-background__grid,
	.vn-judith-outside__intro { grid-template-columns:1fr;gap:1.5rem; }
	.vn-judith-section__intro > p,
	.vn-judith-background__copy,
	.vn-judith-outside__intro > p { padding-top:0; }
	.vn-judith-card-grid,
	.vn-judith-credential-grid { grid-template-columns:1fr; }
	.vn-judith-card-grid .vn-learning-feature,
	.vn-judith-card-grid--outside .vn-learning-feature { min-height:0; }

	.vn-trajectories-grid { grid-template-columns:1fr; }
	.vn-trajectory-card { grid-template-rows:auto; }
	.vn-trajectory-card ol { columns:1; }

	.vn-learning-redesign-cta .vn-learning-cta__inner {
		grid-template-columns:1fr;
		gap:1rem;
		text-align:left;
	}
	.vn-learning-cta__cloud { width:min(62vw,225px);margin-inline:auto; }
	.vn-learning-cta__actions { grid-column:1;width:100%;justify-self:stretch; }
	.vn-learning-cta__actions .wp-block-button,
	.vn-learning-cta__actions .wp-block-button__link { width:100%; }
}

@media (max-width:390px) {
	.vn-learning-overview-hero__heading h1 { font-size:1.92rem; }
	.vn-learning-hero-heading .vn-learning-script { font-size:1.15rem; }
}

@media (prefers-reduced-motion:reduce) {
	.vn-learning-redesign .wp-block-button__link { transition:none; }
	.vn-learning-redesign .wp-block-button__link:hover,
	.vn-learning-redesign .wp-block-button__link:focus-visible { transform:none; }
}

/* July 2026 corrections: seamless sections, true blob media and balanced cards. */
.vn-learning-redesign { background:linear-gradient(180deg,#fbf8ff 0%,#eefaf7 100%); }
.vn-learning-redesign > :where(.alignfull,.wp-block-group) { margin-block:0!important; }
.vn-learning-overview-hero::after,
.vn-judith-hero::after,
.vn-learning-editorial-hero::after { content:none!important; }

.vn-learning-overview-hero__copy h1,
.vn-judith-hero__copy h1,
.vn-learning-editorial-hero__copy h1 {
	max-width:18ch;
	font-size:clamp(2.85rem,4vw,4.2rem);
	text-wrap:balance;
}
.vn-learning-overview-hero__copy .vn-learning-script,
.vn-judith-hero__copy .vn-learning-script,
.vn-learning-editorial-hero__copy .vn-learning-script {
	margin:-.7rem 0 1.35rem;
	font-size:clamp(1.85rem,2.65vw,2.9rem);
	line-height:1;
	white-space:nowrap;
}

.vn-learning-overview-hero__photo,
.vn-learning-editorial-hero__photo,
.vn-judith-hero__photo {
	overflow:hidden;
	border:9px solid rgb(255 255 255 / .78);
	border-radius:43% 57% 64% 36% / 38% 42% 58% 62%;
	background:linear-gradient(145deg,#eef9f6,#f4edfb);
	box-shadow:var(--vn-lr-shadow);
	aspect-ratio:1/1.05;
}
.vn-learning-overview-hero__photo img,
.vn-learning-editorial-hero__photo img { width:100%;height:100%;object-fit:cover; }
.vn-judith-hero__photo img { width:118%;height:118%;max-width:none;margin:-9%;object-fit:cover; }

.vn-learning-overview-hero__cloud,
.vn-learning-editorial-hero__cloud,
.vn-judith-hero__cloud {
	left:-16%;
	bottom:-9%;
	width:clamp(230px,20vw,315px);
}
.vn-learning-recognition__cloud { width:min(100%,365px); }
.vn-learning-personal__cloud { width:min(100%,470px); }
.vn-learning-story__cloud { width:min(100%,430px); }
.vn-judith-mission__cloud { width:min(100%,310px); }
.vn-judith-background__cloud { width:min(100%,440px); }
.vn-judith-outside__cloud { width:min(100%,390px); }
.vn-learning-cta__cloud { width:min(100%,275px);justify-self:center; }

.vn-learning-check-grid,
.vn-judith-card-grid,
.vn-guidance-grid,
.vn-trajectories-grid { grid-auto-rows:1fr;align-items:stretch; }
.vn-learning-check-card { display:flex;height:100%;align-items:center; }
.vn-learning-feature { display:flex;height:100%;flex-direction:column;justify-content:flex-start; }
.vn-guidance-card { display:flex;height:100%;flex-direction:column; }
.vn-guidance-card__list { margin-top:auto; }

.vn-learning-redesign-cta { background:linear-gradient(135deg,#f8f5fc,#eef9f7); }
.vn-guidance-section { background:linear-gradient(135deg,#f2faf8,#fbf8ff); }
.vn-trajectories-section { background:linear-gradient(135deg,#f6fbfa,#fbf7ff); }

/* Restore the approved 2 x 2 trajectory quadrant. */
.vn-trajectories-grid {
	max-width:1120px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:1.45rem;
}
.vn-trajectory-card {
	height:100%;
	padding:2rem 1.8rem 2.1rem;
	border-radius:28px 8px 28px 8px;
}
.vn-trajectory-card__icon { width:112px;height:112px; }
.vn-trajectory-card h2 { font-size:2rem; }
.vn-trajectory-card__subtitle { min-height:3.4rem; }
.vn-trajectory-card__audience { min-height:3.8rem;font-size:.9rem; }
.vn-trajectory-card ol { columns:2;column-gap:2rem; }
.vn-trajectory-card li { font-size:.84rem;line-height:1.5;break-inside:avoid; }

/* Match the three-part 'Buiten werk' arrangement from the approved mock-up. */
.vn-judith-outside__intro {
	display:grid;
	max-width:1220px;
	margin-inline:auto;
	grid-template-columns:minmax(240px,.72fr) minmax(0,1.05fr) minmax(260px,.62fr);
	gap:clamp(2rem,5vw,4.5rem);
	align-items:center;
}
.vn-judith-outside__intro > p { margin:0; }

@media (max-width:1023px) {
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud { width:clamp(205px,24vw,265px); }
	.vn-judith-outside__intro { grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); }
	.vn-judith-outside__cloud { grid-column:1/-1;width:min(48vw,340px);justify-self:center; }
}

@media (max-width:767px) {
	.vn-learning-overview-hero,
	.vn-judith-hero,
	.vn-learning-editorial-hero { padding-bottom:5.5rem; }
	.vn-learning-overview-hero__grid,
	.vn-judith-hero__grid,
	.vn-learning-editorial-hero__grid { gap:2.75rem; }
	.vn-learning-overview-hero__copy h1,
	.vn-judith-hero__copy h1,
	.vn-learning-editorial-hero__copy h1 {
		max-width:100%;
		font-size:clamp(2.05rem,9vw,2.85rem);
		line-height:1.04;
	}
	.vn-learning-overview-hero__copy h1 br { display:block; }
	.vn-learning-overview-hero__copy .vn-learning-script,
	.vn-judith-hero__copy .vn-learning-script,
	.vn-learning-editorial-hero__copy .vn-learning-script {
		font-size:clamp(1.35rem,5.5vw,1.85rem);
		white-space:nowrap;
	}
	.vn-learning-overview-hero__visual,
	.vn-judith-hero__visual,
	.vn-learning-editorial-hero__visual { width:min(88vw,470px);margin-inline:auto; }
	.vn-learning-overview-hero__photo,
	.vn-learning-editorial-hero__photo,
	.vn-judith-hero__photo { aspect-ratio:4/3; }
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud { left:-8%;right:auto;bottom:-17%;width:min(52vw,215px); }
	.vn-learning-recognition__cloud,
	.vn-learning-personal__cloud,
	.vn-judith-background__cloud,
	.vn-judith-outside__cloud,
	.vn-learning-story__cloud { width:min(86vw,350px); }
	.vn-learning-cta__cloud { width:min(78vw,250px); }
	.vn-judith-outside__intro { grid-template-columns:1fr;gap:1.5rem; }
	.vn-judith-outside__cloud { grid-column:auto; }
	.vn-trajectories-grid { grid-template-columns:1fr; }
	.vn-trajectory-card ol { columns:1; }
}

@media (max-width:390px) {
	.vn-learning-overview-hero__copy h1,
	.vn-judith-hero__copy h1,
	.vn-learning-editorial-hero__copy h1 { font-size:2rem; }
	.vn-learning-overview-hero__copy .vn-learning-script,
	.vn-judith-hero__copy .vn-learning-script,
	.vn-learning-editorial-hero__copy .vn-learning-script { font-size:1.28rem; }
}

/* Final visual proportions after LocalWP comparison. */
.vn-learning-overview-hero__photo,
.vn-learning-editorial-hero__photo,
.vn-judith-hero__photo { border-radius:37% 63% 31% 69% / 44% 34% 66% 56%; }
.vn-learning-overview-hero__cloud,
.vn-learning-editorial-hero__cloud,
.vn-judith-hero__cloud { width:clamp(330px,26vw,430px); }

@media (max-width:1023px) {
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud { width:clamp(265px,32vw,340px); }
}

@media (max-width:767px) {
	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud,
	.vn-judith-hero__cloud { width:min(68vw,275px); }

	.vn-learning-overview-hero__cloud,
	.vn-learning-editorial-hero__cloud {
		left:-2%;
		bottom:-11%;
		width:min(49vw,190px);
	}

	.vn-judith-hero__cloud {
		left:-1%;
		bottom:-10%;
		width:min(44vw,172px);
	}
}

/* Final hero refinements after the legacy comparison overrides. */
.vn-learning-redesign--overview .vn-learning-overview-hero__heading h1 {
	color:#247d74;
	font-family:var(--wp--preset--font-family--lora), Georgia, serif;
	font-weight:700;
	letter-spacing:-.035em;
	line-height:1.04;
}

.vn-learning-redesign--overview .vn-learning-overview-hero__heading h1 .vn-title-line {
	color:#247d74!important;
	font-family:var(--wp--preset--font-family--lora), Georgia, serif!important;
	font-size:1em;
	font-weight:700!important;
	letter-spacing:-.035em!important;
	line-height:1.04!important;
}

.vn-judith-hero__qualities {
	gap:.85rem;
}

.vn-judith-hero__qualities .vn-learning-feature {
	display:grid;
	min-height:88px;
	padding:.9rem 1rem;
	grid-template-columns:40px minmax(0,1fr);
	grid-template-rows:1fr;
	gap:.75rem;
	align-items:center;
	align-content:center;
	border:1px solid rgb(139 104 200 / .2);
	border-radius:16px;
	background:rgb(255 255 255 / .92);
	box-shadow:0 12px 28px rgb(44 91 91 / .07);
	text-align:left;
}

.vn-judith-hero__qualities .vn-learning-feature__icon {
	width:40px;
	height:40px;
	margin:0;
	padding:.55rem;
	align-self:center;
}

.vn-judith-hero__qualities .vn-learning-feature h3 {
	min-height:0;
	margin:0;
	align-self:center;
	font-size:.84rem;
	line-height:1.35;
}

@media (max-width:767px) {
	.vn-judith-hero__qualities .vn-learning-feature {
		min-height:76px;
	}
}

/* Autisme Coaching: place the practical-work cloud to the left of its copy. */
.vn-learning-redesign--autism .vn-learning-story--cloud-left .vn-learning-story__grid {
	grid-template-columns:minmax(210px,.4fr) minmax(0,1fr);
}

.vn-learning-redesign--autism .vn-learning-story--cloud-left .vn-learning-story__cloud {
	grid-column:1;
	grid-row:1;
	justify-self:start;
}

.vn-learning-redesign--autism .vn-learning-story--cloud-left .vn-learning-story__copy {
	grid-column:2;
	grid-row:1;
}

@media (max-width:767px) {
	.vn-learning-redesign--autism .vn-learning-story--cloud-left .vn-learning-story__grid {
		grid-template-columns:minmax(105px,32vw) minmax(0,1fr);
		gap:1rem;
		align-items:start;
	}

	.vn-learning-redesign--autism .vn-learning-story--cloud-left .vn-learning-story__cloud {
		width:100%;
		margin-top:.25rem;
	}

	.vn-learning-redesign--autism .vn-learning-story--cloud-left .vn-learning-story__copy h2 {
		font-size:clamp(1.85rem,8vw,2.35rem);
	}
}

/* Enlarge the supplied Trajecten hero cloud without modifying the PNG asset. */
.vn-page-slug-trajecten .vn-learning-editorial-hero__cloud img {
	transform:scale(1.45);
	transform-origin:center;
}

/* Match the visible size of the supplied Trajecten growth cloud to the previous pose. */
.vn-page-slug-trajecten .vn-learning-story--trajectories-growth .vn-learning-story__grid {
	grid-template-columns:minmax(210px,.4fr) minmax(0,1fr);
}

.vn-page-slug-trajecten .vn-learning-story--trajectories-growth .vn-learning-story__cloud {
	grid-column:1;
	grid-row:1;
	justify-self:start;
}

.vn-page-slug-trajecten .vn-learning-story--trajectories-growth .vn-learning-story__copy {
	grid-column:2;
	grid-row:1;
}

.vn-page-slug-trajecten .vn-learning-story--trajectories-growth .vn-learning-story__cloud img {
	transform:scale(-2,2);
	transform-origin:center;
}

@media (max-width:767px) {
	.vn-page-slug-trajecten .vn-learning-story--trajectories-growth .vn-learning-story__grid {
		grid-template-columns:minmax(105px,32vw) minmax(0,1fr);
		gap:1rem;
		align-items:start;
	}

	.vn-page-slug-trajecten .vn-learning-story--trajectories-growth .vn-learning-story__cloud {
		width:100%;
		margin-top:.25rem;
	}

	.vn-page-slug-trajecten .vn-learning-story--trajectories-growth .vn-learning-story__copy h2 {
		font-size:clamp(1.85rem,8vw,2.35rem);
	}
}

/* Main Leerlingbegeleiding: keep the personal-guidance section text-only on mobile. */
@media (max-width:767px) {
	.vn-page-slug-leerlingbegeleiding .vn-learning-personal__cloud {
		display:none!important;
	}
}
