/*
 * De blokstijlen van de homepage (deelproject 3). Taak 2: module-beeld-tekst
 * op core/group, met het rooster van beeld en tekst, de tekststapel en het
 * vangnet, en lead op core/paragraph en op de productsamenvatting van
 * deelproject 5. Taak 3, 4, 5 en 8 zetten hier hun regels bij.
 *
 * inc/modules/homepage/blokstijlen.php registreert de stijlen met dit blad,
 * zoals inc/modules/paginas/pagina.php dat voor 2 doet: vaste CSS op de vaste
 * klasse, en geen theme.json-partials in styles/. Anders nummert WordPress de
 * klasse per pagina (spec 2-3, onder de moduletabel; afwijkingen-4-7.md,
 * "Blokstijlen: statische CSS").
 *
 * WordPress zet dit blad vóór de globale stijlen in de pagina. Een regel die
 * van een layoutregel moet winnen (:root :where(.is-layout-flow) > *,
 * specificiteit 0,1,0), heeft daarom twee klassen of meer.
 *
 * Elke maat komt uit een token (HET PLAN, Global Constraints, "Code";
 * HomepageCssTest bewaakt het). De enige getallen zijn de factor 2 van het
 * vangnet, en de verhouding van het beeld vanaf 1024: de benoemde
 * uitzondering van ruling dp3-3.
 */

/*
 * Module beeld en tekst (spec 2-3, de moduletabel; ontwerpsysteem §6): crème,
 * 48 boven en onder, en vanaf 1024 64 (de schakelaar --dg-module-beeld-tekst
 * in style.css van het thema). Het patroon zet zelf geen padding.
 *
 * Collectiesfeer (spec 2-3, "Collectiesfeer zonder de UI te kleuren."): de
 * eigenaar mag op deze groep een verloop en een tekstkleur zetten, en er een
 * icoon in. Eyebrow, titel en knop houden dan hun kleur, want die komt uit
 * hun eigen regel: de blokstijl eyebrow van 2, en elements.heading en
 * elements.button in theme.json. Dit blad zet daarom geen kleur op de groep
 * of op haar tekst.
 */
.wp-block-group.is-style-module-beeld-tekst {
	padding-block: var(--dg-module-beeld-tekst);
	background-color: var(--wp--preset--color--surface);
}

/*
 * Het vangnet (spec 2-3, "De valkuil: twee gelijke modules onder elkaar."):
 * de tweede van twee na elkaar krijgt de helft van haar bovenpadding. Vier
 * klassen, dus deze regel wint van die hierboven. Een gewone en een
 * gespiegelde hebben dezelfde blokstijl (afwijking 5): ook die vangt hij.
 */
.wp-block-group.is-style-module-beeld-tekst + .wp-block-group.is-style-module-beeld-tekst {
	padding-block-start: calc(var(--dg-module-beeld-tekst) / 2);
}

/*
 * Het rooster (spec 2-3, "Beeld: een vaste hoogte per breakpoint, of een vaste
 * verhouding." en "416px met een gap van 64px"; ontwerpsysteem §7, "De module
 * beeld + tekst"; ruling dp3-3).
 *
 * Tot en met 1023 onder elkaar: het beeld boven, 24 ertussen, het beeld
 * vierkant via de preset uitgelicht. Het beeld staat ook boven als het in de
 * groep als laatste staat (order). Vanaf 1024 naast elkaar: de tekstkolom vast
 * op custom.kolom.tekst (416), 64 ertussen, het beeld in 4:3, en het beeld
 * vangt het verschil in breedte op. Staat het beeld als laatste in de groep,
 * dan staat het rechts (:has(), afwijking 5): de eigenaar spiegelt met de
 * pijlen van de blokwerkbalk.
 *
 * minmax(0, 1fr) en niet een kale 1fr: een kolom van 1fr wordt nooit smaller
 * dan de kleinste breedte van wat erin staat, en kan het rooster dan buiten
 * de container duwen. Het oude thema deed hetzelfde (.home-split__inner).
 */
.wp-block-group.dg-beeld-tekst {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--24);
	align-items: center;
}

/* De blockGap van de groep (16) en de marge van een figuur gelden in het
   rooster niet: de ruimte is de gap. */
.wp-block-group.dg-beeld-tekst > * {
	margin-block: 0;
}

.wp-block-group.dg-beeld-tekst > .wp-block-image {
	order: -1;
}

/*
 * Het beeld vult zijn kolom in de verhouding van de module; cover snijdt bij,
 * zonder te vervormen. De hoeken zijn die van kaart D en van de split-promo
 * van het oude thema (custom.radius.standaard).
 */
.wp-block-group.dg-beeld-tekst > .wp-block-image img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: var(--wp--preset--aspect-ratio--uitgelicht);
	object-fit: cover;
	border-radius: var(--wp--custom--radius--standaard);
}

/*
 * De tekstkolom: nooit breder dan 416, ook onder elkaar, zodat regellengte en
 * de plek van de knop niet verspringen. border-box: zet de eigenaar padding op
 * de groep, dan past ze toch in haar kolom.
 */
.wp-block-group.dg-beeld-tekst__tekst {
	box-sizing: border-box;
	max-inline-size: var(--wp--custom--kolom--tekst);
}

/*
 * De tekststapel (ontwerpsysteem §2, regel 5): eyebrow, 8, titel, 16, tekst,
 * 40, knoppen. De 8 komt uit de regel p.is-style-eyebrow + h2 van 2
 * (paginas/blokstijlen.css), de 16 uit de blockGap van de groep. Hier alleen
 * de 40 boven de knoppen.
 */
.wp-block-group.dg-beeld-tekst__tekst > .wp-block-buttons {
	margin-block-start: var(--wp--preset--spacing--40);
}

@media (width > 1023px) {
	.wp-block-group.dg-beeld-tekst {
		grid-template-columns: minmax(0, 1fr) var(--wp--custom--kolom--tekst);
		column-gap: var(--wp--preset--spacing--64);
	}

	/* 4:3 naast de tekst (ruling dp3-3), vanaf 2560 16:9: de schakelaar
	   --dg-hoogte-beeldtekst van het thema (13-10-2026, L-15). */
	.wp-block-group.dg-beeld-tekst > .wp-block-image img {
		aspect-ratio: var(--dg-hoogte-beeldtekst);
	}

	.wp-block-group.dg-beeld-tekst:has(> .wp-block-image:last-child) {
		grid-template-columns: var(--wp--custom--kolom--tekst) minmax(0, 1fr);
	}

	.wp-block-group.dg-beeld-tekst:has(> .wp-block-image:last-child) > .wp-block-image {
		order: 0;
	}
}

/*
 * Lead (ontwerpsysteem §1, de rij "Sectietitel, productintro (lead)"; §2,
 * regel 1 en 7; §8, de tabel Blokstijlen: lead op "alinea,
 * productsamenvatting"): serif 500 in de rol sectietitel, 24/32 en vanaf 1024
 * 32/40 (de schakelaar --dg-rol-sectietitel; regelhoogte = grootte + 8),
 * −0,2 px, in kop.
 *
 * Eén regel voor twee blokken (kruiscontrole T-2): de alinea met de stijl, en
 * de alinea's in de productsamenvatting van Woo, die de stijl op haar
 * omhulsel draagt. Plan 5 registreert lead op woocommerce/product-summary met
 * de handle van dit blad, en schrijft zelf geen regel voor deze klasse;
 * HomepageBlokstijlTest bewaakt dat er geen tweede komt.
 */
.is-style-lead,
.wp-block-woocommerce-product-summary.is-style-lead p {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--dg-rol-sectietitel);
	font-weight: 500;
	line-height: calc(1em + var(--wp--preset--spacing--8));
	letter-spacing: var(--wp--custom--spatie--krap);
	color: var(--wp--preset--color--kop);
}

/*
 * De hero (deelproject 3, taak 3): de blokstijl hero op core/cover, voor het
 * patroon dreamglow/home-hero. Bronnen: spec 2-3, de hoogtetabel onder "Beeld:
 * een vaste hoogte per breakpoint, of een vaste verhouding." en "Tekst op
 * beeld"; ontwerpsysteem §1 (de rollen hero en eyebrow), §7 ("Nooit hoger dan
 * het scherm.") en §8 ("Kern-blokken"); ruling dp3-4.
 *
 * - De hoogte: 512, 480 vanaf 768 en 560 vanaf 1440 (--dg-hoogte-hero, de
 *   schakelaar van het thema), en nooit hoger dan het scherm onder de header
 *   (--dg-header-hoogte van 1b, met een terugval). De schermhoogte is de enige
 *   vaste maat hier; HomepageCssTest staat haar alleen in deze grens toe. Een
 *   min-height en geen height: met een lange titel groeit de hero mee, en de
 *   knop valt er nooit uit.
 * - De ondergrond is ink: laadt het beeld niet, dan staat de witte tekst op
 *   een donker vlak, en houdt de hero zijn hoogte.
 * - De tekst staat onderin: dat doet core met is-position-bottom-left, uit
 *   contentPosition van het patroon. 40 boven en onder. Met de teksten van nu
 *   ligt de bovenkant van de tekstgroep dan op 53 % (390), 55 % (1024) en
 *   61 % (1440) van de hoogte (ruling dp3-4: op of onder 50 %).
 * - De zijmarge als padding, en de binnencontainer hooguit wideSize breed, in
 *   het midden: zo begint de tekst op de lijn van de container, waar de
 *   inhoud van de modules eronder begint, ook op 1920. De tekstgroep krijgt
 *   geen maximale breedte van 416 (afwijking van de takenlijst, ruling
 *   dp3-10): de titel van nu is op 48 px 621 breed, en in twee regels kwam
 *   de tekstgroep op 1024 tot en met 1439 boven de helft.
 */
.wp-block-cover.is-style-hero {
	box-sizing: border-box;
	min-height: min(var(--dg-hoogte-hero), 100svh - var(--dg-header-hoogte, 0px));
	padding-block: var(--wp--preset--spacing--40);
	padding-inline: var(--dg-zijmarge);
	background-color: var(--wp--preset--color--ink);
}

/*
 * Het verloop (HET PLAN, "Tokens voor tekst op beeld"; ruling dp3-4): van
 * doorzichtig bovenaan tot dicht vanaf 55 %, over de volle hoogte, boven het
 * beeld en onder de tekst. Op ::before, met z-index 1; de binnencontainer
 * staat met 2 erboven. Niet op de laag .wp-block-cover__background van core:
 * daar zet de editor een eigen kleur in style="" zodra de eigenaar een ander
 * beeld kiest, en die zou de foto bedekken. Niet op ::after: daar tekent de
 * editor zijn selectierand, ook met z-index 1.
 */
.wp-block-cover.is-style-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	/* Een licht verloop (op-beeld.hero): de foto blijft over de hele hero
	   zichtbaar. Het dichte vlak ligt alleen achter de tekstgroep (hieronder).
	   Was op-beeld.verloop, dicht vanaf 55 % over de volle breedte: de foto
	   verdween onderin (vergelijking met de Rituals-analyse, 13-10-2026,
	   K-18). */
	background-image: var(--wp--custom--op-beeld--hero);
	pointer-events: none;
}

/*
 * Core zet bij een eigen inhoudspositie width: auto en margin: 0 op de
 * binnencontainer, met vijf klassen. De eerste selector hier heeft er zes, en
 * wint dus, in welke volgorde de bladen ook laden; de tweede geldt voor een
 * hero zonder eigen positie.
 */
.wp-block-cover.is-style-hero.has-custom-content-position.has-custom-content-position.has-custom-content-position > .wp-block-cover__inner-container,
.wp-block-cover.is-style-hero > .wp-block-cover__inner-container {
	z-index: 2;
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

/*
 * De laag achter de tekstgroep (ruling dp3-10b): de hele tekstgroep ligt
 * altijd op het dichte deel van het verloop, ook als ze hoger staat dan 55 %,
 * zoals op een telefoon in de breedte (de hero is daar 302 hoog). De laag
 * begint een aanloop boven de tekstgroep, is vanaf de bovenkant van de
 * tekstgroep dicht, en loopt tot voorbij de randen en de onderkant van de
 * hero; de cover knipt de rest af. Zo is het verloop dicht vanaf 55 %, of
 * vanaf de bovenkant van de tekstgroep als die hoger ligt. z-index -1 binnen
 * de binnencontainer: boven het beeld en het verloop van de hero, onder de
 * tekst.
 */
.wp-block-cover.is-style-hero .dg-hero__tekst {
	position: relative;
	/* Zo breed als de tekst (hooguit de container): de laag erachter eindigt
	   dan net na de tekst, en de foto ernaast blijft vrij (13-10-2026, K-18). */
	inline-size: fit-content;
	max-inline-size: 100%;
}

.wp-block-cover.is-style-hero .dg-hero__tekst::before {
	content: "";
	position: absolute;
	z-index: -1;
	/* 32 hoger dan de aanloop: zonder het dichte verloop van de hele hero
	   (K-18) moet deze laag al dicht zijn waar de tekstgroep begint. */
	top: calc(-1 * var(--wp--custom--op-beeld--aanloop) - var(--wp--preset--spacing--32));
	bottom: calc(-1 * var(--wp--style--global--wide-size));
	/* Links tot voorbij de rand; rechts nog een aanloop dicht voorbij de
	   tekstgroep, en dan in een tweede aanloop zacht weg (mask): dicht achter
	   elke letter, de rest van de foto vrij (13-10-2026, K-18). */
	inset-inline: calc(-1 * var(--wp--style--global--wide-size)) calc(-2 * var(--wp--custom--op-beeld--aanloop));
	background-image: var(--wp--custom--op-beeld--onder);
	mask-image: linear-gradient(to left, transparent 0, var(--wp--preset--color--kop) var(--wp--custom--op-beeld--aanloop));
	pointer-events: none;
}

/*
 * De tekst op beeld is wit (HET PLAN, "Collectiesfeer"). De editor zet
 * is-light op de cover als de eigenaar een lichte foto kiest, en core kleurt
 * de cover dan zwart (:where(.wp-block-cover.is-light:not(.has-text-color)),
 * met specificiteit nul), en daarmee elke tekst die de kleur van de cover
 * erft, zoals een alinea die de eigenaar toevoegt (color: inherit). Daarom is
 * de cover zelf wit: twee klassen winnen van die :where(), met of zonder
 * is-light. De bovenkop heeft daarnaast een eigen regel, hieronder:
 * .is-style-eyebrow van de paginalaag (ink-soft) heeft dezelfde specificiteit
 * als de regel van core, en dan beslist de laadvolgorde. Titel en knop hebben
 * er ook een, als extra zekerheid. Kiest de eigenaar zelf een tekstkleur
 * (has-text-color: een klasse met !important, of style), dan wint die. Geen
 * tekstschaduw: het verloop draagt het contrast.
 */
.wp-block-cover.is-style-hero {
	color: var(--wp--preset--color--paper);
}

/*
 * De titel heeft de rol hero (ontwerpsysteem §1): 32/40, vanaf 1024 48/56;
 * letter, gewicht, regelhoogte en spatiëring komen uit elements.heading van
 * theme.json. De 8 van bovenkop tot titel komt uit de regel
 * p.is-style-eyebrow + h1 van deelproject 2; de 40 boven de knoppen zet het
 * patroon op core/buttons.
 */
.wp-block-cover.is-style-hero h1 {
	font-size: var(--dg-rol-hero);
	color: var(--wp--preset--color--paper);
}

.wp-block-cover.is-style-hero .is-style-eyebrow {
	color: var(--wp--preset--color--paper);
}

/*
 * De knop op beeld: doorzichtig met een witte rand van 2 px en witte tekst;
 * bij aanwijzen wit met tekst in kop (besluit eigenaar 13-10-2026, K-20;
 * was een halfdoorzichtig donker vlak, spec 2-3, "Tekst op beeld", dat in
 * rust niet van het verloop te onderscheiden was). De knop ligt op het dichte
 * vlak achter de tekstgroep: rand en tekst halen daar ruim 3:1 en 4,5:1. De
 * rand zit in de padding, zodat de knop 48 hoog blijft. Deze regel weegt meer
 * dan de hoverregel van de knoppen in theme.json; daarom een eigen hover,
 * alleen voor een muis.
 */
.wp-block-cover.is-style-hero .wp-block-button__link {
	box-sizing: border-box;
	padding-block: calc(var(--wp--preset--spacing--16) - var(--wp--custom--rand--knop));
	padding-inline: calc(var(--wp--preset--spacing--24) - var(--wp--custom--rand--knop));
	border: var(--wp--custom--rand--knop) solid var(--wp--preset--color--paper);
	background-color: transparent;
	color: var(--wp--preset--color--paper);
}

@media (hover: hover) {
	.wp-block-cover.is-style-hero .wp-block-button__link:hover {
		background-color: var(--wp--preset--color--paper);
		color: var(--wp--preset--color--kop);
	}
}

/*
 * De focusring op beeld is wit. De moss-ring van het thema haalt op het
 * donkere verloop geen 3:1 (Review Focus 3); dikte en afstand blijven die van
 * het thema.
 */
.wp-block-cover.is-style-hero :focus-visible {
	outline-color: var(--wp--preset--color--paper);
}

/*
 * Categorietegels (taak 4): het grid van de tegels in module-tegels. Eén
 * kolom tot en met 639, twee vanaf 640, vier vanaf 1024, met de kolomafstand
 * van het productgrid (--dg-grid-kolomafstand: 8, 16 en 24). Kolommen met
 * minmax(0, 1fr): een tegel met een lange naam dwingt nooit een bredere
 * kolom af (ontwerpsysteem §3).
 *
 * De groep heeft de flowlayout van WordPress, en die geeft elk kind behalve
 * het eerste een bovenmarge (:root :where(.is-layout-flow) > *,
 * specificiteit 0,1,0). In een grid zakken de tegels daardoor uit hun rij;
 * de regel met > * zet die marge op 0 (0,2,0).
 */
.wp-block-group.dg-tegels {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--dg-grid-kolomafstand);
}

.wp-block-group.dg-tegels > * {
	margin-block: 0;
}

/*
 * Een sectiekop staat 24 boven zijn inhoud (ontwerpsysteem §2, regel 5).
 * Alleen na een eyebrow of kop: zonder kop is het grid het eerste kind, en
 * houdt het de 0 van de layout. Vier klassen: de layoutregel die hij
 * verslaat, weegt er één.
 */
.wp-block-group.is-style-module-tegels > * + .wp-block-group.dg-tegels {
	margin-block-start: var(--wp--preset--spacing--24);
}

@media (width > 639px) {
	.wp-block-group.dg-tegels {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (width > 1023px) {
	.wp-block-group.dg-tegels {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/*
 * Precies drie tegels: drie kolommen vanaf 640, zodat de rij de container
 * vult en er geen leeg vierde vak (vanaf 1024) of een losse derde tegel op
 * een eigen rij (640 tot 1023) staat. Een volle breedte voor die derde tegel
 * zou het vierkante beeld tot een smalle band snijden (vergelijking met de
 * Rituals-analyse, 13-10-2026, L-40).
 */
@media (width > 639px) {
	.wp-block-group.dg-tegels:has(> :nth-child(3):last-child) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/*
 * Verhaalkaarten (taak 5): de module van het patroon dreamglow/verhaalkaarten
 * (patronen.php). De module zelf is module-tegels van deelproject 2 (wit;
 * 40, 64 vanaf 1024 en 96 vanaf 1440; paginas/blokstijlen.css). Hier staat
 * alleen wat erbinnen gebeurt. Elke maat komt uit een token.
 */

/*
 * De sectiekop staat 24 boven de kaarten (ontwerpsysteem §2, regel 5: "Een
 * sectiekop staat 24 boven zijn inhoud"), in plaats van de blockGap van 16.
 * Alleen na een eyebrow of kop: zonder kop staat er niets boven de kaarten.
 * Vier klassen tegen de layoutregel (:root :where(.is-layout-constrained) > *),
 * die één klasse weegt en later in de pagina staat.
 */
.wp-block-group.is-style-module-tegels > * + .wp-block-group.dg-verhaalkaarten {
	margin-block-start: var(--wp--preset--spacing--24);
}

/*
 * Het raster: één kolom tot en met 1023, drie vanaf 1024 (het oude
 * thema had drie vanaf 900). De afstanden komen uit de schakelaars van het thema: kolommen 8, 16
 * en vanaf 1024 24 (--dg-grid-kolomafstand), rijen 16 en vanaf 640 24
 * (--dg-grid-rijafstand). Onder elkaar staan de kaarten zo minstens 16 uit
 * elkaar; met alleen de kolomafstand was dat op een telefoon 8.
 *
 * De groep heeft de layout flow. Die zet op elk kind behalve het eerste een
 * margin-block-start van 16, en in een raster komt die bij de rijafstand.
 * Daarom 0, met twee klassen tegen de ene van de layoutregel.
 */
.wp-block-group.dg-verhaalkaarten {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--dg-grid-rijafstand) var(--dg-grid-kolomafstand);
}

.wp-block-group.dg-verhaalkaarten > * {
	margin-block: 0;
}

@media (width > 1023px) {
	.wp-block-group.dg-verhaalkaarten {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/*
 * Eén kaart: beeld, titel en tekst onder elkaar, met de blockGap van 16 van
 * de layout flow. Het beeld vult de breedte van de kaart, ook als het
 * bestand smaller is; de hoogte volgt uit de verhouding die het beeldblok
 * zelf draagt (16/9, de preset video).
 *
 * De hele kaart is één link: de link in de titel legt een ::after over de
 * kaart. Een klik op beeld of tekst
 * komt zo op die link uit, en een schermlezer hoort één link, met de titel
 * als naam. Een kaart zonder link heeft geen ::after, en dus geen klikvlak.
 * De focusring staat rond de hele kaart, niet rond de titel: de hele kaart is
 * de link (eigenaarsbesluit B2, 6 oktober 2026; eindronde deelproject 6). Het
 * is de ring van het thema (custom.focus-ring, moss op wit, op
 * custom.focus.afstand), en de link zelf heeft dan geen ring meer.
 */
.wp-block-group.dg-verhaalkaart {
	position: relative;
}

.dg-verhaalkaart .wp-block-image img {
	inline-size: 100%;
}

.dg-verhaalkaart .wp-block-heading a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.wp-block-group.dg-verhaalkaart:has(.wp-block-heading a:focus-visible) {
	outline: var(--wp--custom--focus-ring);
	outline-offset: var(--wp--custom--focus--afstand);
}

.dg-verhaalkaart .wp-block-heading a:focus-visible {
	outline: none;
}

/*
 * Kleur uit een eigen regel (spec 2-3, "Collectiesfeer zonder de UI te
 * kleuren."): zet de eigenaar een waas of een tekstkleur op de module of op
 * een kaart, dan houden titel en tekst hun kleur. De titel is kop, en de
 * link erin erft die, zonder streep; de tekst is ink. De eyebrow en de
 * sectietitel hebben hun kleur al uit een eigen regel
 * (paginas/blokstijlen.css, en de globale stijlen van h2).
 */
.dg-verhaalkaart .wp-block-heading {
	color: var(--wp--preset--color--kop);
}

.dg-verhaalkaart .wp-block-heading a {
	color: inherit;
	text-decoration: none;
}

.dg-verhaalkaart > p {
	color: var(--wp--preset--color--ink);
}

@media (hover: hover) {
	.dg-verhaalkaart:hover .wp-block-heading a {
		text-decoration: underline;
		text-underline-offset: var(--wp--preset--spacing--4);
	}
}

/*
 * De haarlijn onderaan de homepage (ontwerpsysteem §6): een crème module
 * direct boven de crème footer krijgt een lijn als grens; daar valt de
 * kleurwissel weg. Op de homepage staan de modules in core/post-content, en
 * daar ziet de regel van deelproject 2 (main > .wp-block-group…:last-child, in
 * paginas/blokstijlen.css) ze niet. Crème zijn beeld-tekst en tekstband.
 */
main > .wp-block-post-content > .wp-block-group.is-style-module-beeld-tekst:last-child,
main > .wp-block-post-content > .wp-block-group.is-style-module-tekstband:last-child {
	border-block-end: var(--wp--custom--lijn--dun) solid var(--wp--preset--color--line);
}