/* Lectura — páginas que explican (Nuestra Historia, Saluda del Hermano Mayor, noticias). Misma identidad; medida de ~65 caracteres, interlineado holgado, títulos que agrupan con su texto e índice que acompaña. */
:root{
	--lp-read-measure:42rem;
	--lp-read-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);
	--lp-read-lh:1.7;
	--lp-read-gap:1.2em;
	--lp-read-h2:clamp(1.5rem,1.15rem + 1.2vw,2rem);
	--lp-read-sticky:6.5rem;
}

/* Texto corrido */
.lp-history__text,.lp-letter__text,.lp-news .wp-block-post-content{font-size:var(--lp-read-size);line-height:var(--lp-read-lh);font-kerning:normal;text-wrap:pretty}
.entry-content .lp-history__text>p,.entry-content .lp-letter__text>p,.lp-news .wp-block-post-content>p{margin-block:0 var(--lp-read-gap)}
.lp-history__text>p,.lp-letter__text>p,.lp-news .wp-block-post-content>p{max-width:var(--lp-read-measure)}
/* Los párrafos «medianos» del origen se ajustan a la escala de lectura sin forzar la clase de WordPress. */
.lp-news .wp-block-post-content{--wp--preset--font-size--medium:clamp(1.0625rem,1rem + .3vw,1.25rem)}

/* Títulos: más aire arriba que abajo, para que cada título pertenezca a su párrafo. */
.lp-history__text h2,.lp-news .wp-block-post-content>h2,.lp-news .wp-block-post-content>h3{font-size:var(--lp-read-h2);line-height:1.2;text-wrap:balance;max-width:var(--lp-read-measure)}
.lp-history__text h2{margin-block:2.75rem .875rem}
.lp-history__text>h2:first-child{margin-block-start:0}
.lp-news .wp-block-post-content>h2,.lp-news .wp-block-post-content>h3{margin-block:2.25rem .75rem}
.lp-news .wp-block-post-content>h3{font-size:1.375rem}
/* Los saltos del índice no quedan bajo la cabecera fija. */
.lp-history__text [id],.lp-news .wp-block-post-content [id]{scroll-margin-top:var(--lp-read-sticky)}
.lp-history__text a,.lp-letter__text a{text-decoration:underline;text-underline-offset:.15em}

/* Entradilla del banner: sin líneas de lado a lado. */
.lp-banner p{max-width:var(--lp-read-measure);font-size:1.125rem;line-height:1.6}

/* Índice de Nuestra Historia */
.lp-toc{border-color:color-mix(in srgb,var(--lp-ink) 18%,transparent);border-radius:var(--lp-radius);background:var(--lp-white)}
.lp-toc summary{min-height:2.75rem;align-items:center}
.lp-toc ol{line-height:1.35;padding:.75rem 1rem 1rem 2.25rem;border-top-color:color-mix(in srgb,var(--lp-ink) 12%,transparent)}
.lp-toc li{padding-block:.4375rem}
.lp-toc li::marker{color:var(--lp-gold);font-weight:600}
.lp-toc a{text-decoration:none}
.lp-toc a:hover{color:var(--lp-green);text-decoration:underline;text-underline-offset:.15em}
.lp-toc a[aria-current="true"]{color:var(--lp-green);font-weight:600}

/* Escritorio: índice fijo a la izquierda, texto a medida de lectura. */
@media (min-width:68.75rem){
	.lp-history .lp-container{display:grid;grid-template-columns:minmax(14rem,17rem) minmax(0,var(--lp-read-measure));column-gap:clamp(3rem,6vw,5.5rem);justify-content:center;align-items:start}
	.lp-history .lp-container>h2:first-child{grid-column:1/-1;margin-block-end:2.5rem}
	.lp-history .lp-container>.lp-toc{grid-column:1;position:sticky;top:var(--lp-read-sticky);max-height:calc(100vh - var(--lp-read-sticky) - 1.5rem);overflow-y:auto;margin:0;border:0;border-left:.1875rem solid var(--lp-gold);border-radius:0;overscroll-behavior:contain}
	.lp-history .lp-toc summary{padding:0 0 .75rem 1.25rem;min-height:0;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-ink);pointer-events:none}
	.lp-history .lp-toc summary::after{content:none}
	.lp-history .lp-toc ol{border:0;padding:0 0 0 2.5rem;font-size:.9375rem}
	.lp-history .lp-toc li{padding-block:.1875rem}
	.lp-history .lp-container>.lp-history__text{grid-column:2;padding-block-start:0}
}

/* Saluda: carta a medida de lectura y retrato que acompaña mientras se lee. */
@media (min-width:68.75rem){
	.lp-letter{grid-template-columns:minmax(0,var(--lp-read-measure)) minmax(16rem,22.5rem);column-gap:clamp(3rem,6vw,5.5rem);justify-content:center;align-items:start}
	.lp-letter__portrait{position:sticky;top:var(--lp-read-sticky)}
}
.lp-letter__text>p:last-child{margin-block-end:0;font-weight:500;color:var(--lp-green)}

@media (max-width:767px){
	:root{--lp-read-lh:1.65;--lp-read-sticky:5rem}
	.lp-banner p{font-size:1.0625rem}
	.lp-history__text h2{margin-block-start:2.25rem}
}