/*
 * La rassegna di Il Mondo: pagina dell'edizione e riquadro in home.
 * Spec: docs/superpowers/specs/2026-10-11-grafica-rassegna-design.md.
 * Si carica solo sulle edizioni e sulla home (rassegna.php).
 */

.ilmondo-rassegna,
.ilmondo-rassegna-riquadro {
	--r-verde: #0FA88F;
	--r-verde-testo: #08705E;
	--r-ambra: #9A5B00;
	--r-ambra-fondo: #FBEFD9;
	--r-ambra-filetto: #D9962B;
	--r-blu: #3155e7;
	--r-grigio: #6b6b6b;
	--r-filo: #ddd5c8;
	--r-nero: #101827;
	--r-fondo-riquadro: #fff;
	--r-titoli: Arvo, Georgia, serif;
	--r-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
}

/* Il tema scuro di SmartMag: i colori del testo si schiariscono. */
.s-dark .ilmondo-rassegna,
.s-dark .ilmondo-rassegna-riquadro {
	--r-verde-testo: #3DD1B5;
	--r-ambra: #F0B75A;
	--r-ambra-fondo: #3A2C12;
	--r-blu: #8EA6FF;
	--r-grigio: rgba(255, 255, 255, .65);
	--r-filo: rgba(255, 255, 255, .15);
	--r-nero: rgba(255, 255, 255, .85);
	--r-fondo-riquadro: #1E1E20;
}

/* Etichette in carattere tecnico. */
.ilmondo-rassegna .ilmondo-rassegna-testata,
.ilmondo-rassegna .ilmondo-rassegna-etichetta,
.ilmondo-rassegna .ilmondo-rassegna-altre,
.ilmondo-rassegna-riquadro .ilmondo-rassegna-riquadro-testata {
	font-family: var(--r-mono);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ilmondo-rassegna .ilmondo-rassegna-nascosto,
.ilmondo-rassegna-riquadro .ilmondo-rassegna-nascosto {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* In testa. */
.ilmondo-rassegna .ilmondo-rassegna-testata {
	color: var(--r-verde-testo);
	margin: 0 0 .75em;
}

.ilmondo-rassegna .ilmondo-rassegna-rettifica {
	background: var(--r-ambra-fondo);
	border-left: 3px solid var(--r-ambra-filetto);
	padding: .75em 1em;
	margin: 0 0 1em;
}

.ilmondo-rassegna .ilmondo-rassegna-rettifica .ilmondo-rassegna-etichetta {
	color: var(--r-ambra);
	margin-right: .5em;
}

.ilmondo-rassegna .ilmondo-rassegna-riga {
	border-top: 3px solid var(--r-verde);
	padding-top: .5em;
	margin: 0 0 1.5em;
	font-family: var(--r-mono);
	font-size: 13px;
	color: var(--r-grigio);
}

.ilmondo-rassegna .ilmondo-rassegna-aggiornata {
	color: var(--r-ambra);
	font-weight: 500;
}

/* Le voci. */
.ilmondo-rassegna .ilmondo-rassegna-voce {
	scroll-margin-top: 100px;
}

.ilmondo-rassegna .ilmondo-rassegna-titolo {
	font-family: var(--r-titoli);
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.25;
	margin: 0 0 .3em;
}

.ilmondo-rassegna .ilmondo-rassegna-sintesi {
	margin: 0;
}

.ilmondo-rassegna .ilmondo-rassegna-voce.is-apertura .ilmondo-rassegna-titolo {
	font-size: 2.08em;
	line-height: 1.15;
	margin-bottom: .35em;
}

.ilmondo-rassegna .ilmondo-rassegna-voce.is-apertura .ilmondo-rassegna-sintesi {
	font-size: 1.08em;
}

.ilmondo-rassegna .ilmondo-rassegna-trend,
.ilmondo-rassegna-riquadro .ilmondo-rassegna-trend {
	display: inline-block;
	width: .5em;
	height: .5em;
	background: var(--r-verde);
	margin-right: .45em;
	vertical-align: .12em;
}

.ilmondo-rassegna .ilmondo-rassegna-fonti {
	font-family: var(--r-mono);
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--r-verde-testo);
	margin: .5em 0 0;
}

.ilmondo-rassegna .ilmondo-rassegna-fonti a {
	color: inherit;
}

.ilmondo-rassegna .ilmondo-rassegna-nota {
	border-left: 3px solid var(--r-verde);
	padding-left: .75em;
	margin: .75em 0 0;
}

.ilmondo-rassegna .ilmondo-rassegna-nota .ilmondo-rassegna-etichetta {
	display: block;
	color: var(--r-verde-testo);
}

.ilmondo-rassegna .ilmondo-rassegna-approfondimento,
.ilmondo-rassegna .ilmondo-rassegna-rimandi {
	margin: .6em 0 0;
}

.ilmondo-rassegna .ilmondo-rassegna-approfondimento a,
.ilmondo-rassegna .ilmondo-rassegna-rimandi a,
.ilmondo-rassegna .ilmondo-rassegna-chiusura a,
.ilmondo-rassegna-riquadro .ilmondo-rassegna-riquadro-leggi {
	color: var(--r-blu);
	font-weight: 600;
	text-decoration: none;
}

.ilmondo-rassegna .ilmondo-rassegna-approfondimento a:hover,
.ilmondo-rassegna .ilmondo-rassegna-rimandi a:hover,
.ilmondo-rassegna .ilmondo-rassegna-chiusura a:hover,
.ilmondo-rassegna-riquadro .ilmondo-rassegna-riquadro-leggi:hover {
	text-decoration: underline;
}

/* Le foto: grande nell'apertura, miniatura nelle altre. */
.ilmondo-rassegna .ilmondo-rassegna-foto {
	margin: 0 0 .75em;
}

.ilmondo-rassegna .ilmondo-rassegna-foto img {
	display: block;
	width: 100%;
	height: auto;
}

.ilmondo-rassegna .ilmondo-rassegna-foto figcaption {
	font-family: var(--r-mono);
	font-size: 12px;
	line-height: 1.4;
	color: var(--r-grigio);
	margin-top: .3em;
	overflow-wrap: anywhere;
}

.ilmondo-rassegna .ilmondo-rassegna-voci .ilmondo-rassegna-foto {
	width: 96px;
	margin: 0;
}

.ilmondo-rassegna .ilmondo-rassegna-voci .ilmondo-rassegna-foto img {
	width: 96px;
	height: 96px;
	object-fit: cover;
}

/* L'elenco delle altre notizie. */
.ilmondo-rassegna .ilmondo-rassegna-altre {
	color: var(--r-grigio);
	border-top: 1px solid var(--r-nero);
	padding-top: .6em;
	margin: 1.5em 0 0;
}

.ilmondo-rassegna .ilmondo-rassegna-voci {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ilmondo-rassegna .ilmondo-rassegna-voci > .ilmondo-rassegna-voce {
	display: grid;
	grid-template-columns: 2.2em minmax(0, 1fr) auto;
	column-gap: .75em;
	padding: 1em 0;
	margin: 0;
	border-top: 1px solid var(--r-filo);
}

.ilmondo-rassegna .ilmondo-rassegna-voci > .ilmondo-rassegna-voce:first-child {
	border-top: 0;
}

.ilmondo-rassegna .ilmondo-rassegna-numero,
.ilmondo-rassegna-riquadro .ilmondo-rassegna-numero {
	font-family: var(--r-mono);
	font-weight: 500;
	font-size: 13px;
	line-height: 1.9;
	color: var(--r-grigio);
}

/* In fondo. */
.ilmondo-rassegna .ilmondo-rassegna-chiusura {
	border-top: 3px solid var(--r-verde);
	margin-top: 2em;
	padding-top: .75em;
	font-size: .92em;
}

.ilmondo-rassegna .ilmondo-rassegna-chiusura .ilmondo-rassegna-etichetta {
	color: var(--r-verde-testo);
	margin: 0;
}

.ilmondo-rassegna .ilmondo-rassegna-chiusura ul {
	margin: .5em 0 0;
	padding-left: 1.2em;
}

.ilmondo-rassegna .ilmondo-rassegna-chiusura li {
	margin: .25em 0;
}

/* Il riquadro in home. */
.ilmondo-rassegna-riquadro {
	background: var(--r-fondo-riquadro);
	border-top: 3px solid var(--r-verde);
	padding: 14px 16px;
	margin-bottom: 1.5em;
}

.ilmondo-rassegna-riquadro .ilmondo-rassegna-riquadro-testata {
	color: var(--r-verde-testo);
	margin: 0;
}

aside.ilmondo-rassegna-riquadro ol {
	list-style: none;
	margin: .5em 0 .75em;
	padding: 0;
}

aside.ilmondo-rassegna-riquadro li {
	display: grid;
	grid-template-columns: 2em minmax(0, 1fr);
	padding: .45em 0;
	margin: 0;
	border-top: 1px solid var(--r-filo);
}

aside.ilmondo-rassegna-riquadro li:first-child {
	border-top: 0;
}

aside.ilmondo-rassegna-riquadro .ilmondo-rassegna-numero {
	font-size: 12px;
	line-height: 1.7;
}

aside.ilmondo-rassegna-riquadro li a {
	font-family: var(--r-titoli);
	font-weight: 700;
	font-size: 15px;
	line-height: 1.3;
	color: inherit;
	text-decoration: none;
}

aside.ilmondo-rassegna-riquadro li a:hover {
	text-decoration: underline;
}

.ilmondo-rassegna-riquadro .ilmondo-rassegna-riquadro-leggi {
	font-size: 14px;
}

/* Telefono: il numero sale sopra il titolo, la miniatura si stringe. */
@media (max-width: 599px) {
	.ilmondo-rassegna {
		font-size: 16px;
	}

	.ilmondo-rassegna .ilmondo-rassegna-voci > .ilmondo-rassegna-voce {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.ilmondo-rassegna .ilmondo-rassegna-voci .ilmondo-rassegna-numero {
		grid-column: 1 / -1;
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: .08em;
	}

	.ilmondo-rassegna .ilmondo-rassegna-voci .ilmondo-rassegna-foto,
	.ilmondo-rassegna .ilmondo-rassegna-voci .ilmondo-rassegna-foto img {
		width: 72px;
	}

	.ilmondo-rassegna .ilmondo-rassegna-voci .ilmondo-rassegna-foto img {
		height: 72px;
	}
}