/* Keep each cover complete, with the image itself defining the media frame. */
.wup26-wrap .wup26-photo {
	aspect-ratio: auto;
	padding: 0;
}
.wup26-wrap .wup26-photo img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* Remove forced heights and inset image padding from the lower cards. */
.wup26-wrap .wup26-grid {
	align-items: start;
}
.wup26-wrap .wup26-grid .wup26-card {
	min-height: 0;
	padding: 0;
}
.wup26-wrap .wup26-grid .wup26-copy {
	flex: none;
	padding: 14px 16px 8px;
}

/* The lead cover sets the card height; keep its copy compact enough to fit. */
.wup26-wrap .wup26-featured {
	align-items: start;
	padding: 0;
	border: 0;
	background: transparent;
}
.wup26-wrap .wup26-lead {
	min-height: 0;
	align-items: start;
	border: 0;
}
.wup26-wrap .wup26-lead .wup26-photo {
	align-self: start;
}
.wup26-wrap .wup26-lead .wup26-copy {
	justify-content: flex-start;
	padding: 20px 24px;
}
.wup26-wrap .wup26-lead .wup26-copy h2 {
	margin-top: 12px;
}
.wup26-wrap .wup26-lead .wup26-copy time {
	margin-top: 8px;
}
.wup26-wrap .wup26-lead .wup26-copy p {
	margin: 12px 0 0;
}

/* Side cards follow their content instead of stretching to the lead's height. */
.wup26-wrap .wup26-side > .wup26-card {
	flex: none;
	align-items: start;
}
.wup26-wrap .wup26-side .wup26-photo {
	aspect-ratio: auto;
}
.wup26-wrap .wup26-side .wup26-copy {
	justify-content: flex-start;
}

@media (max-width: 1199px) and (min-width: 768px) {
	.wup26-wrap .wup26-lead {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 767px) {
	.wup26-wrap .wup26-lead .wup26-copy {
		padding: 16px 18px;
	}
}