/*
 * c-more — "Leer más" (js/c-more.js + c-collapse).
 *   --more-lines   líneas visibles cuando está cerrado (por defecto 6)
 * Cerrado = recortado, no oculto (base.css oculta [data-state="closed"]).
 * El recorte es seco: un degradado o una máscara los pone el theme.
 */
@layer components {
	.c-more { --initial-state: closed; --more-lines: 6; }
	.c-more[data-state="closed"] {
		display: block;
		max-block-size: calc(var(--more-lines) * 1lh);
		overflow: hidden;
	}
}