/**
 * Publication CTA (next-in-series, homepage / about / subscribe).
 */

.next-in-series {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--main);
	margin-block: 0;
	padding-block: clamp(5rem, 8vw, 7rem);
	position: relative;
	z-index: 20;
}

.next-in-series__inner {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: min(var(--nb-wide), calc(100% - (2 * var(--nb-edge))));
	width: 100%;
}

.next-in-series__layout {
	align-items: start;
	display: grid;
	gap: clamp(3rem, 6.65vw, 6rem);
	grid-template-columns: minmax(20rem, 0.9fr) minmax(0, 1.1fr);
}

.next-in-series__identity,
.next-in-series__article {
	min-width: 0;
}

.next-in-series__identity {
	position: relative;
}

.next-in-series__emblem-link {
	display: block;
	line-height: 0;
}

.next-in-series__cue {
	align-items: center;
	color: var(--wp--preset--color--purple, #493597);
	display: flex;
	gap: 0.75rem;
	min-width: 0;
	position: absolute;
	right: calc(100% + clamp(3rem, 6.65vw, 6rem));
	top: 50%;
	transform: translateY(-50%);
	width: min(100%, 12.75rem);
}

.next-in-series__direction {
	flex: 0 0 auto;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--xx-small);
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.next-in-series__direction--mobile {
	display: none;
}

.next-in-series__publication {
	margin: 0 0 clamp(2rem, 3.35vw, 3rem);
}

.next-in-series__publication-name {
	color: var(--wp--preset--color--purple, #493597);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 700;
	margin: 0;
}

.next-in-series__publication-description {
	color: var(--wp--preset--color--purple, #493597);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--base);
	line-height: var(--wp--custom--line-height--relaxed);
	margin: var(--wp--preset--spacing--small) 0 0;
	max-width: 24rem;
}

.next-in-series__eyebrow-row {
	align-items: center;
	display: flex;
}

.next-in-series__eyebrow {
	margin: 0;
}

.next-in-series__toc {
	margin: var(--wp--preset--spacing--small) 0 0;
}

/* Color context for series TOC / continue — chrome → tools.css .nb-bracket-link */
.next-in-series__toc a,
.next-in-series__continue {
	color: var(--wp--preset--color--purple, #493597);
}

.next-in-series__title-row {
	margin-block-start: var(--wp--preset--spacing--medium);
	position: relative;
}

.next-in-series__title {
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: var(--wp--custom--line-height--tight);
	margin: 0;
	max-width: 20ch;
	overflow-wrap: anywhere;
}

.next-in-series__title a {
	color: var(--wp--preset--color--main);
	text-decoration-color: transparent;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.13em;
	transition: color var(--net-blog-motion-duration-fast) var(--net-blog-motion-ease-standard),
		text-decoration-color var(--net-blog-motion-duration-fast) var(--net-blog-motion-ease-standard);
}

.next-in-series__title a:hover {
	color: var(--wp--preset--color--purple, #493597);
	text-decoration-color: currentColor;
}

.next-in-series__excerpt {
	color: var(--wp--preset--color--purple, #493597);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--relaxed);
	margin-block: var(--wp--preset--spacing--medium) 0;
	max-width: 62ch;
}

.next-in-series__footer {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--medium) clamp(2rem, 4vw, 3rem);
	justify-content: flex-start;
	margin-block-start: var(--wp--preset--spacing--large);
}

.next-in-series__continue,
.next-in-series__meta {
	color: var(--wp--preset--color--purple, #493597);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.next-in-series__continue {
	align-items: center;
	display: inline-flex;
	min-height: 2.75rem;
}

.next-in-series__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 0;
}

.next-in-series__title a:focus-visible,
.next-in-series__emblem-link:focus-visible {
	outline: 2px solid var(--wp--preset--color--purple, #493597);
	outline-offset: 0.25rem;
}

.next-in-series__footer:has(.joined-field),
.next-in-series__footer:has(.cta-subscribe-form),
.next-in-series__footer:has(.nb-hubspot-subscribe) {
	width: 100%;
}

/* Footer flush when CTA is last → tools.css */

@media (max-width: 781px) {
	.next-in-series {
		padding-block: var(--wp--preset--spacing--x-large);
	}

	.next-in-series__layout {
		gap: var(--wp--preset--spacing--x-large);
		grid-template-columns: minmax(0, 1fr);
	}

	.next-in-series__identity {
		align-items: center;
		display: grid;
		gap: clamp(1.25rem, 5vw, 2.5rem);
		grid-template-columns: auto minmax(0, 1fr);
		max-width: 38rem;
	}

	.next-in-series__cue {
		display: none;
	}

	.next-in-series__direction--mobile {
		display: block;
		font-size: var(--wp--preset--font-size--small);
	}

	.next-in-series__publication {
		margin-block-end: var(--wp--preset--spacing--large);
	}

	.next-in-series__title {
		font-size: var(--wp--preset--font-size--large);
		max-width: 26ch;
	}
}

@media (max-width: 480px) {
	.next-in-series__footer {
		align-items: flex-start;
		flex-direction: column;
		gap: var(--wp--preset--spacing--small);
	}
}

@media (prefers-reduced-motion: reduce) {
	.next-in-series__title a {
		transition: none;
	}
}