/* Rassegna stampa, stile essenziale pensato per ereditare i colori del tema. */

.mlrs-rassegna {
	--mlrs-bordo: color-mix(in srgb, currentColor 15%, transparent);
	--mlrs-tenue: color-mix(in srgb, currentColor 65%, transparent);
	margin: 0 0 2rem;
}

.mlrs-rassegna .mlrs-anno {
	margin: 2rem 0 .6rem;
	font-size: 1.05rem;
	letter-spacing: .08em;
	text-transform: none;
	opacity: .7;
}

.mlrs-rassegna .mlrs-anno:first-child {
	margin-top: 0;
}

.mlrs-rassegna .mlrs-elenco {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mlrs-rassegna .mlrs-voce {
	display: flex;
	gap: 1rem;
	padding: .9rem 0;
	border-bottom: 1px solid var(--mlrs-bordo);
}

.mlrs-rassegna .mlrs-voce:last-child {
	border-bottom: 0;
}

.mlrs-rassegna .mlrs-testo {
	flex: 1 1 auto;
	min-width: 0;
}

.mlrs-rassegna .mlrs-titolo {
	display: block;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.mlrs-rassegna a.mlrs-titolo:hover,
.mlrs-rassegna a.mlrs-titolo:focus-visible {
	text-decoration: underline;
}

.mlrs-rassegna .mlrs-meta {
	display: block;
	margin-top: .25rem;
	font-size: .85rem;
	color: var(--mlrs-tenue);
}

.mlrs-rassegna .mlrs-sep {
	margin: 0 .4rem;
}

.mlrs-rassegna .mlrs-sommario {
	margin: .45rem 0 0;
	font-size: .95rem;
	line-height: 1.5;
}

/* Stile a schede, usato solo con stile="schede". */

.mlrs-schede .mlrs-immagine {
	flex: 0 0 var(--mlrs-foto, 200px);
}

.mlrs-schede .mlrs-immagine img {
	display: block;
	width: var(--mlrs-foto, 200px);
	height: calc(var(--mlrs-foto, 200px) * 0.66);
	object-fit: cover;
	border-radius: 6px;
}

@media (max-width: 600px) {
	.mlrs-schede .mlrs-voce {
		flex-direction: column;
	}

	.mlrs-schede .mlrs-immagine,
	.mlrs-schede .mlrs-immagine img {
		width: 100%;
		flex-basis: auto;
	}
}

/* Filtro per argomento */

.mlrs-rassegna .mlrs-filtro {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin: 0 0 1.4rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--mlrs-bordo);
}

.mlrs-rassegna .mlrs-chip {
	display: inline-flex;
	align-items: baseline;
	gap: .35rem;
	padding: .35rem .7rem;
	border: 1px solid var(--mlrs-bordo);
	border-radius: 999px;
	font-size: .85rem;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color .15s ease, background-color .15s ease;
}

.mlrs-rassegna .mlrs-chip:hover,
.mlrs-rassegna .mlrs-chip:focus-visible {
	border-color: currentColor;
}

.mlrs-rassegna .mlrs-chip.attivo {
	border-color: currentColor;
	font-weight: 600;
}

.mlrs-rassegna .mlrs-quanti {
	font-size: .75em;
	opacity: .6;
}

/* Paginazione */

.mlrs-rassegna .mlrs-pagine {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .5rem;
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--mlrs-bordo);
	font-size: .9rem;
}

.mlrs-rassegna .mlrs-conteggio {
	color: var(--mlrs-tenue);
}

.mlrs-rassegna .mlrs-numeri {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

.mlrs-rassegna .mlrs-numeri .page-numbers {
	display: inline-block;
	min-width: 2rem;
	padding: .3rem .55rem;
	border: 1px solid var(--mlrs-bordo);
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}

.mlrs-rassegna .mlrs-numeri .page-numbers.current {
	font-weight: 600;
	border-color: currentColor;
}

.mlrs-rassegna .mlrs-numeri .page-numbers.dots {
	border-color: transparent;
}

.mlrs-vuoto {
	opacity: .7;
	font-style: italic;
}