/* ─────────────────────────────────────────────
   Lector móvil Pharo-Nox: texto extraído del PDF,
   estructurado por páginas. Tipografía de lectura
   coherente con el tema (tokens --pn-* con fallback).
   ───────────────────────────────────────────── */
.pnf-mobile-reader {
	--pnf-gold: var( --pn-gold, #c6af2d );
	--pnf-gold-dim: var( --pn-gold-dim, #a3903a );
	--pnf-wine: var( --pn-wine, #760104 );

	max-width: 42rem;
	margin: 0 auto;
	padding: 1rem 1.25rem 3rem;
	line-height: 1.75;
	color: var( --pnf-gold-dim );

	/* Disuasión de copia (el JS bloquea además copy/contextmenu). */
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

.pnf-mobile-text p {
	margin: 0 0 1.2em;
}

/* Separador de página: mantiene la referencia de paginación del PDF. */
.pnf-page {
	display: block;
	margin-bottom: 2.5rem;
}

.pnf-page-marker {
	display: block;
	text-align: center;
	margin: 2.5rem 0 1.5rem;
	font-variant-numeric: tabular-nums;
	font-size: 0.8rem;
	letter-spacing: 0.35em;
	color: var( --pnf-wine );
}

.pnf-page:first-child .pnf-page-marker {
	margin-top: 0.5rem;
}

/* Imágenes JPEG extraídas de esa página del PDF (best-effort — ver
   README del plugin: no se replica su posición exacta, van en orden de
   lectura al final de la página a la que pertenecen). */
.pnf-page-image {
	width: 100%;
	height: auto;
	margin: 1.25rem 0;
	border: 1px solid rgba( 198, 175, 45, 0.2 );
}

.pnf-mobile-pending {
	text-align: center;
	font-size: 0.85rem;
	font-style: italic;
	opacity: 0.75;
}