/* Isolated responsive shell for the news list and detail routes. */
.mdx-news-page,
.news-detail-page {
	min-width: 0;
}

.mdx-news-page .news-page__intro-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
}

.mdx-news-page .news-page__intro-picture img {
	display: block;
	max-width: 100%;
}

@media only screen and (max-width: 767.9px) {
	.mdx-news-page .news-page.page-intro {
		height: auto;
		min-height: 0;
		margin-bottom: 3.5rem;
	}

	.mdx-news-page .news-page > .container > .columns {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.mdx-news-page .news-page .page-intro__content {
		height: auto;
		min-height: 0;
		padding: 1.5rem 0 0;
	}

	.mdx-news-page .news-page__intro-button {
		width: 100%;
		min-height: 3.25rem;
		margin-top: 1.5rem;
	}

	.mdx-news-page .news-page__intro-picture {
		position: relative;
		inset: auto;
		display: flex;
		justify-content: center;
		width: 100%;
		max-width: 31rem;
		height: auto;
		margin: 0 auto;
	}

	.mdx-news-page .news-page__intro-picture::after {
		content: none;
	}

	.mdx-news-page .news-page__intro-picture img {
		width: 100%;
		height: auto;
		max-height: 24rem;
		margin: 0 auto;
		object-fit: contain;
		object-position: center bottom;
	}
}

@media only screen and (max-width: 479.9px) {
	.mdx-news-page .news-page.page-intro {
		margin-bottom: 2.75rem;
	}

	.mdx-news-page .news-page__intro-picture img {
		max-height: 19rem;
	}
}