/**
 * Fondo editorial para las entradas individuales.
 *
 * Se mantiene separado del archivo de Devlogs y de la página del juego para
 * que el cambio de ambiente no modifique otras composiciones de AikoGx.
 */
body.single-post {
	--aikogx-entry-bg: #17152b;
	--aikogx-entry-bg-deep: #111326;

	background-color: var(--aikogx-entry-bg);
	background-image:
		radial-gradient(circle at 12% 0%, rgba(175, 70, 190, 0.14), transparent 34rem),
		radial-gradient(circle at 88% 48%, rgba(41, 91, 170, 0.14), transparent 38rem),
		linear-gradient(135deg, #1b1731 0%, var(--aikogx-entry-bg) 52%, var(--aikogx-entry-bg-deep) 100%);
	background-repeat: no-repeat;
}

/*
 * Navegación de entradas: sustituye la franja genérica de Astra por una
 * pareja de tarjetas compactas que conserva los enlaces anterior/siguiente.
 */
body.single-post .navigation.post-navigation {
	width: min(calc(100% - 2rem), 1120px);
	margin: clamp(2rem, 4vw, 3.5rem) auto 0;
	padding: 1.4rem 0 1.7rem;
	border-top: 1px solid rgba(165, 125, 232, 0.22);
	background: transparent;
}

body.single-post .navigation.post-navigation .nav-links {
	display: flex;
	max-width: 980px;
	margin: 0 auto;
	align-items: stretch;
	justify-content: space-between;
	gap: 1rem;
}

body.single-post .navigation.post-navigation .nav-previous,
body.single-post .navigation.post-navigation .nav-next {
	width: min(100%, 32rem);
}

body.single-post .navigation.post-navigation .nav-next { margin-left: auto; }

body.single-post .navigation.post-navigation a {
	position: relative;
	display: block;
	min-height: 5.2rem;
	padding: 0.95rem 1.2rem 1.05rem 2.9rem;
	border: 1px solid rgba(165, 125, 232, 0.28);
	color: var(--aikogx-entry-body, #e1d7e5);
	background: linear-gradient(110deg, rgba(238, 62, 162, 0.08), rgba(17, 19, 38, 0.36));
	font-size: 0;
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

body.single-post .navigation.post-navigation a::before {
	display: block;
	content: "Previous post";
	color: #ee3ea2;
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.16em;
	line-height: 1.3;
	text-transform: uppercase;
}

body.single-post .navigation.post-navigation .nav-next a::before { content: "Next post"; }

body.single-post .navigation.post-navigation a::after {
	display: block;
	margin-top: 0.32rem;
	content: attr(title);
	color: #f7e3ca;
	font-size: 0.98rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.25;
	text-wrap: balance;
}

body.single-post .navigation.post-navigation .ast-left-arrow,
body.single-post .navigation.post-navigation .ast-right-arrow {
	position: absolute;
	top: 50%;
	left: 1.05rem;
	color: #68c9e3;
	font-size: 1.15rem;
	line-height: 1;
	transform: translateY(-50%);
}

body.single-post .navigation.post-navigation .ast-right-arrow {
	right: 1.05rem;
	left: auto;
}

body.single-post .navigation.post-navigation .nav-next a { padding-right: 2.9rem; padding-left: 1.2rem; text-align: right; }

body.single-post .navigation.post-navigation a:hover,
body.single-post .navigation.post-navigation a:focus-visible {
	border-color: #ee3ea2;
	background: linear-gradient(110deg, rgba(238, 62, 162, 0.16), rgba(17, 19, 38, 0.48));
	transform: translateY(-2px);
}

@media (max-width: 760px) {
	body.single-post .navigation.post-navigation {
		width: calc(100% - 2rem);
		margin-top: 3.5rem;
	}

	body.single-post .navigation.post-navigation .nav-links {
		flex-direction: column;
	}

	body.single-post .navigation.post-navigation .nav-previous,
	body.single-post .navigation.post-navigation .nav-next {
		width: 100%;
	}

	body.single-post .navigation.post-navigation .nav-next a {
		text-align: left;
	}
}

@media (max-width: 420px) {
	body.single-post .navigation.post-navigation { width: calc(100% - 1.5rem); }
	body.single-post .navigation.post-navigation a::after { font-size: 0.9rem; }
}