html, body { height: 100%; margin: 0; }
body { display: grid; grid-template-rows: auto 1fr auto; min-height: 100vh; }
header, footer, main { padding: 0.5rem 1rem; }

main {
}
aside {
	float: right; /* Coloca el aside a la derecha del texto */
	width: min(40%, 20rem); /* Anchura máxima controlada */
	margin: 0 0 1rem 1.5rem; /* Separación del texto principal */
}

aside article {
	background: var(--pico-background-color);
	border: var(--pico-border-width) solid var(--pico-muted-border-color);
	border-radius: var(--pico-border-radius);
	box-shadow: var(--pico-card-box-shadow);
	padding: var(--pico-spacing);
	font-size: 0.95em;
	line-height: 1.4;
}

/* Ajusta la altura del artículo dentro del aside */
aside article {
	max-height: 16rem;
	overflow: auto;
}

/* Mejora la legibilidad si el texto fluye alrededor */
@media (max-width: 768px) {
	aside {
		float: none;
		width: 100%;
		margin: 2rem 0;
	}
}