.post-card {
	display: flex;
	flex-direction: column;
}

.resources-layout,
.blog-entry-layout {
	display: grid;
	gap: 2rem;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
}

.blog-sidebar {
	align-self: start;
	background: #fff;
	border: 1px solid var(--pimpart-border);
	border-radius: .75rem;
	padding: 1.25rem;
}

.blog-sidebar .widget-title {
	font-weight: 700;
}

.widget + .widget {
	border-top: 1px solid var(--pimpart-border);
	margin-top: 1.25rem;
	padding-top: 1.25rem;
}

.widget-title {
	font-size: 1.05rem;
	margin-bottom: .85rem;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget li + li {
	margin-top: .55rem;
}

.widget a {
	color: inherit;
	display: inline-block;
	font-size: .9rem;
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}

.widget a:hover,
.widget a:focus {
	color: var(--pimpart-orange);
	transform: translateX(3px);
}

.page-transition {
	background: #0c0d0f;
	inset: 0;
	opacity: 1;
	pointer-events: none;
	position: fixed;
	visibility: visible;
	z-index: 99999;
	animation: pimpart-page-reveal .65s ease forwards;
}

.page-transition.is-exiting {
	animation: none;
	opacity: 1;
	transition: opacity .28s ease;
	visibility: visible;
}

@keyframes pimpart-page-reveal {
	from { opacity: 1; }
	to { opacity: 0; visibility: hidden; }
}

.post-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.post-card h2 {
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 1.08;
	margin-bottom: 1rem;
	min-height: 3.24rem;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.post-meta {
	font-size: .72rem;
	line-height: 1.3;
}

.post-meta__date,
.post-meta__category {
	display: block;
}

.post-meta__category {
	margin-top: .15rem;
}

.post-card__excerpt {
	color: var(--pimpart-gray);
	display: -webkit-box;
	font-size: .92rem;
	line-height: 1.45;
	margin-top: auto;
	min-height: 5.35rem;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

@media (max-width: 991.98px) {
	.resources-layout,
	.blog-entry-layout {
		grid-template-columns: 1fr;
	}

	.blog-sidebar {
		order: 2;
	}
}