/**
 * Modern News UI — Tipografía y lectura.
 * Se aplica al contenido del artículo marcado por el plugin (.mnui-reading).
 */

.mnui-typo .mnui-reading {
	font-size: var(--mnui-fs-base);
	line-height: var(--mnui-line-height);
}

.mnui-typo .mnui-reading > p,
.mnui-typo .mnui-reading > ul,
.mnui-typo .mnui-reading > ol,
.mnui-typo .mnui-reading > blockquote,
.mnui-typo .mnui-reading > h2,
.mnui-typo .mnui-reading > h3,
.mnui-typo .mnui-reading > h4 {
	max-width: var(--mnui-reading-width, none);
}

.mnui-typo .mnui-reading > p { margin-bottom: 1.15em; }
.mnui-typo .mnui-reading li { margin-bottom: 0.4em; line-height: var(--mnui-line-height); }

.mnui-typo .mnui-reading blockquote {
	margin-inline: 0;
	padding: var(--mnui-space-sm) var(--mnui-space-md);
	border-left: 3px solid var(--mnui-color-accent);
	background: var(--mnui-color-surface-alt, rgba(15, 23, 42, 0.03));
	border-radius: var(--mnui-radius-input);
	font-style: normal;
}

.mnui-typo .mnui-reading img,
.mnui-typo .mnui-reading figure img {
	border-radius: var(--mnui-radius-card);
}

.mnui-typo .mnui-reading figcaption {
	font-size: 0.85em;
	color: var(--mnui-color-text-muted, #64748b);
	margin-top: 0.5em;
}

/* Escala de titulares. */

.mnui-typo-headings .mnui-reading h2,
.mnui-typo-headings .entry-title,
.mnui-typo-headings h1.entry-title {
	font-family: var(--mnui-font-heading);
	letter-spacing: -0.02em;
}

.mnui-typo-headings h1.entry-title,
.mnui-typo-headings .entry-title { font-size: var(--mnui-fs-h1); line-height: 1.15; }
.mnui-typo-headings .mnui-reading h2 { font-size: var(--mnui-fs-h2); line-height: 1.22; margin-top: 1.6em; }
.mnui-typo-headings .mnui-reading h3 { font-size: var(--mnui-fs-h3); line-height: 1.28; margin-top: 1.4em; }
.mnui-typo-headings .mnui-reading h4 { font-size: var(--mnui-fs-h4); line-height: 1.34; }
.mnui-typo-headings .mnui-reading h5 { font-size: var(--mnui-fs-h5); }
.mnui-typo-headings .mnui-reading h6 { font-size: var(--mnui-fs-h6); text-transform: uppercase; letter-spacing: 0.06em; }

/* Entradilla y letra capital. */

.mnui-typo-lead .mnui-reading > p:first-of-type {
	font-size: 1.12em;
	line-height: 1.55;
	color: var(--mnui-color-text, inherit);
}

.mnui-typo-dropcap .mnui-reading > p:first-of-type::first-letter {
	float: left;
	margin: 0.05em 0.12em 0 0;
	font-family: var(--mnui-font-heading);
	font-size: 3.4em;
	font-weight: 700;
	line-height: 0.82;
	color: var(--mnui-color-accent);
}

/* Enlaces dentro del artículo. */

.mnui-typo-links .mnui-reading p a,
.mnui-typo-links .mnui-reading li a {
	text-decoration: underline;
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--mnui-color-accent-soft, rgba(26, 86, 219, 0.4));
	transition: text-decoration-color var(--mnui-transition), color var(--mnui-transition);
}

.mnui-typo-links .mnui-reading p a:hover {
	color: var(--mnui-color-accent);
	text-decoration-color: var(--mnui-color-accent);
}