/**
 * News Element — Post Grid F block (news-element's post-grid-f).
 * Structure only; column widths, spacing, image heights and colours come
 * from the block's controls. Runs inside the Grid view
 * (.ne-grid-items.post_grid_f).
 */

.ne-grid-items.post_grid_f > .pgf-lead,
.ne-grid-items.post_grid_f > .pgf-right {
	flex: 0 0 50%;
	max-width: 50%;
}

/* Lead: image above the text. */
.pgf-lead .post-item {
	display: block;
	width: 100%;
}

.pgf-lead .ft-thumbwrap {
	display: block;
}

.pgf-lead .excerpt-wrap {
	margin-top: 15px;
}

/* Right column: small cards side by side with their text. */
.pgf-small {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 20px;
}

.pgf-small .ft-thumbwrap {
	display: block;
	flex: 0 0 40%;
	min-width: 0;
}

.pgf-small .excerpt-wrap {
	flex: 1 1 0;
	min-width: 0;
}

/* Half-width cards share a row inside the right column. */
.pgf-big {
	display: flex;
	flex-wrap: wrap;
}

.pgf-cell {
	flex: 0 0 50%;
	max-width: 50%;
	box-sizing: border-box;
}

.pgf-cell .post-item {
	display: block;
	width: 100%;
}

.pgf-cell .ft-thumbwrap {
	display: block;
}

.pgf-cell .excerpt-wrap {
	margin-top: 15px;
}

/* Title defaults (Post title controls override). */
:where(.pgf-lead) .ne-title {
	margin: 8px 0;
	font-size: 26px;
	line-height: 1.25;
}

:where(.pgf-right) .ne-title {
	margin: 0 0 6px;
	font-size: 18px;
	line-height: 1.35;
}

.post_grid_f .ne-title a {
	text-decoration: none;
}

@media (max-width: 767px) {
	.ne-grid-items.post_grid_f > .pgf-lead,
	.ne-grid-items.post_grid_f > .pgf-right {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}

	.pgf-cell {
		flex-basis: 100%;
		max-width: 100%;
	}
}