/* Post Navigation Cards – scoped to .cd-post-nav only */
.cd-post-nav {
	--pn-blue: #0B6EF5;
	--pn-dark: #003E9C;
	--pn-soft: #F0F6FF;
	--pn-border: #DCE7F7;
	--pn-text: #1F2937;

	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 48px 0 24px;
	padding-top: 32px;
	border-top: 1px solid var(--pn-border);
	clear: both;
}
.cd-post-nav *,
.cd-post-nav *::before,
.cd-post-nav *::after { box-sizing: border-box; }

.cd-post-nav .cd-post-nav__link {
	display: flex !important;
	flex-direction: column;
	gap: 8px;
	min-height: 100%;
	padding: 18px 20px !important;
	background: #fff !important;
	border: 1px solid var(--pn-border) !important;
	border-radius: 14px !important;
	box-shadow: 0 2px 10px rgba(0, 60, 160, .05);
	text-decoration: none !important;
	transition: transform .2s, box-shadow .2s, border-color .2s, background .2s;
}
.cd-post-nav .cd-post-nav__link--next { text-align: right; align-items: flex-end; }

.cd-post-nav .cd-post-nav__link:hover,
.cd-post-nav .cd-post-nav__link:focus-visible {
	transform: translateY(-3px);
	border-color: var(--pn-blue) !important;
	background: var(--pn-soft) !important;
	box-shadow: 0 12px 26px rgba(0, 60, 160, .12);
	outline: none;
}

.cd-post-nav .cd-post-nav__label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .08em;
	text-transform: uppercase !important;
	color: var(--pn-blue) !important;
	line-height: 1 !important;
}
.cd-post-nav .cd-post-nav__label svg {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	transition: transform .2s;
}
.cd-post-nav .cd-post-nav__link--prev:hover svg { transform: translateX(-3px); }
.cd-post-nav .cd-post-nav__link--next:hover svg { transform: translateX(3px); }

.cd-post-nav .cd-post-nav__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: var(--pn-text) !important;
	text-transform: none !important;
}
.cd-post-nav .cd-post-nav__link:hover .cd-post-nav__title { color: var(--pn-dark) !important; }

/* Phones: stack the two cards */
@media (max-width: 640px) {
	.cd-post-nav {
		grid-template-columns: 1fr;
		gap: 12px;
		margin: 36px 0 20px;
		padding-top: 24px;
	}
	.cd-post-nav .cd-post-nav__spacer { display: none; }
	.cd-post-nav .cd-post-nav__link { padding: 16px 18px !important; }
	.cd-post-nav .cd-post-nav__title { font-size: 15px !important; }
}