/**
 * Founders Grotesk Mono — DEV ONLY (Regular 400)
 *
 * WARNING: Do not enqueue this stylesheet on live localbiodiversityoutlooks.net
 * without Jimmy confirmation. Klim Type Foundry commercial webfont (Regular only).
 * Enqueued via lbo_enqueue_founders_grotesk_mono() when host is destinly/dev.
 */

/* CSS variable for sparse testing (does not replace body type). */
:root {
	--lbo-font-mono: "Founders Grotesk Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

@font-face {
	font-family: "Founders Grotesk Mono";
	src: url("./fonts/founders-grotesk-mono/FoundersGroteskMono-Regular.woff2") format("woff2"),
		url("./fonts/founders-grotesk-mono/FoundersGroteskMono-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/**
 * Utility — apply sparingly for testing (e.g. labels, captions, code-like UI).
 * Example: <span class="lbo-font-mono">LBO-3</span>
 */
.lbo-font-mono {
	font-family: var(--lbo-font-mono);
	font-feature-settings: "tnum" 1;
	font-size: var(--lbo-text-caption, 1rem);
	line-height: var(--lbo-leading-mono, 1.2) !important;
	font-weight: 400 !important; /* Jimmy: mono never bold */
}

/**
 * Image captions — Founders Mono (destinly / dev only; this file is host-gated).
 *
 * New: Extra class name `lbo-caption-motif` on the text column (optionally also
 * `imagecaption`). Styles container text as mono whether editors use h6, p, or spans.
 * Legacy: `.imagecaption h6` / h5 stay mono without the motif class.
 * Does not force every site-wide h6 to mono.
 */
.lbo-caption-motif,
.wpb_content_element.lbo-caption-motif,
.lbo-caption-motif *:not(svg):not(path),
.wpb_content_element.lbo-caption-motif *:not(svg):not(path),
.wpb_content_element.imagecaption,
.imagecaption,
.imagecaption *:not(svg):not(path),
.imagecaption h5,
.imagecaption h6,
.imagecaption p,
.wpb_text_column h6,
.post-content blockquote + h6,
.wpb_gallery .nectar-flickity .item-meta,
.wpb_gallery .nectar-flickity .item-meta *:not(svg):not(path),
body.lbo-form-text .img-with-aniamtion-wrap p.img-caption,
body.lbo-case-study .img-with-aniamtion-wrap p.img-caption,
.lbo-case-study-sidebar .lbo-sidebar-featured-caption p.img-caption,
.quoteauthor {
	font-family: var(--lbo-font-mono) !important;
	font-feature-settings: "tnum" 1;
	/* Caption size on containers so unitless 1.2 never resolves against body 22px. */
	font-size: var(--lbo-text-caption, 1rem);
	line-height: var(--lbo-leading-mono, 1.2) !important;
	font-weight: 400 !important; /* Jimmy: mono never bold */
}

/**
 * Case study sidebar (Text / Film templates) — small Founders Mono.
 * Add Extra class name `lbo-case-study-sidebar` on the WPBakery sidebar column.
 * Destinly samples 18322/18323 and live drafts 18330/18331.
 * Legacy columns (Besao-style): same mono on meta only — Dot / .imagecaption
 * already covered by caption rules above; do not force mono on the whole column
 * so caption↔body spacing work stays untouched.
 */
.lbo-case-study-sidebar,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) {
	font-family: var(--lbo-font-mono);
	font-feature-settings: "tnum" 1;
	font-size: var(--lbo-text-caption, 1rem);
	line-height: var(--lbo-leading-mono, 1.2) !important;
}

.lbo-case-study-sidebar,
.lbo-case-study-sidebar *:not(svg):not(path),
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails),
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) *:not(svg):not(path) {
	font-family: var(--lbo-font-mono) !important;
	font-size: var(--lbo-text-caption, 1rem);
	line-height: var(--lbo-leading-mono, 1.2) !important;
}

/* Legacy sidebars without Extra class — meta blocks only. */
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails *:not(svg):not(path),
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .post-meta-block,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .post-meta-block *:not(svg):not(path),
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .acf-meta-group,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .acf-meta-group *:not(svg):not(path),
body.lbo-case-study .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails,
body.lbo-case-study .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails *:not(svg):not(path),
body.lbo-case-study .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .post-meta-block,
body.lbo-case-study .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .post-meta-block *:not(svg):not(path),
body.lbo-case-study .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .acf-meta-group,
body.lbo-case-study .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .acf-meta-group *:not(svg):not(path) {
	font-family: var(--lbo-font-mono) !important;
	font-feature-settings: "tnum" 1;
	/* Match caption strut: parent font-size must be caption or inline li wraps at 26.4px. */
	font-size: var(--lbo-text-caption, 1rem) !important;
	line-height: var(--lbo-leading-mono, 1.2) !important;
	font-weight: 400 !important; /* Jimmy: mono never bold */
}

.lbo-case-study-sidebar h5,
.lbo-case-study-sidebar .casestudydetails h5,
.lbo-case-study-sidebar .post-meta-block h5,
.lbo-case-study-sidebar h5 strong,
.lbo-case-study-sidebar .casestudydetails h5 strong,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) h5,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) h5 strong,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) .post-meta-block h5,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails h5,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails h5 strong,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .post-meta-block h5,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .acf-meta-group h5 {
	font-weight: 400 !important;
	font-style: normal !important;
}

.lbo-case-study-sidebar li,
.lbo-case-study-sidebar p,
.lbo-case-study-sidebar em,
.lbo-case-study-sidebar a,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) li,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) p,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) em,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) a,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails li,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails p,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails em,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .casestudydetails a,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .post-meta-block li,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .post-meta-block a,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .acf-meta-group li,
body.lbo-form-text .wpb_column:not(.lbo-case-study-sidebar):has(.wpb_wrapper > .wpb_text_column.casestudydetails) .acf-meta-group a {
	font-weight: 400 !important;
	font-style: normal !important;
}

/* Compact sidebar rhythm: margins only — divider border/padding lives in style.css. */
.lbo-case-study-sidebar .wpb_content_element.casestudydetails,
.lbo-case-study-sidebar .wpb_text_column,
:is(#post-18322, #post-18330) .lbo-case-study-sidebar .wpb_content_element.casestudydetails,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) .wpb_content_element.casestudydetails {
	margin-top: 0 !important;
}

.lbo-case-study-sidebar .lbo-sidebar-featured-caption,
.lbo-case-study-sidebar .wpb_content_element.lbo-sidebar-featured-caption,
.lbo-case-study-sidebar .wpb_text_column.lbo-sidebar-featured-caption,
.lbo-case-study-sidebar .lbo-sidebar-featured-caption p.img-caption {
	margin-bottom: 0 !important;
}

.lbo-case-study-sidebar .casestudydetails,
.lbo-case-study-sidebar .casestudydetails:has(.post-meta-block),
:is(#post-18322, #post-18330) .lbo-case-study-sidebar .casestudydetails,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) .casestudydetails {
	margin-top: 0 !important;
}

.lbo-case-study-sidebar h5,
.lbo-case-study-sidebar .casestudydetails h5,
.lbo-case-study-sidebar .post-meta-block h5,
.lbo-case-study-sidebar .acf-meta-group h5,
:is(#post-18322, #post-18330) .lbo-case-study-sidebar h5,
:is(#post-18322, #post-18330) .lbo-case-study-sidebar .post-meta-block h5,
:is(#post-18322, #post-18330) .lbo-case-study-sidebar .acf-meta-group h5,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) h5,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) .post-meta-block h5,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) .acf-meta-group h5 {
	font-weight: 400 !important;
	font-style: normal !important;
}

.lbo-case-study-sidebar .post-meta-block,
:is(#post-18322, #post-18330) .lbo-case-study-sidebar .post-meta-block,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) .post-meta-block {
	padding-top: 0 !important;
	margin: 0 !important;
}

.lbo-case-study-sidebar .acf-meta-group,
:is(#post-18322, #post-18330) .lbo-case-study-sidebar .acf-meta-group,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) .acf-meta-group {
	margin-top: 0 !important;
}

.lbo-case-study-sidebar ul,
.lbo-case-study-sidebar .casestudydetails ul,
.lbo-case-study-sidebar .post-meta-block ul,
:is(#post-18322, #post-18330) .lbo-case-study-sidebar ul,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.lbo-case-study-sidebar ul li,
.lbo-case-study-sidebar .casestudydetails ul li,
.lbo-case-study-sidebar .post-meta-block ul li,
:is(#post-18322, #post-18330) .lbo-case-study-sidebar ul li,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) ul li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	display: inline;
}

.lbo-case-study-sidebar ul li::marker,
.lbo-case-study-sidebar .casestudydetails ul li::marker,
.lbo-case-study-sidebar .post-meta-block ul li::marker,
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) ul li::marker {
	content: none;
}

/**
 * Jimmy: monospace never bold — always Regular (400).
 * Loads last (host-gated). Beats Salient heading bold and strong/b inside
 * .casestudydetails (Besao Author h5), captions, .lbo-font-mono, h6.
 */
.lbo-font-mono,
.lbo-font-mono *:not(svg):not(path),
.lbo-caption-motif,
.lbo-caption-motif *:not(svg):not(path),
.wpb_content_element.lbo-caption-motif,
.wpb_content_element.lbo-caption-motif *:not(svg):not(path),
.imagecaption,
.imagecaption *:not(svg):not(path),
.wpb_content_element.imagecaption,
.wpb_content_element.imagecaption *:not(svg):not(path),
.wpb_text_column h6,
.post-content blockquote + h6,
.quoteauthor,
.quoteauthor *:not(svg):not(path),
.lbo-directory-card-meta,
.lbo-directory-card-meta *:not(svg):not(path),
.lbo-case-study-sidebar,
.lbo-case-study-sidebar *:not(svg):not(path),
.casestudydetails,
.casestudydetails *:not(svg):not(path),
.post-meta-block,
.post-meta-block *:not(svg):not(path),
.acf-meta-group,
.acf-meta-group *:not(svg):not(path),
body.lbo-form-text .img-with-aniamtion-wrap p.img-caption,
body.lbo-case-study .img-with-aniamtion-wrap p.img-caption,
.lbo-case-study-sidebar .lbo-sidebar-featured-caption p.img-caption,
.wpb_gallery .nectar-flickity .item-meta,
.wpb_gallery .nectar-flickity .item-meta *:not(svg):not(path),
/* Explicit strong/b/h5/h6 — Salient + editor markup often wrap Author in <strong>. */
.lbo-font-mono :is(strong, b, .bold),
.lbo-caption-motif :is(h5, h6, strong, b, .bold),
.imagecaption :is(h5, h6, strong, b, .bold),
.casestudydetails :is(h5, h6, strong, b, .bold),
.casestudydetails h5 :is(strong, b, .bold),
.post-meta-block :is(h5, h6, strong, b, .bold),
.acf-meta-group :is(h5, h6, strong, b, .bold),
.lbo-case-study-sidebar :is(h5, h6, strong, b, .bold),
.wpb_text_column h6 :is(strong, b, .bold),
.quoteauthor :is(strong, b, .bold),
.lbo-directory-card-meta :is(strong, b, .bold),
body.lbo-form-text .wpb_column:has(.casestudydetails) .casestudydetails h5,
body.lbo-form-text .wpb_column:has(.casestudydetails) .casestudydetails h5 strong,
body.lbo-form-text .wpb_column:has(.casestudydetails) .casestudydetails h5 b,
body.lbo-case-study .wpb_column:has(.casestudydetails) .casestudydetails h5,
body.lbo-case-study .wpb_column:has(.casestudydetails) .casestudydetails h5 strong,
body.lbo-case-study .wpb_column:has(.casestudydetails) .casestudydetails h5 b,
body.category-case-study .wpb_column:has(.casestudydetails) .casestudydetails h5,
body.category-case-study .wpb_column:has(.casestudydetails) .casestudydetails h5 strong,
body.category-case-study .wpb_column:has(.casestudydetails) .casestudydetails h5 b {
	font-weight: 400 !important;
}

/*
 * Mono never bold — Jimmy: Founders Grotesk Mono is always Regular (400).
 * Editors wrap sidebar labels in <strong>; Salient `h5 strong` / body strong
 * push 700. Prior rules only covered body.lbo-form-text — Film (Besao / 5644)
 * uses lbo-form-film and stayed bold. Blunt reset on all mono surfaces.
 */
.lbo-font-mono,
.lbo-font-mono *:not(svg):not(path),
.lbo-caption-motif,
.lbo-caption-motif *:not(svg):not(path),
.wpb_content_element.lbo-caption-motif,
.wpb_content_element.lbo-caption-motif *:not(svg):not(path),
.imagecaption,
.imagecaption *:not(svg):not(path),
.wpb_text_column h6,
.wpb_text_column h6 *:not(svg):not(path),
.post-content blockquote + h6,
.post-content blockquote + h6 *:not(svg):not(path),
.quoteauthor,
.quoteauthor *:not(svg):not(path),
.lbo-case-study-sidebar,
.lbo-case-study-sidebar *:not(svg):not(path),
.casestudydetails,
.casestudydetails *:not(svg):not(path),
.post-meta-block,
.post-meta-block *:not(svg):not(path),
.acf-meta-group,
.acf-meta-group *:not(svg):not(path),
.lbo-directory-card-meta,
.lbo-directory-card-meta *:not(svg):not(path),
.lbo-directory-card-featured-label,
.wpb_gallery .nectar-flickity .item-meta,
.wpb_gallery .nectar-flickity .item-meta *:not(svg):not(path),
body.lbo-form-text .img-with-aniamtion-wrap p.img-caption,
body.lbo-form-film .img-with-aniamtion-wrap p.img-caption,
body.lbo-case-study .img-with-aniamtion-wrap p.img-caption,
.lbo-case-study-sidebar .lbo-sidebar-featured-caption p.img-caption,
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails),
:is(#post-18322, #post-18330) .vc_col-sm-4:has(.casestudydetails) *:not(svg):not(path),
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails),
:is(#post-18323, #post-18331) .vc_col-sm-4:has(.casestudydetails) *:not(svg):not(path) {
	font-weight: 400 !important;
}

/**
 * News / Events post-grid meta — Founders Mono, sentence case, and
 * bottom-aligned category+date.
 *
 * Scope: Nectar Post Grid items whose category link uses a News/Events slug
 * (EN news/events; FR actualite/evenements; ES noticias/eventos) —
 * loop-markup.php renders the category `<a>` with the category SLUG as its
 * class name. Deliberately not scoped by a grid-wide class so other
 * (e.g. case-study) are never touched, even without an "Extra class name"
 * set on the WPBakery element. Case-study/Directory cards render via a
 * completely different template (.post-area.masonry.material), so they are
 * unreachable from these selectors regardless.
 *
 * Layout: js/lbo-news-events-meta-reorder.js moves `.meta-category` from its
 * default position (sibling before `.item-main`, i.e. above the title) into
 * `.nectar-post-grid-item__meta-wrap` as the first child, next to
 * `.meta-date`. The site's own separator rule
 * (`.nectar-post-grid-item__meta-wrap > span:not(:nth-child(1)):before`,
 * salient theme's element-post-grid.css) then draws the bullet between them
 * automatically — no extra bullet markup needed. This block only carries the
 * Mono font, sentence case, and tidies spacing once relocated.
 */
.nectar-post-grid-item .meta-category a:is(.news, .events, .actualite, .evenements, .noticias, .eventos),
.nectar-post-grid-item:has(.meta-category a:is(.news, .events, .actualite, .evenements, .noticias, .eventos)) .meta-date {
	font-family: var(--lbo-font-mono) !important;
	font-feature-settings: "tnum" 1;
	font-weight: 400 !important; /* Jimmy: mono never bold */
	/* Jimmy: sentence case, not the Salient default uppercase — category name
	   and date are already correctly cased in the markup (e.g. "News",
	   "6 December 2022"); only the CSS transform needs undoing. */
	text-transform: none !important;
	/* Jimmy: reset Salient's uppercase-label letter-spacing — Founders Grotesk
	   Mono elsewhere on site (captions, sidebars) runs at normal tracking. */
	letter-spacing: normal !important;
}

/* Once relocated inside .meta-wrap, sit inline with the date (flex row) instead of the block/margin spacing meant for the top-of-card position. */
.nectar-post-grid .nectar-post-grid-item .content .nectar-post-grid-item__meta-wrap > .meta-date,
.nectar-post-grid .nectar-post-grid-item .content .nectar-post-grid-item__meta-wrap > .meta-category {
	display: inline-flex;
	align-items: center;
	margin: 0;
}
.nectar-post-grid-item__meta-wrap > .meta-category a {
	margin: 0;
}

/**
 * Jimmy: remove the dot separator between date and category — misaligned,
 * no longer wanted. "04.06.26 · News" -> "04.06.26 News".
 *
 * Salient draws the dot as a CSS pseudo-element, not a text character:
 * `.nectar-post-grid .nectar-post-grid-item__meta-wrap > span:not(:nth-child(1)):before`
 * (salient/css/.../element-post-grid.css) — a 2x2px circle with
 * margin-right: 0.7em, generated on the second span in the meta-wrap
 * (here, `.meta-category`, since the reorder script above puts date first).
 *
 * `content: none` suppresses the whole pseudo-element (circle + its
 * margin), so no separate margin fix is needed: `.nectar-post-grid-item__
 * meta-wrap` already has `gap: 0.7em` (same stylesheet) between its flex
 * children, which now provides the only spacing between date and
 * category — normal spacing, no bullet.
 *
 * Scoped to News/Events cards only via the same WPML category-slug
 * selectors used elsewhere in this file, so other post-grid instances
 * elsewhere on the site keep their separator.
 */
.nectar-post-grid-item:has(.meta-category a:is(.news, .events, .actualite, .evenements, .noticias, .eventos)) .nectar-post-grid-item__meta-wrap > span:not(:nth-child(1)):before {
	content: none;
}

/**
 * News / Events post-grid — pin category+date to the bottom of `.content`
 * regardless of excerpt length, so meta lines up across cards in a row.
 *
 * DOM (confirmed on live /latest/): .nectar-post-grid-item > .inner >
 * [ .nectar-post-grid-item-bg-wrap (image), .content (text) ] as flow
 * siblings. Salient's own CSS (element-post-grid.css) leaves `.inner` and
 * `.content` at `height: auto` for the "content under image" card style, so
 * `.content` is only ever as tall as its own title+excerpt+meta — even
 * though `.nectar-post-grid-item` itself is stretched to the row's tallest
 * card (`align-items: stretch`, salient-child/style.css). Shorter excerpts
 * therefore left the meta line sitting higher up the card, with blank space
 * below it instead of at a consistent baseline.
 *
 * Fix: make `.inner` a full-height flex column so `.content` can grow to
 * fill it (image keeps its own fixed/aspect height via flex-shrink: 0), then
 * let `.item-main` (title/excerpt/meta-wrap — already a flex column via the
 * "NEWS – POST GRID" rule in style.css) grow inside `.content` too, and pin
 * `.nectar-post-grid-item__meta-wrap` to the bottom of that with
 * margin-top: auto.
 */
.nectar-post-grid-item:has(.meta-category a:is(.news, .events, .actualite, .evenements, .noticias, .eventos)) .inner {
	display: flex;
	flex-direction: column;
	height: 100% !important;
}

.nectar-post-grid-item:has(.meta-category a:is(.news, .events, .actualite, .evenements, .noticias, .eventos)) .nectar-post-grid-item-bg-wrap {
	flex-shrink: 0;
}

.nectar-post-grid-item:has(.meta-category a:is(.news, .events, .actualite, .evenements, .noticias, .eventos)) .content {
	display: flex !important;
	flex-direction: column;
	flex: 1 1 auto;
}

.nectar-post-grid-item:has(.meta-category a:is(.news, .events, .actualite, .evenements, .noticias, .eventos)) .item-main {
	flex: 1 1 auto;
}

.nectar-post-grid-item:has(.meta-category a:is(.news, .events, .actualite, .evenements, .noticias, .eventos)) .nectar-post-grid-item__meta-wrap {
	margin-top: auto;
	align-items: baseline;
	/* Jimmy: "Maybe 24 or 36px" above category+date, below the excerpt.
	   Going with 24px (--lbo-space-paragraph — the site's standard rhythm
	   token, already 24px) as the sensible default; bump to 36px if Jimmy
	   wants more air once he sees it live. margin-top: auto above already
	   pushes this row to the bottom of .item-main on short excerpts, but
	   collapses to 0 when the excerpt fills the card — this padding-top
	   guarantees the minimum gap either way. */
	padding-top: var(--lbo-space-paragraph, 24px);
}

/*
 * Related News / Events cards — same date + category mono line as Latest / Home.
 * Layout (grouping, bottom pin) lives in style.css; this file is destinly-only.
 */
.related-post-wrap.lbo-related-post-wrap--news-events .lbo-related-card-meta,
.related-post-wrap.lbo-related-post-wrap--news-events .lbo-related-card-meta__date,
.related-post-wrap.lbo-related-post-wrap--news-events .lbo-related-card-meta__category {
	font-family: var(--lbo-font-mono) !important;
	font-feature-settings: "tnum" 1;
	font-weight: 400 !important;
	font-style: normal !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-size: var(--lbo-text-caption, 1rem);
	line-height: var(--lbo-leading-mono, 1.2) !important;
}