@media (min-width: 941px) {
	.blog-directory-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.blog-directory-grid .archive-card {
		min-width: 0;
		padding: 16px;
	}

	.blog-directory-grid .archive-card__media {
		margin: -16px -16px 16px;
	}

	.blog-directory-grid .archive-card h3 {
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 14px;
		overflow-wrap: anywhere;
	}

	.blog-directory-grid .archive-card p {
		font-size: 14px;
		line-height: 1.6;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 760px) {
	.blog-directory-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.blog-directory-grid .archive-card {
		min-width: 0;
		padding: 12px;
	}

	.blog-directory-grid .archive-card__media {
		margin: -12px -12px 12px;
	}

	.blog-directory-grid .archive-card span {
		font-size: 9px;
		line-height: 1.4;
	}

	.blog-directory-grid .archive-card h3 {
		font-size: 16px;
		line-height: 1.25;
		margin-bottom: 10px;
		overflow-wrap: anywhere;
	}

	.blog-directory-grid .archive-card p {
		font-size: 12px;
		line-height: 1.5;
		overflow-wrap: anywhere;
	}
}

@supports (grid-template-rows: subgrid) {
	.blog-directory-grid .archive-card {
		display: grid;
		grid-row: span 4;
		grid-template-rows: subgrid;
		row-gap: 0;
	}
}

.blog-landing-intro .blog-usage-heading {
	font-size: 28px;
	line-height: 1.2;
	margin: 0 0 4px;
}