/* Blog archive. The head, the filter row, the card and the grid come from the
   shared archive rules in main.css; only the featured row and the sign-up row
   are specific to this page. */

.post-card--featured {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	align-items: stretch;
	gap: 0;
	padding: var(--wp--preset--spacing--20);
}

.post-card--featured .post-card__media {
	aspect-ratio: 4 / 3;
	border-radius: 10px;
	overflow: hidden;
}

.post-card--featured .post-card__body {
	gap: 0.75rem;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--35);
}

.post-card--featured .post-card__title {
	font-size: var(--wp--preset--font-size--x-large);
}

.post-card--featured .post-card__link {
	align-self: flex-start;
	margin-top: var(--wp--preset--spacing--10);
}

.post-card--featured .post-card__body:only-child {
	grid-column: 1 / -1;
}

/* Sign-up row */

.blog-cta {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: var(--wp--preset--spacing--35);
	margin-bottom: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	background: var(--astm-info-soft);
}

.blog-cta__media img {
	display: block;
	width: 140px;
	height: auto;
}

.blog-cta__title {
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--x-large);
}

.blog-cta__text {
	margin: 0 0 var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--muted);
	line-height: 1.5;
}

.blog-cta__note {
	margin: var(--wp--preset--spacing--10) 0 0;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--x-small);
}

.blog-cta__link {
	display: inline-block;
	margin-top: var(--wp--preset--spacing--10);
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--small);
}

@media (max-width: 860px) {
	.post-card--featured {
		grid-template-columns: minmax(0, 1fr);
	}

	.blog-cta {
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		padding: var(--wp--preset--spacing--35);
		text-align: center;
	}
}