/*
 * Nuove24 — stili del giornale.
 * Gerarchia da quotidiano: testata centrata con la data, sezioni tra due filetti, apertura con le ultime a lato,
 * sezioni senza doppioni, colonna di lettura a 42rem, un solo colore d'accento (il rosso del logo).
 * Colori, caratteri e misure vengono da theme.json (Aspetto › Editor › Stili).
 */

:root {
	--n24-filetto: 1px solid var(--wp--preset--color--linea);
	--n24-filetto-forte: 3px solid var(--wp--preset--color--contrast);
	--n24-dati: var(--wp--preset--font-family--dati);
	--n24-titoli: var(--wp--preset--font-family--titoli);
	--n24-rosso: var(--wp--preset--color--primary);
	--n24-tenue: var(--wp--preset--color--contrast-2);
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-kerning: normal;
	font-variant-numeric: lining-nums;
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

:where(a, button, input, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--n24-rosso);
	outline-offset: 2px;
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

img {
	height: auto;
	max-width: 100%;
}

/* ------------------------------------------------------------------ Testata */

.n24-testata {
	background: var(--wp--preset--color--base);
	position: relative;
}

.n24-testata__riga {
	align-items: center;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	padding-block: 1.4rem 1.1rem;
}

.n24-testata__riga > *,
.n24-testata > * {
	margin-block: 0 !important;
}

.n24-data {
	color: var(--n24-tenue);
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	font-weight: 500;
	justify-self: start;
}

.n24-data time {
	display: inline-block;
}

.n24-data time::first-letter {
	text-transform: uppercase;
}

.n24-marchio {
	justify-self: center;
	line-height: 0;
	margin: 0;
}

.n24-marchio img {
	display: none;
	height: clamp(2.4rem, 1.4rem + 3.2vw, 4.1rem);
	width: auto;
}

.n24-marchio--su-chiaro .n24-marchio__logo--su-chiaro,
.n24-marchio--su-scuro .n24-marchio__logo--su-scuro {
	display: block;
}

/* Il motto sotto la testata. */
.n24-motto {
	color: var(--n24-tenue);
	font-family: var(--n24-titoli);
	font-size: 0.875rem;
	font-style: italic;
	grid-column: 2;
	justify-self: center;
	margin: 0.35rem 0 0 !important;
	text-align: center;
}

.n24-motto cite {
	font-family: var(--n24-dati);
	font-size: 0.6875rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-left: 0.35rem;
	text-transform: uppercase;
}

/* Che cos'è il giornale, sotto il logo e sopra il motto: su tutta la riga, per non allargare la colonna del logo. */
.n24-sottotitolo {
	color: var(--wp--preset--color--contrast);
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	font-weight: 600;
	grid-column: 1 / -1;
	justify-self: center;
	letter-spacing: 0.02em;
	margin: 0.55rem 0 0 !important;
	text-align: center;
}

.n24-testata__azioni {
	align-items: center;
	justify-self: end;
}

/*
 * Manchette (Adv byPublilia): due quadrati pubblicitari ai margini esterni della testata, come sulla prima pagina di
 * carta; data e pulsanti tra le manchette e il logo. Solo su schermi larghi; altrove il plugin non le mostra.
 */
@media (min-width: 75rem) {
	.n24-testata__riga:has(.advws-spazio--manchette-sinistra, .advws-spazio--manchette-destra) {
		column-gap: 1.5rem;
		grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
	}

	.n24-testata__riga:has(.advws-spazio--manchette-sinistra, .advws-spazio--manchette-destra) .n24-data {
		grid-column: 2;
		grid-row: 1;
		justify-self: start;
	}

	.n24-testata__riga:has(.advws-spazio--manchette-sinistra, .advws-spazio--manchette-destra) .n24-marchio {
		grid-column: 3;
		grid-row: 1;
	}

	.n24-testata__riga:has(.advws-spazio--manchette-sinistra, .advws-spazio--manchette-destra) .n24-testata__azioni {
		grid-column: 4;
		grid-row: 1;
		justify-self: end;
	}

	.n24-testata__riga:has(.advws-spazio--manchette-sinistra, .advws-spazio--manchette-destra) .n24-motto,
	.n24-testata__riga:has(.advws-spazio--manchette-sinistra, .advws-spazio--manchette-destra) .n24-sottotitolo {
		grid-column: 2 / 5;
	}

	.n24-testata .advws-spazio--manchette-sinistra {
		grid-column: 1;
		grid-row: 1 / span 3;
	}

	.n24-testata .advws-spazio--manchette-destra {
		grid-column: 5;
		grid-row: 1 / span 3;
	}
}

.n24-testata__azioni > * {
	margin: 0 !important;
}

/* Pulsante «Disclaimer»: apre l'avvertenza sulla natura della pubblicazione. */
.n24-avvertenza-apri {
	align-items: center;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: var(--wp--preset--color--contrast);
	display: inline-flex;
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	font-weight: 600;
	gap: 0.35rem;
	line-height: 1;
	min-height: 2rem;
	padding: 0.3rem 0.75rem 0.3rem 0.55rem;
	text-decoration: none;
	white-space: nowrap;
}

.n24-avvertenza-apri:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.n24-avvertenza-apri svg {
	flex: none;
}

/* La finestra dell'avvertenza (al primo ingresso e poi una volta alla settimana). */
.n24-avvertenza {
	background: var(--wp--preset--color--base);
	border: 0;
	border-top: 5px solid var(--n24-rosso);
	box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 35%);
	color: var(--wp--preset--color--contrast);
	max-height: calc(100dvh - 2rem);
	max-width: min(36rem, calc(100vw - 2rem));
	padding: 0;
}

.n24-avvertenza::backdrop {
	background: rgb(10 12 16 / 62%);
}

.n24-avvertenza__testo {
	font-size: 1.0625rem;
	line-height: 1.55;
	padding: clamp(1.4rem, 4vw, 2.2rem) clamp(1.25rem, 4vw, 2.4rem) 0.5rem;
}

.n24-avvertenza__testo > * {
	margin-block: 0 0.9rem;
}

.n24-avvertenza__occhiello {
	color: var(--n24-rosso);
	font-family: var(--n24-dati);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 0.35rem !important;
	text-transform: uppercase;
}

.n24-avvertenza__titolo {
	font-family: var(--n24-titoli);
	font-size: clamp(1.5rem, 1.2rem + 1vw, 1.9rem);
	line-height: 1.15;
}

.n24-avvertenza__motto {
	border-left: 3px solid var(--n24-rosso);
	color: var(--n24-tenue);
	font-family: var(--n24-titoli);
	font-style: italic;
	padding-left: 0.9rem;
}

.n24-avvertenza__motto cite {
	font-family: var(--n24-dati);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-left: 0.3rem;
	text-transform: uppercase;
}

.n24-avvertenza__collegamenti {
	font-family: var(--n24-dati);
	font-size: 0.875rem;
}

.n24-avvertenza__azioni {
	padding: 0.4rem clamp(1.25rem, 4vw, 2.4rem) clamp(1.4rem, 4vw, 2rem);
}

.n24-avvertenza__entra {
	background: var(--n24-rosso);
	border: 0;
	color: var(--wp--preset--color--base);
	cursor: pointer;
	font-family: var(--n24-dati);
	font-size: 1rem;
	font-weight: 700;
	min-height: 2.9rem;
	padding: 0.75rem 1.4rem;
	width: 100%;
}

.n24-avvertenza__entra:hover {
	filter: brightness(0.9);
}

.n24-avvertenza__chiudi-x {
	position: absolute;
	right: 0.4rem;
	top: 0.4rem;
}

.n24-avvertenza__chiudi-x button {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
	font-size: 1.6rem;
	height: 2.75rem;
	line-height: 1;
	width: 2.75rem;
}

.n24-ricerca .wp-block-search__button {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--contrast);
	padding: 0.45rem;
}

.n24-ricerca .wp-block-search__input {
	border: 1px solid var(--wp--preset--color--contrast);
	font-family: var(--n24-dati);
}

/* Sezioni: tra un filetto sottile e uno spesso, come sotto la testata di un quotidiano. */
.n24-sezioni {
	border-bottom: var(--n24-filetto-forte);
	border-top: 1px solid var(--wp--preset--color--contrast);
}

.n24-sezioni .wp-block-navigation-item__content {
	display: block;
	padding: 0.7rem 0.8rem;
	text-decoration: none;
}

.n24-sezioni .wp-block-navigation-item__content:hover,
.n24-sezioni .wp-block-navigation-item__content[aria-current] {
	color: var(--n24-rosso);
}

.n24-sezioni .wp-block-navigation-item__content[aria-current] {
	box-shadow: inset 0 -3px 0 var(--n24-rosso);
}

/* Editoriali in risalto: prima voce del menu, sul colore del giornale (computer, telefono e menu ☰). */
.n24-sezioni .wp-block-navigation-item.n24-sezioni__editoriali > .wp-block-navigation-item__content,
.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__editoriali > .wp-block-navigation-item__content {
	background: var(--n24-rosso);
	color: var(--wp--preset--color--base);
	font-weight: 700;
	padding-inline: 0.9rem;
}

.n24-sezioni .wp-block-navigation-item.n24-sezioni__editoriali > .wp-block-navigation-item__content:hover,
.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__editoriali > .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.n24-sezioni .wp-block-navigation-item.n24-sezioni__editoriali > .wp-block-navigation-item__content[aria-current],
.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__editoriali > .wp-block-navigation-item__content[aria-current] {
	box-shadow: inset 0 -4px 0 var(--wp--preset--color--contrast);
}

.n24-sezioni .wp-block-navigation-item.n24-sezioni__editoriali {
	margin-right: 0.4rem;
}

@media (min-width: 600px) {
	.n24-sezioni__home {
		display: none !important;
	}

	/* Una sola riga: se le sezioni non ci stanno, la riga scorre di lato invece di andare a capo. */
	.n24-sezioni .wp-block-navigation__container {
		flex-wrap: nowrap !important;
		justify-content: safe center !important;
		-webkit-mask-image: linear-gradient(90deg, #000 94%, transparent);
		mask-image: linear-gradient(90deg, #000 94%, transparent);
		overflow-x: auto;
		scrollbar-width: none;
		width: 100%;
	}

	.n24-sezioni .wp-block-navigation__container > li {
		flex: none;
	}
}

@media (min-width: 90rem) {
	.n24-sezioni .wp-block-navigation__container {
		-webkit-mask-image: none;
		mask-image: none;
	}
}

/* Telefono: testata compatta e fissa, logo a sinistra, ricerca e menu a destra. */
@media (max-width: 781px) {
	header.wp-block-template-part {
		background: var(--wp--preset--color--base);
		position: sticky;
		top: 0;
		z-index: 60;
	}

	.n24-testata__riga {
		grid-template-columns: auto minmax(0, 1fr) auto;
		padding-block: 0.7rem;
		padding-right: 3rem;
	}

	.n24-data,
	.n24-motto,
	.n24-sottotitolo {
		display: none;
	}

	.n24-marchio {
		grid-column: 1;
		justify-self: start;
	}

	.n24-marchio img {
		height: 2rem;
	}

	.n24-testata__azioni {
		grid-column: 3;
	}

	.n24-avvertenza-apri {
		font-size: 0.75rem;
		min-height: 1.9rem;
		padding-inline: 0.45rem 0.6rem;
	}

	.n24-sezioni {
		border: 0;
		position: absolute !important;
		right: clamp(1rem, 4vw, 2rem);
		top: 0.55rem;
	}

	header.wp-block-template-part {
		border-bottom: var(--n24-filetto-forte);
	}
}

/* Telefoni stretti: accanto al logo c'è posto solo per l'icona (la scritta resta per i lettori di schermo). */
@media (max-width: 30rem) {
	.n24-avvertenza-apri {
		height: 2.25rem;
		justify-content: center;
		padding: 0;
		width: 2.25rem;
	}

	.n24-avvertenza-apri svg {
		height: 20px;
		width: 20px;
	}

	.n24-avvertenza-apri span {
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
}

@media (min-width: 600px) and (max-width: 781px) {
	.n24-sezioni {
		position: static !important;
	}

	.n24-testata__riga {
		padding-right: 0;
	}
}

.n24-sezioni .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.25rem clamp(1rem, 4vw, 2rem);
}

.n24-sezioni .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	border-bottom: var(--n24-filetto);
	font-size: 1.15rem;
	padding: 0.8rem 0;
	width: 100%;
}

.n24-sezioni .is-menu-open .wp-block-navigation-item.n24-sezioni__editoriali > .wp-block-navigation-item__content {
	margin-bottom: 0.5rem;
	padding-inline: 0.9rem;
}

.n24-sezioni .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: stretch;
	gap: 0;
	width: 100%;
}

/* Telefono: sotto la testata, le sezioni principali in una riga da scorrere col dito (il menu completo resta nel ☰). */
.n24-sezioni-telefono {
	display: none !important;
}

@media (max-width: 599px) {
	.n24-sezioni-telefono {
		border-top: var(--n24-filetto);
		display: flex !important;
		margin-inline: calc(-1 * clamp(1rem, 4vw, 2rem));
	}

	.n24-sezioni-telefono .wp-block-navigation__container {
		flex-wrap: nowrap !important;
		overflow-x: auto;
		padding-inline: clamp(1rem, 4vw, 2rem);
		scrollbar-width: none;
		width: 100%;
	}

	.n24-sezioni-telefono .wp-block-navigation-item {
		flex: none;
	}

	.n24-sezioni-telefono .wp-block-navigation-item__content {
		box-sizing: border-box;
		display: block;
		font-size: 0.9375rem;
		min-height: 44px;
		padding: 0.7rem 0.75rem;
		text-decoration: none;
	}

	.n24-sezioni-telefono .wp-block-navigation-item:first-child .wp-block-navigation-item__content {
		padding-left: 0;
	}

	.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__editoriali {
		margin-right: 0.35rem;
	}

	.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__editoriali:first-child .wp-block-navigation-item__content {
		padding-left: 0.75rem;
	}

	.n24-sezioni-telefono .wp-block-navigation-item__content[aria-current] {
		box-shadow: inset 0 -3px 0 var(--n24-rosso);
		color: var(--n24-rosso);
	}
}

/* Articoli con più di un anno: avviso discreto sopra il titolo. */
.n24-avviso-archivio {
	background: var(--wp--preset--color--superficie);
	border-left: 3px solid var(--wp--preset--color--contrast-2);
	color: var(--n24-tenue);
	display: inline-block;
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	font-weight: 600;
	margin-bottom: 0.9rem !important;
	padding: 0.3rem 0.65rem;
}

/* Striscia delle ultime (pagine interne). */
.n24-striscia {
	background: var(--wp--preset--color--superficie);
	border-bottom: var(--n24-filetto);
}

.n24-ultime--striscia {
	align-items: center;
	display: flex;
	gap: 1rem;
	padding-block: 0.6rem;
}

.n24-ultime__etichetta {
	color: var(--n24-rosso);
	flex: none;
	font-family: var(--n24-dati);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	margin: 0;
	text-transform: uppercase;
}

.n24-ultime--striscia .n24-ultime__voci {
	display: flex;
	gap: 2rem;
	list-style: none;
	margin: 0;
	-webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
	mask-image: linear-gradient(90deg, #000 88%, transparent);
	overflow-x: auto;
	padding: 0;
	scrollbar-width: none;
}

.n24-ultime--striscia li {
	flex: none;
	font-family: var(--n24-dati);
	font-size: 0.875rem;
	max-width: 28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.n24-ultime--striscia a {
	text-decoration: none;
}

.n24-ultime--striscia a:hover {
	text-decoration: underline;
}

.n24-ultime--striscia time {
	font-weight: 700;
	margin-right: 0.35rem;
}

/* ------------------------------------------------------------------ Elementi comuni */

.n24-occhiello,
.is-style-occhiello {
	color: var(--n24-rosso);
	font-family: var(--n24-dati);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.3;
	margin: 0;
	text-transform: uppercase;
}

/* Area di tocco di almeno 24px che non tocca quella del titolo sotto. */
.n24-occhiello a {
	color: inherit;
	display: inline-block;
	padding-block: 0.3rem;
	text-decoration: none;
}

.n24-scheda .n24-occhiello {
	margin-block: -0.3rem -0.1rem;
}

.n24-occhiello a:hover {
	text-decoration: underline;
}

.n24-testa {
	align-items: baseline;
	border-top: var(--n24-filetto-forte);
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	justify-content: space-between;
	margin-bottom: 1.1rem;
	padding-top: 0.55rem;
}

.n24-testa__titolo {
	font-family: var(--n24-titoli);
	font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem);
	font-weight: 800;
	letter-spacing: -0.01em;
	margin: 0;
}

.n24-testa__titolo a {
	text-decoration: none;
}

.n24-testa__altro {
	color: var(--n24-tenue);
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
}

.n24-testa__altro::after {
	content: " →";
}

.n24-testa__altro:hover {
	color: var(--n24-rosso);
}

/* ------------------------------------------------------------------ Schede */

.n24-scheda {
	display: grid;
	gap: 0.6rem;
	align-content: start;
	margin: 0;
}

.n24-scheda__foto {
	display: block;
	line-height: 0;
	overflow: hidden;
}

.n24-scheda__img {
	aspect-ratio: 3 / 2;
	background: var(--wp--preset--color--superficie-2);
	display: block;
	object-fit: cover;
	transition: transform 0.4s ease;
	width: 100%;
}

.n24-scheda__foto:hover .n24-scheda__img {
	transform: scale(1.025);
}

.n24-scheda__testo {
	display: grid;
	gap: 0.4rem;
	align-content: start;
}

.n24-scheda__titolo {
	font-family: var(--n24-titoli);
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: -0.005em;
	line-height: 1.2;
	margin: 0;
	text-wrap: balance;
}

.n24-scheda__titolo a {
	text-decoration: none;
}

.n24-scheda__titolo a:hover {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--n24-rosso);
	text-decoration-thickness: 2px;
}

.n24-scheda__riassunto {
	color: var(--n24-tenue);
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
}

.n24-scheda__quando {
	color: var(--n24-tenue);
	font-family: var(--n24-dati);
	font-size: 0.75rem;
	font-weight: 500;
	margin: 0;
}

/* Apertura: la notizia principale, titolo grande a sinistra e foto a destra. */
.n24-scheda--apertura .n24-scheda__titolo {
	font-size: clamp(1.9rem, 1.1rem + 2.4vw, 3rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.06;
}

.n24-scheda--apertura .n24-scheda__riassunto {
	color: var(--wp--preset--color--contrast);
	font-size: 1.15rem;
}

.n24-scheda--apertura.titolo-lungo .n24-scheda__titolo {
	font-size: clamp(1.7rem, 1.1rem + 1.6vw, 2.35rem);
}

.n24-scheda--apertura.titolo-molto-lungo .n24-scheda__titolo {
	font-size: clamp(1.5rem, 1.05rem + 1.2vw, 1.95rem);
	letter-spacing: -0.01em;
	line-height: 1.12;
}

.n24-scheda--apertura .n24-scheda__img {
	aspect-ratio: 2 / 1;
}

.n24-scheda--apertura .n24-scheda__testo {
	gap: 0.7rem;
}

/* Titolo breve e schermo largo: titolo a sinistra e foto a destra, come in prima pagina. */
@media (min-width: 80rem) {
	.n24-scheda--apertura.ha-foto:not(.titolo-lungo, .titolo-molto-lungo) {
		gap: 1.75rem;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
	}

	.n24-scheda--apertura.ha-foto:not(.titolo-lungo, .titolo-molto-lungo) .n24-scheda__foto {
		order: 2;
	}

	.n24-scheda--apertura.ha-foto:not(.titolo-lungo, .titolo-molto-lungo) .n24-scheda__img {
		aspect-ratio: 3 / 2;
	}
}

.titolo-molto-lungo .n24-scheda__titolo {
	font-size: 0.94em;
}

.n24-scheda--spalla .n24-scheda__titolo {
	font-size: 1.12rem;
}

/* Riga: testo a sinistra, foto piccola a destra. */
.n24-scheda--riga.ha-foto {
	gap: 1rem;
	grid-template-columns: minmax(0, 1fr) 7.5rem;
}

.n24-scheda--riga .n24-scheda__foto {
	order: 2;
}

.n24-scheda--riga .n24-scheda__titolo {
	font-size: 1.06rem;
}

.n24-scheda--titolo .n24-scheda__titolo {
	font-size: 1.02rem;
	font-weight: 600;
}

/* Opinioni: niente foto, virgolette rosse e titolo in corsivo. */
.n24-scheda--opinione .n24-scheda__titolo {
	font-size: 1.35rem;
	font-style: italic;
	font-weight: 600;
}

.n24-scheda--opinione .n24-scheda__testo::before {
	color: var(--n24-rosso);
	content: "“";
	font-family: var(--n24-titoli);
	font-size: 3.2rem;
	font-weight: 800;
	height: 1.6rem;
	line-height: 1;
}

/* ------------------------------------------------------------------ Prima pagina */

.n24-prima > * + * {
	margin-block-start: var(--wp--preset--spacing--60);
}

.n24-apertura {
	display: grid;
	gap: 1.75rem 2.5rem;
}

.n24-apertura__spalla {
	border-top: var(--n24-filetto);
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
	padding-top: 1.4rem;
}

.n24-apertura__ultime .n24-testa {
	border-top-color: var(--n24-rosso);
}

@media (min-width: 64rem) {
	.n24-apertura {
		grid-template-areas: "principale ultime" "spalla ultime";
		grid-template-columns: minmax(0, 1fr) 19rem;
	}

	.n24-apertura__principale {
		grid-area: principale;
	}

	.n24-apertura__spalla {
		grid-area: spalla;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.n24-apertura__spalla > .n24-scheda + .n24-scheda {
		border-left: var(--n24-filetto);
		padding-left: 1.5rem;
	}

	.n24-apertura__ultime {
		border-left: var(--n24-filetto);
		grid-area: ultime;
		padding-left: 2rem;
	}
}

/* Elenco delle ultime notizie con l'ora. */
.n24-ultime--elenco .n24-ultime__voci {
	counter-reset: ultime;
	list-style: none;
	margin: 0;
	padding: 0;
}

.n24-ultime--elenco li {
	border-bottom: var(--n24-filetto);
	display: grid;
	font-family: var(--n24-titoli);
	font-size: 0.98rem;
	font-weight: 600;
	gap: 0.2rem;
	line-height: 1.3;
	padding-block: 0.7rem;
}

.n24-ultime--elenco li:first-child {
	padding-top: 0;
}

.n24-ultime--elenco li a {
	text-decoration: none;
}

.n24-ultime--elenco li a:hover {
	text-decoration: underline;
	text-decoration-color: var(--n24-rosso);
}

.n24-ultime--elenco time {
	color: var(--n24-rosso);
	font-family: var(--n24-dati);
	font-size: 0.75rem;
	font-weight: 700;
}

/* Sezioni della prima pagina. */
.n24-sezione__schede {
	display: grid;
	gap: 1.5rem 2rem;
}

@media (min-width: 48rem) {
	/* La quarta riga, flessibile, assorbe l'altezza della notizia grande: le tre a destra restano compatte. */
	.n24-sezione--principale .n24-sezione__schede {
		grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
		grid-template-rows: auto auto auto 1fr;
	}

	.n24-sezione--principale .n24-scheda:first-child {
		grid-row: 1 / span 4;
	}

	.n24-sezione--principale .n24-scheda:first-child .n24-scheda__img {
		aspect-ratio: 16 / 10;
	}

	.n24-sezione--principale .n24-scheda:first-child .n24-scheda__titolo {
		font-size: clamp(1.45rem, 1.1rem + 1vw, 1.9rem);
		font-weight: 800;
	}

	.n24-sezione--principale .n24-scheda--riga {
		border-bottom: var(--n24-filetto);
		padding-bottom: 1.2rem;
	}

	.n24-sezione--principale .n24-scheda--riga:last-child {
		border-bottom: 0;
	}

	.n24-sezione--quattro .n24-sezione__schede,
	.n24-accadde .n24-sezione__schede {
		grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	}

	.n24-sezione--opinioni .n24-sezione__schede {
		grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	}
}

.n24-sezione--elenco .n24-scheda--titolo {
	border-top: var(--n24-filetto);
	padding-top: 0.85rem;
}

.n24-sezione--elenco .n24-sezione__schede {
	gap: 0.85rem;
}

.n24-tre-colonne {
	gap: 2.5rem !important;
}

@media (min-width: 782px) {
	.n24-tre-colonne > .wp-block-column + .wp-block-column {
		border-left: var(--n24-filetto);
		padding-left: 2.5rem;
	}
}

.n24-fascia-opinioni,
.n24-fascia-archivio {
	padding: var(--wp--preset--spacing--50) clamp(1rem, 3vw, 2.5rem);
}

.n24-fascia-opinioni > * + * {
	margin-top: var(--wp--preset--spacing--50);
}

.n24-fascia-archivio .n24-testa {
	border-top-color: var(--wp--preset--color--base);
}

.n24-fascia-archivio .n24-testa__titolo {
	color: var(--wp--preset--color--base);
}

.n24-fascia-archivio a,
.n24-fascia-archivio .n24-scheda__titolo a:hover {
	color: var(--wp--preset--color--base);
}

.n24-fascia-archivio .n24-occhiello,
.n24-accadde__anno {
	color: var(--wp--preset--color--accent);
}

.n24-accadde__sotto {
	color: #d6dbe1;
	font-family: var(--n24-dati);
	font-size: 0.875rem;
	margin: -0.5rem 0 1.4rem;
}

.n24-accadde__anno {
	border-bottom: 1px solid rgb(255 255 255 / 25%);
	font-family: var(--n24-titoli);
	font-size: 2.2rem;
	font-weight: 800;
	line-height: 1;
	margin: 0 0 0.85rem;
	padding-bottom: 0.6rem;
}

/* ------------------------------------------------------------------ Disposizioni della prima pagina */

/*
 * Una per variante di stile (blocco Apertura, «Disposizione»; parti prima-pagina-<variante>.html). Qui la struttura,
 * che funziona con ogni stile; colori e caratteri nei file delle varianti.
 */

/* Titolo sulla foto (mosaico, strillo, copertina): il testo sta su una sfumatura scura che comincia prima di lui. */
.n24-apertura--mosaico .n24-scheda.ha-foto,
.n24-apertura--strillo .n24-scheda--apertura.ha-foto,
.n24-apertura--copertina .n24-scheda--apertura.ha-foto {
	align-content: end;
	gap: 0;
	grid-template-columns: minmax(0, 1fr);
	position: relative;
}

.n24-apertura--mosaico .n24-scheda.ha-foto .n24-scheda__foto,
.n24-apertura--strillo .n24-scheda--apertura.ha-foto .n24-scheda__foto,
.n24-apertura--copertina .n24-scheda--apertura.ha-foto .n24-scheda__foto {
	inset: 0;
	position: absolute;
}

.n24-apertura--mosaico .n24-scheda.ha-foto .n24-scheda__img,
.n24-apertura--strillo .n24-scheda--apertura.ha-foto .n24-scheda__img,
.n24-apertura--copertina .n24-scheda--apertura.ha-foto .n24-scheda__img {
	aspect-ratio: auto;
	height: 100%;
}

.n24-apertura--mosaico .n24-scheda.ha-foto .n24-scheda__testo,
.n24-apertura--strillo .n24-scheda--apertura.ha-foto .n24-scheda__testo,
.n24-apertura--copertina .n24-scheda--apertura.ha-foto .n24-scheda__testo {
	background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 80%) 3.5rem);
	color: #fff;
	padding: 4rem 1.1rem 1.1rem;
	position: relative;
	z-index: 1;
}

.n24-apertura--mosaico .n24-scheda.ha-foto :is(a, .n24-occhiello, .n24-scheda__riassunto, .n24-scheda__quando),
.n24-apertura--strillo .n24-scheda--apertura.ha-foto :is(a, .n24-occhiello, .n24-scheda__riassunto, .n24-scheda__quando),
.n24-apertura--copertina .n24-scheda--apertura.ha-foto :is(a, .n24-occhiello, .n24-scheda__riassunto, .n24-scheda__quando) {
	color: #fff;
}

/* Le ultime in una riga da scorrere, sopra l'apertura (mosaico, strillo). */
.n24-apertura--mosaico .n24-apertura__ultime,
.n24-apertura--strillo .n24-apertura__ultime {
	align-items: center;
	border: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	min-width: 0;
	order: -1;
	padding: 0;
}

.n24-apertura--mosaico .n24-apertura__ultime .n24-testa,
.n24-apertura--strillo .n24-apertura__ultime .n24-testa {
	border: 0;
	flex: none;
	margin: 0;
	padding: 0;
}

.n24-apertura--mosaico .n24-apertura__ultime .n24-testa__titolo,
.n24-apertura--strillo .n24-apertura__ultime .n24-testa__titolo {
	font-size: 0.9375rem;
	white-space: nowrap;
}

.n24-apertura--mosaico .n24-ultime__voci,
.n24-apertura--strillo .n24-ultime__voci {
	display: flex;
	flex: 1 1 18rem;
	gap: 0.75rem;
	min-width: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding-block: 0.2rem 0.5rem;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
}

.n24-apertura--mosaico .n24-apertura__ultime li,
.n24-apertura--strillo .n24-apertura__ultime li {
	border: 0;
	flex: 0 0 auto;
	padding: 0;
	scroll-snap-align: start;
	width: min(17rem, 72vw);
}

/* Mosaico: la principale grande, le quattro di spalla in riquadri accanto. */
.n24-apertura--mosaico {
	gap: 1rem;
}

.n24-apertura--mosaico .n24-apertura__spalla {
	border-top: 0;
	gap: 1rem;
	padding-top: 0;
}

.n24-apertura--mosaico .n24-scheda.ha-foto {
	min-height: 14rem;
}

.n24-apertura--mosaico .n24-scheda--apertura.ha-foto {
	min-height: 25rem;
}

@media (min-width: 40rem) {
	.n24-apertura--mosaico .n24-apertura__spalla {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.n24-apertura--mosaico {
		grid-template-areas: none;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.n24-apertura--mosaico .n24-apertura__ultime {
		grid-area: 1 / 1 / 2 / -1;
	}

	.n24-apertura--mosaico .n24-apertura__principale {
		display: grid;
		grid-area: 2 / 1 / 4 / 3;
	}

	.n24-apertura--mosaico .n24-apertura__spalla {
		display: contents;
	}

	.n24-apertura--mosaico .n24-scheda--apertura.ha-foto {
		min-height: 33rem;
	}

	.n24-apertura--mosaico .n24-apertura__spalla > .n24-scheda + .n24-scheda {
		border-left: 0;
		padding-left: 0;
	}
}

/* Strillo: tutto a piena larghezza, la principale con il titolo enorme sulla foto. */
.n24-apertura--strillo {
	gap: 1.25rem;
	grid-template-areas: none;
	grid-template-columns: minmax(0, 1fr);
}

.n24-apertura--strillo > * {
	grid-area: auto;
}

.n24-apertura--strillo .n24-scheda--apertura.ha-foto {
	min-height: clamp(26rem, 55vw, 40rem);
}

.n24-apertura--strillo .n24-scheda--apertura.ha-foto .n24-scheda__testo {
	padding: 7rem clamp(1rem, 3vw, 2.5rem) clamp(1.1rem, 3vw, 2.2rem);
}

.n24-apertura--strillo .n24-scheda--apertura .n24-scheda__riassunto {
	max-width: 48rem;
}

.n24-apertura--strillo .n24-apertura__spalla {
	border-top: 0;
	gap: 1.25rem;
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	padding-top: 0;
}

.n24-apertura--strillo .n24-scheda--spalla.ha-foto {
	align-items: start;
	gap: 0.9rem;
	grid-template-columns: 6.5rem minmax(0, 1fr);
}

.n24-apertura--strillo .n24-scheda--spalla .n24-scheda__img {
	aspect-ratio: 1;
}

/* Giornale: ultime e spalla in colonne di testo ai lati; la principale con il titolo sopra la foto e l'attacco del
   testo su due colonne. */
.n24-apertura--giornale .n24-scheda--apertura,
.n24-apertura--giornale .n24-scheda--apertura.ha-foto {
	gap: 0.85rem;
	grid-template-columns: minmax(0, 1fr);
}

.n24-apertura--giornale .n24-scheda--apertura .n24-scheda__testo {
	display: contents;
}

.n24-apertura--giornale .n24-scheda--apertura .n24-occhiello {
	order: 1;
}

.n24-apertura--giornale .n24-scheda--apertura .n24-scheda__titolo {
	order: 2;
}

.n24-apertura--giornale .n24-scheda--apertura.ha-foto .n24-scheda__foto {
	order: 3;
}

.n24-apertura--giornale .n24-scheda--apertura.ha-foto .n24-scheda__img {
	aspect-ratio: 16 / 9;
}

.n24-apertura--giornale .n24-scheda--apertura .n24-scheda__riassunto {
	columns: 2 15rem;
	column-gap: 1.75rem;
	column-rule: var(--n24-filetto);
	hyphens: auto;
	order: 4;
	text-align: left;
}

/* Giustificato solo dove le colonne sono due: su una colonna stretta lascerebbe buchi tra le parole. */
@media (min-width: 40rem) {
	.n24-apertura--giornale .n24-scheda--apertura .n24-scheda__riassunto {
		text-align: justify;
	}
}

.n24-apertura--giornale .n24-scheda--apertura .n24-scheda__quando {
	order: 5;
}

@media (min-width: 64rem) {
	.n24-apertura--giornale {
		grid-template-areas: "ultime principale spalla";
		grid-template-columns: 14rem minmax(0, 1fr) 15rem;
	}

	.n24-apertura--giornale .n24-apertura__ultime {
		border-left: 0;
		border-right: var(--n24-filetto);
		padding-left: 0;
		padding-right: 2rem;
	}

	.n24-apertura--giornale .n24-apertura__spalla {
		align-content: start;
		border-left: var(--n24-filetto);
		border-top: 0;
		grid-template-columns: minmax(0, 1fr);
		padding: 0 0 0 2rem;
	}

	.n24-apertura--giornale .n24-apertura__spalla > .n24-scheda + .n24-scheda {
		border-left: 0;
		border-top: var(--n24-filetto);
		padding-left: 0;
		padding-top: 1.2rem;
	}
}

/* Indice: un titolo grandissimo con una foto piccola, la spalla solo testo, le ultime numerate su tre colonne. */
.n24-apertura--indice {
	gap: 2.25rem;
}

.n24-apertura--indice .n24-scheda--apertura .n24-scheda__titolo {
	font-size: clamp(2.5rem, 1.2rem + 4.4vw, 5.4rem);
	line-height: 0.98;
}

.n24-apertura--indice .n24-scheda--apertura.titolo-lungo .n24-scheda__titolo {
	font-size: clamp(2.1rem, 1.2rem + 2.8vw, 3.8rem);
}

.n24-apertura--indice .n24-scheda--apertura.titolo-molto-lungo .n24-scheda__titolo {
	font-size: clamp(1.8rem, 1.1rem + 2vw, 3rem);
}

.n24-apertura--indice .n24-scheda--apertura .n24-scheda__riassunto {
	font-size: 1.25rem;
	max-width: 44rem;
}

.n24-apertura--indice .n24-ultime--elenco li {
	break-inside: avoid;
	margin-bottom: 0.8rem;
	padding-block: 0 0.8rem;
}

@media (min-width: 40rem) {
	.n24-apertura--indice .n24-ultime__voci {
		column-gap: 2.5rem;
		columns: 2;
	}
}

@media (min-width: 48rem) {
	.n24-apertura--indice .n24-scheda--apertura.ha-foto {
		align-items: start;
		gap: 2.5rem;
		grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr);
	}

	.n24-apertura--indice .n24-scheda--apertura.ha-foto .n24-scheda__foto {
		order: 2;
	}

	.n24-apertura--indice .n24-scheda--apertura.ha-foto .n24-scheda__img {
		aspect-ratio: 4 / 5;
	}
}

@media (min-width: 64rem) {
	.n24-apertura--indice {
		grid-template-areas: "principale" "spalla" "ultime";
		grid-template-columns: minmax(0, 1fr);
	}

	.n24-apertura--indice .n24-apertura__spalla {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.n24-apertura--indice .n24-apertura__ultime {
		border-left: 0;
		padding-left: 0;
	}

	.n24-apertura--indice .n24-ultime__voci {
		columns: 3;
	}
}

/* Copertina: la foto a tutta pagina con il titolo sopra, poi la spalla con le foto verticali. */
.n24-apertura--copertina {
	gap: var(--wp--preset--spacing--50);
	grid-template-areas: none;
	grid-template-columns: minmax(0, 1fr);
}

.n24-apertura--copertina > * {
	grid-area: auto;
}

.n24-apertura--copertina > :not(.n24-apertura__principale) {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: calc(var(--wp--style--global--wide-size) + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
	padding-inline: var(--wp--style--root--padding-left) var(--wp--style--root--padding-right);
	width: 100%;
}

.n24-apertura--copertina .n24-scheda--apertura.ha-foto {
	min-height: min(82vh, 48rem);
	min-height: min(82svh, 48rem);
}

.n24-apertura--copertina .n24-scheda--apertura.ha-foto .n24-scheda__testo {
	background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 72%) 8rem);
	justify-items: center;
	padding: 9rem max(var(--wp--style--root--padding-left), calc((100% - 52rem) / 2)) clamp(2rem, 5vw, 4rem);
	text-align: center;
}

.n24-apertura--copertina .n24-apertura__spalla {
	border-top: 0;
	gap: 2rem;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	padding-top: 0;
}

.n24-apertura--copertina .n24-scheda--spalla .n24-scheda__img {
	aspect-ratio: 4 / 5;
}

@media (min-width: 64rem) {
	.n24-apertura--copertina .n24-apertura__spalla > .n24-scheda + .n24-scheda {
		border-left: 0;
		padding-left: 0;
	}
}

/* Sezione «a scorrimento»: una riga di schede da scorrere col dito, o con Maiusc e la rotella del mouse. */
.n24-sezione--scorrimento .n24-sezione__schede {
	gap: 1.25rem;
	grid-auto-columns: min(78%, 17rem);
	grid-auto-flow: column;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding-bottom: 0.75rem;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}

.n24-sezione--scorrimento .n24-scheda {
	scroll-snap-align: start;
}

@media (min-width: 64rem) {
	.n24-sezione--scorrimento .n24-sezione__schede {
		grid-auto-columns: calc((100% - 3 * 1.25rem) / 4.3);
	}
}

/* «n24-specchio» (classe aggiuntiva della sezione): la notizia grande a destra invece che a sinistra. */
@media (min-width: 48rem) {
	.n24-sezione--principale.n24-specchio .n24-sezione__schede {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
	}

	.n24-sezione--principale.n24-specchio .n24-scheda:first-child {
		grid-column: 2;
	}

	.n24-sezione--principale.n24-specchio .n24-scheda:not(:first-child) {
		grid-column: 1;
	}
}

/* Ultime notizie su più colonne (classe aggiuntiva del blocco Ultime notizie). */
.n24-ultime--colonne .n24-ultime__voci {
	column-gap: 2.5rem;
	columns: 4 14rem;
}

.n24-ultime--colonne li {
	break-inside: avoid;
	margin-bottom: 0.8rem;
	padding-block: 0 0.8rem;
}

/* ------------------------------------------------------------------ Articolo */

.n24-articolo {
	margin-inline: auto !important;
	max-width: 66rem;
}

.n24-articolo__testa {
	max-width: 50rem;
	padding-top: var(--wp--preset--spacing--50);
}

.n24-articolo__testa > * {
	margin-block: 0;
}

.n24-articolo__titolo {
	font-size: clamp(2rem, 1.25rem + 2.6vw, 3.25rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.07;
	margin-block: 0.6rem 0.9rem !important;
	text-wrap: balance;
}

.n24-articolo__titolo.titolo-lungo {
	font-size: clamp(1.8rem, 1.2rem + 1.8vw, 2.6rem);
}

.n24-articolo__titolo.titolo-molto-lungo {
	font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.2rem);
	letter-spacing: -0.01em;
	line-height: 1.12;
}

.n24-sommario,
.is-style-sommario {
	color: var(--n24-tenue);
	font-size: clamp(1.15rem, 1rem + 0.5vw, 1.35rem);
	line-height: 1.45;
	margin-block: 0 1rem;
}

.n24-meta {
	border-bottom: var(--n24-filetto);
	border-top: var(--n24-filetto);
	font-family: var(--n24-dati);
	font-size: 0.875rem;
	margin-top: 1.1rem !important;
	padding-block: 0.75rem;
}

.n24-meta p {
	margin: 0;
}

.n24-meta__date {
	color: var(--n24-tenue);
	margin-top: 0.15rem !important;
}

.n24-meta__punto {
	padding-inline: 0.45rem;
}

.n24-foto {
	margin: var(--wp--preset--spacing--40) 0 0;
}

/* La foto non si ritaglia (nell'archivio ci sono molte locandine): al massimo 40rem di altezza, centrata. */
.n24-foto img {
	display: block;
	margin-inline: auto;
	max-height: min(80vh, 40rem);
	max-width: 100%;
	width: auto;
}

.n24-foto figcaption {
	color: var(--n24-tenue);
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	line-height: 1.45;
	padding-top: 0.5rem;
}

.n24-corpo {
	margin-top: var(--wp--preset--spacing--50);
}

@media (min-width: 64rem) {
	.n24-corpo {
		display: grid;
		gap: 4rem;
		grid-template-columns: minmax(0, 42rem) 19rem;
		justify-content: space-between;
	}

	.n24-corpo__lato {
		align-self: start;
		border-left: var(--n24-filetto);
		padding-left: 2rem;
		position: sticky;
		top: 1.5rem;
	}
}

@media (max-width: 63.99rem) {
	.n24-corpo__lato {
		display: none;
	}
}

/* Il testo dell'articolo: colonna di lettura, corpo 19px. */
.n24-testo {
	font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
	line-height: 1.7;
	overflow-wrap: break-word;
}

.n24-testo > *,
.n24-testo p {
	margin-block: 0 1.15em;
}

.n24-testo h2,
.n24-testo h3,
.n24-testo h4 {
	line-height: 1.2;
	margin-block: 1.6em 0.6em;
}

.n24-testo h2 {
	font-size: 1.55rem;
}

.n24-testo h3 {
	font-size: 1.3rem;
}

.n24-testo a {
	text-decoration-color: var(--n24-rosso);
}

.n24-testo img {
	height: auto;
}

/* Nel vecchio editor le foto stavano in riga col testo: qui vanno a capo, salvo quelle allineate a lato. */
.n24-testo img:not(.alignleft, .alignright) {
	display: block;
	margin-block: 0.4em 1em;
}

.n24-testo iframe,
.n24-testo video,
.n24-testo embed {
	max-width: 100%;
}

.n24-testo .wp-caption,
.n24-testo figure {
	margin-inline: 0;
	max-width: 100%;
}

.n24-testo .wp-caption-text,
.n24-testo figcaption {
	color: var(--n24-tenue);
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	line-height: 1.45;
	margin-top: 0.4rem;
}

.n24-testo .aligncenter {
	display: block;
	margin-inline: auto;
}

@media (min-width: 40rem) {
	.n24-testo .alignleft {
		float: left;
		margin: 0.35em 1.5em 1em 0;
		max-width: 50%;
	}

	.n24-testo .alignright {
		float: right;
		margin: 0.35em 0 1em 1.5em;
		max-width: 50%;
	}
}

.n24-testo::after {
	clear: both;
	content: "";
	display: table;
}

.n24-testo blockquote {
	border-left: 3px solid var(--n24-rosso);
	font-style: italic;
	margin-inline: 0;
	padding-left: 1.25rem;
}

.n24-testo table {
	border-collapse: collapse;
	font-family: var(--n24-dati);
	font-size: 0.9rem;
	width: 100%;
}

.n24-testo td,
.n24-testo th {
	border: var(--n24-filetto);
	padding: 0.45rem 0.6rem;
}

.n24-argomenti {
	border-top: var(--n24-filetto);
	font-family: var(--n24-dati);
	font-size: 0.875rem;
	margin-top: 2rem;
	padding-top: 1rem;
}

.n24-argomenti a {
	background: var(--wp--preset--color--superficie);
	display: inline-block;
	margin: 0.15rem 0;
	padding: 0.2rem 0.55rem;
	text-decoration: none;
}

.n24-argomenti .wp-block-post-terms__separator {
	display: none;
}

.n24-leggi-anche {
	margin-top: var(--wp--preset--spacing--60) !important;
}

/* ------------------------------------------------------------------ Archivi */

.n24-archivio__testa {
	border-bottom: var(--n24-filetto-forte);
	margin-bottom: var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--50) 1rem;
}

.n24-archivio__titolo {
	font-family: var(--n24-titoli);
	font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.05;
	margin: 0;
}

.n24-archivio__descrizione {
	color: var(--n24-tenue);
	font-size: 1.15rem;
	margin-top: 0.6rem;
	max-width: 46rem;
}

.n24-archivio__descrizione p {
	margin: 0;
}

@media (min-width: 64rem) {
	.n24-archivio {
		display: grid;
		gap: 3.5rem;
		grid-template-columns: minmax(0, 1fr) 19rem;
	}

	.n24-archivio__lato {
		align-self: start;
		border-left: var(--n24-filetto);
		padding-left: 2rem;
		position: sticky;
		top: 1.5rem;
	}
}

@media (max-width: 63.99rem) {
	.n24-archivio__lato {
		margin-top: var(--wp--preset--spacing--60);
	}
}

.n24-elenco .wp-block-post-template {
	list-style: none;
	margin: 0;
	padding: 0;
}

.n24-elenco .wp-block-post {
	border-bottom: var(--n24-filetto);
	margin: 0;
	padding-block: 1.25rem;
}

.n24-elenco .wp-block-post:first-child {
	padding-top: 0;
}

@media (min-width: 40rem) {
	.n24-elenco .n24-scheda--riga.ha-foto {
		gap: 1.5rem;
		grid-template-columns: minmax(0, 1fr) 14rem;
	}
}

.n24-elenco .n24-scheda--riga .n24-scheda__titolo {
	font-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
}

/* La prima notizia della prima pagina di una sezione è più grande. */
@media (min-width: 40rem) {
	body:not(.paged) .n24-elenco .wp-block-post:first-child .n24-scheda--riga.ha-foto {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
	}

	body:not(.paged) .n24-elenco .wp-block-post:first-child .n24-scheda__titolo {
		font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.3rem);
		font-weight: 800;
	}
}

.n24-paginazione {
	font-family: var(--n24-dati);
	font-size: 0.9375rem;
	margin-top: var(--wp--preset--spacing--50);
}

.n24-paginazione a {
	text-decoration: none;
}

.n24-paginazione .page-numbers {
	display: inline-block;
	min-width: 2.2rem;
	padding: 0.35rem 0.5rem;
	text-align: center;
}

.n24-paginazione .page-numbers.current {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.n24-ricerca-pagina {
	margin-top: 1.25rem;
	max-width: 36rem;
}

.n24-ricerca-pagina .wp-block-search__input {
	border: 1px solid var(--wp--preset--color--contrast);
	font-size: 1rem;
	padding: 0.65rem 0.8rem;
}

/* ------------------------------------------------------------------ Pagine */

.n24-pagina__testa {
	border-bottom: var(--n24-filetto-forte);
	margin-bottom: var(--wp--preset--spacing--50);
	padding-block: var(--wp--preset--spacing--50) 1rem;
}

.n24-pagina__testa h1 {
	margin: 0;
}

.n24-pagina__testa .n24-sommario p {
	margin: 0.75rem 0 0;
}

/* ------------------------------------------------------------------ Stili di blocco */

.is-style-nota {
	background: var(--wp--preset--color--superficie);
	border-left: 3px solid var(--n24-rosso);
	font-family: var(--n24-dati);
	font-size: 0.9375rem;
	padding: 0.9rem 1.1rem;
}

.wp-block-heading.is-style-filetto {
	border-top: var(--n24-filetto-forte);
	padding-top: 0.5rem;
}

.wp-block-group.is-style-riquadro {
	border: 1px solid var(--wp--preset--color--contrast);
	padding: 1.25rem 1.5rem;
}

.wp-block-group.is-style-scheda {
	background: var(--wp--preset--color--superficie);
	border-top: 3px solid var(--n24-rosso);
	font-family: var(--n24-dati);
	font-size: 0.9375rem;
	padding: 1.1rem 1.4rem;
}

.wp-block-list.is-style-pulito {
	list-style: none;
	padding-left: 0;
}

.wp-block-quote.is-style-grande {
	border: 0;
	font-family: var(--n24-titoli);
	font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem);
	font-style: italic;
	line-height: 1.3;
	padding: 0;
}

.wp-block-quote.is-style-grande::before {
	color: var(--n24-rosso);
	content: "“";
	display: block;
	font-size: 3.5rem;
	font-style: normal;
	height: 2rem;
	line-height: 1;
}

.wp-block-separator.is-style-doppio {
	border-bottom: 1px solid var(--wp--preset--color--contrast);
	border-top: 3px solid var(--wp--preset--color--contrast);
	height: 4px;
	opacity: 1;
}

/* ------------------------------------------------------------------ Piè di pagina */

.n24-piede a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.n24-piede a:hover {
	text-decoration: underline;
}

.n24-piede__testa {
	border-bottom: 1px solid rgb(255 255 255 / 20%);
	padding-bottom: var(--wp--preset--spacing--40);
}

.n24-piede .n24-marchio img {
	height: 2.6rem;
}

.n24-piede__motto {
	color: #c9c9c9;
	font-family: var(--n24-titoli);
	font-size: 1.05rem;
	font-style: italic;
	margin: 0;
	max-width: 32rem;
}

.n24-piede__colonne {
	margin-top: var(--wp--preset--spacing--50) !important;
}

.n24-piede__titolo {
	color: #bdbdbd;
	font-family: var(--n24-dati);
	font-size: 0.75rem !important;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 0.9rem;
	text-transform: uppercase;
}

.n24-piede .wp-block-navigation {
	font-size: 0.9375rem;
	font-weight: 500;
}

.n24-piede__sezioni .wp-block-navigation__container {
	display: grid !important;
	gap: 0.35rem 2rem !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.n24-piede__gerenza {
	font-family: var(--n24-dati);
	font-size: 0.9375rem;
	line-height: 1.45;
	margin: 0 0 0.9rem;
}

.n24-piede__gerenza strong {
	color: #bdbdbd;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.n24-piede__motto cite {
	color: #9a9a9a;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-left: 0.35rem;
	text-transform: uppercase;
}

/* Natura della pubblicazione ed editore: sempre visibili in fondo a ogni pagina. */
.n24-piede__avvertenza {
	border-top: 1px solid rgb(255 255 255 / 20%);
	color: #c9c9c9;
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	line-height: 1.55;
	margin-top: var(--wp--preset--spacing--50) !important;
	padding-top: 1rem;
}

.n24-piede__avvertenza p {
	margin: 0 0 0.35rem;
	max-width: 62rem;
}

.n24-piede__avvertenza strong {
	color: var(--wp--preset--color--base);
}

.n24-piede__legale {
	color: #b0b0b0;
	font-family: var(--n24-dati);
	font-size: 0.8125rem;
	margin-top: 0.5rem !important;
}

/* I collegamenti dentro le righe di testo si riconoscono anche senza il colore. */
.n24-piede__avvertenza a,
.n24-piede__legale a {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* ------------------------------------------------------------------ Movimento ridotto e stampa */

@media (prefers-reduced-motion: reduce) {
	.n24-scheda__img {
		transition: none;
	}

	.n24-scheda__foto:hover .n24-scheda__img {
		transform: none;
	}
}

@media print {
	header.wp-block-template-part,
	footer.wp-block-template-part,
	.n24-striscia,
	.n24-corpo__lato,
	.n24-leggi-anche,
	.wp-block-inst-condividi {
		display: none !important;
	}

	.n24-testo {
		font-size: 11pt;
	}
}

/* ------------------------------------------------------------------ Nuove24 TV (inc/tv.php) */

/* Il marchio della TV: il tasto ▶ bianco su un rettangolo rosso, davanti al nome. */
.n24-tv-pagina__titolo::before,
.n24-tv--fascia .n24-testa__titolo::before {
	background: var(--n24-rosso) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 5.5v13l10.5-6.5z' fill='%23fff'/%3E%3C/svg%3E") center / 62% no-repeat;
	border-radius: 0.18em;
	content: "";
	display: inline-block;
	height: 0.82em;
	margin-right: 0.32em;
	vertical-align: -0.02em;
	width: 1.15em;
}

/* Menu: «Nuove24 TV» su fondo scuro con il triangolo rosso (in fondo sul computer, dopo Editoriali sul telefono). */
.n24-sezioni .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content,
.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content {
	align-items: center;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	display: inline-flex;
	font-weight: 700;
	gap: 0.45rem;
	padding-inline: 0.8rem 0.9rem;
	white-space: nowrap;
}

.n24-sezioni .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content::before,
.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content::before {
	border-block: 0.32em solid transparent;
	border-left: 0.55em solid var(--n24-rosso);
	content: "";
}

.n24-sezioni .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content:hover,
.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content:hover {
	background: var(--n24-rosso);
	color: var(--wp--preset--color--base);
}

.n24-sezioni .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content:hover::before,
.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content:hover::before {
	border-left-color: var(--wp--preset--color--base);
}

.n24-sezioni .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content[aria-current],
.n24-sezioni-telefono .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content[aria-current] {
	box-shadow: inset 0 -4px 0 var(--n24-rosso);
}

.n24-sezioni .wp-block-navigation-item.n24-sezioni__tv {
	margin-left: 0.4rem;
}

/* Con Nuove24 TV le sezioni stanno ancora su una riga sul computer: un po' meno spazio tra una voce e l'altra. */
@media (min-width: 64rem) {
	.n24-sezioni .wp-block-navigation-item__content {
		padding-inline: 0.62rem;
	}
}

.n24-sezioni .is-menu-open .wp-block-navigation-item.n24-sezioni__tv > .wp-block-navigation-item__content {
	margin-top: 0.5rem;
	padding-inline: 0.9rem;
}

/* Schede degli articoli con un video, in tutto il sito: il tasto ▶ in basso a sinistra sulla foto. */
.n24-scheda.ha-video .n24-scheda__foto {
	position: relative;
}

.n24-scheda.ha-video .n24-scheda__foto::after {
	aspect-ratio: 1;
	background: rgb(17 13 10 / 0.74) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 5.5v13l10.5-6.5z' fill='%23fff'/%3E%3C/svg%3E") 58% 50% / 52% no-repeat;
	border: 2px solid rgb(255 255 255 / 0.92);
	border-radius: 50%;
	bottom: 0.55rem;
	content: "";
	left: 0.55rem;
	position: absolute;
	transition: background-color 0.2s ease;
	width: clamp(1.75rem, 20%, 3.2rem);
}

.n24-scheda.ha-video .n24-scheda__foto:hover::after {
	background-color: var(--n24-rosso);
}

/* Video senza foto (solo nelle pagine di Nuove24 TV): un riquadro scuro al posto della foto. */
.n24-scheda__foto--vuota {
	aspect-ratio: 3 / 2;
	background: linear-gradient(135deg, #2a2420, #110d0a 60%, #3b1215);
}

/* Lettore: la foto dell'articolo dietro il tasto ▶ finché il visitatore non avvia il video. */
.n24-tv__schermo {
	background: #110d0a;
}

.n24-tv__schermo > iframe {
	aspect-ratio: 16 / 9;
	border: 0;
	display: block;
	height: auto;
	width: 100%;
}

/* Il riquadro tiene le misure di Ist wpCore: sul telefono si allunga oltre il 16:9 per l'avviso e i pulsanti. */
.n24-tv__schermo .inst-esterno--video {
	background: linear-gradient(rgb(17 13 10 / 0.5), rgb(17 13 10 / 0.82)), var(--n24-tv-foto, none) center / cover no-repeat, #110d0a;
}

.n24-tv__schermo .inst-esterno.is-caricato {
	aspect-ratio: auto;
	background: none;
}

.n24-tv__titolo {
	font-family: var(--n24-titoli);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.15;
	margin: 0;
	text-wrap: balance;
}

.n24-tv__titolo a {
	text-decoration: none;
}

.n24-tv__titolo a:hover {
	text-decoration: underline;
	text-decoration-color: var(--n24-rosso);
	text-decoration-thickness: 2px;
}

/* Pagina della sezione: in alto il video più recente, accanto titolo e sommario; sotto tutti gli altri a griglia. */
.n24-tv--pagina {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	margin-block: 0 var(--wp--preset--spacing--60);
}

.n24-tv__testo {
	align-content: start;
	display: grid;
	gap: 0.65rem;
}

.n24-tv__etichetta {
	color: var(--n24-rosso);
	font-family: var(--n24-dati);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0;
	text-transform: uppercase;
}

.n24-tv--pagina .n24-tv__titolo {
	font-size: clamp(1.5rem, 2.6vw, 2.15rem);
}

.n24-tv__riassunto {
	font-size: 1.05rem;
	line-height: 1.5;
	margin: 0;
}

@media (min-width: 64rem) {
	.n24-tv--pagina {
		align-items: start;
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}
}

.n24-tv-pagina__altri {
	border-top: var(--n24-filetto-forte);
	font-family: var(--n24-titoli);
	font-size: 1.45rem;
	margin: 0 0 var(--wp--preset--spacing--40);
	padding-top: 0.55rem;
}

.n24-tv-pagina__schede {
	display: grid;
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
	list-style: none;
	margin: 0 0 var(--wp--preset--spacing--50);
	padding: 0;
}

/* Prima pagina: la fascia scura con il video più recente a sinistra e i tre successivi a destra. */
.n24-tv--fascia {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: var(--wp--preset--spacing--50) clamp(1rem, 3vw, 2.5rem);
}

.n24-tv--fascia .n24-testa {
	border-top-color: var(--wp--preset--color--base);
}

.n24-tv--fascia a,
.n24-tv--fascia .n24-testa__titolo,
.n24-tv--fascia .n24-scheda__titolo a:hover {
	color: var(--wp--preset--color--base);
}

.n24-tv--fascia .n24-occhiello a {
	color: var(--wp--preset--color--accent);
}

.n24-tv__fascia {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

.n24-tv__primo {
	align-content: start;
	display: grid;
	gap: 0.8rem;
}

.n24-tv--fascia .n24-tv__titolo {
	font-size: clamp(1.3rem, 2vw, 1.7rem);
}

.n24-tv__altri {
	align-content: start;
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.n24-tv__altri .n24-scheda + .n24-scheda {
	border-top: 1px solid rgb(255 255 255 / 0.2);
	padding-top: var(--wp--preset--spacing--30);
}

@media (min-width: 56rem) {
	.n24-tv__fascia {
		grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
	}
}

/* Filtri di Nuove24 TV: parole, sezione e anno, poi le sezioni con più video a un clic e quanti video si vedono. */
.n24-tv-filtri {
	background: var(--wp--preset--color--superficie);
	border-top: var(--n24-filetto-forte);
	display: grid;
	gap: 0.9rem;
	margin-block: 0 var(--wp--preset--spacing--50);
	padding: 1rem clamp(0.9rem, 2vw, 1.4rem) 1.1rem;
}

.n24-tv-filtri__modulo {
	align-items: end;
	display: grid;
	gap: 0.75rem;
	grid-template-columns: 1fr 1fr;
}

.n24-tv-filtri__campo,
.n24-tv-filtri__invia {
	display: grid;
	gap: 0.3rem;
	margin: 0;
}

.n24-tv-filtri__campo--cerca,
.n24-tv-filtri__invia {
	grid-column: 1 / -1;
}

.n24-tv-filtri__campo label {
	font-family: var(--n24-dati);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.n24-tv-filtri__campo input,
.n24-tv-filtri__campo select {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast-2);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font: inherit;
	font-family: var(--n24-dati);
	min-height: 2.75rem;
	padding: 0.45rem 0.7rem;
	width: 100%;
}

.n24-tv-filtri__campo input:focus-visible,
.n24-tv-filtri__campo select:focus-visible {
	outline: 2px solid var(--n24-rosso);
	outline-offset: 1px;
}

.n24-tv-filtri__invia .wp-element-button {
	min-height: 2.75rem;
	width: 100%;
}

@media (min-width: 48rem) {
	.n24-tv-filtri__modulo {
		grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.2fr) minmax(0, 0.9fr) auto;
	}

	.n24-tv-filtri__campo--cerca,
	.n24-tv-filtri__invia {
		grid-column: auto;
	}
}

.n24-tv-filtri__temi ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.n24-tv-filtri__chip {
	align-items: center;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--linea);
	border-radius: 999px;
	display: inline-flex;
	font-family: var(--n24-dati);
	font-size: 0.875rem;
	font-weight: 600;
	gap: 0.4rem;
	min-height: 2.25rem;
	padding: 0.3rem 0.85rem;
	text-decoration: none;
}

.n24-tv-filtri__chip:hover {
	border-color: var(--wp--preset--color--contrast);
}

.n24-tv-filtri__chip[aria-current] {
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.n24-tv-filtri__quanti {
	color: var(--n24-tenue);
	font-size: 0.8em;
	font-weight: 400;
}

.n24-tv-filtri__chip[aria-current] .n24-tv-filtri__quanti {
	color: inherit;
}

.n24-tv-filtri__esito,
.n24-tv-filtri__nessuno {
	font-family: var(--n24-dati);
	font-size: 0.9rem;
	margin: 0;
}

.n24-tv-filtri__esito a,
.n24-tv-filtri__nessuno a {
	text-decoration: underline;
}

/* Sul telefono le sezioni dei video stanno su una riga da scorrere col dito, come il menu. */
@media (max-width: 47.99rem) {
	.n24-tv-filtri__temi {
		margin-inline: calc(-1 * clamp(0.9rem, 2vw, 1.4rem));
		overflow-x: auto;
		padding-inline: clamp(0.9rem, 2vw, 1.4rem);
		scrollbar-width: none;
	}

	.n24-tv-filtri__temi ul {
		flex-wrap: nowrap;
		width: max-content;
	}
}

/* ------------------------------------------------------------------ Firme ed editoriale del direttore (inc/firme.php) */

/* Prima pagina: «L'editoriale del direttore», tra due filetti, con la foto tonda del direttore. */
.n24-editoriale {
	align-items: start;
	border-block: var(--n24-filetto-forte);
	display: grid;
	gap: 1rem 1.5rem;
	grid-template-columns: 1fr;
	margin-block: var(--wp--preset--spacing--50);
	padding-block: 1.25rem 1.4rem;
}

.n24-editoriale__foto {
	display: block;
	line-height: 0;
}

.n24-editoriale__img {
	aspect-ratio: 1;
	border: 3px solid var(--wp--preset--color--base);
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--wp--preset--color--linea);
	height: auto;
	object-fit: cover;
	width: 5.5rem;
}

.n24-editoriale__testo {
	display: grid;
	gap: 0.55rem;
}

.n24-editoriale__etichetta {
	color: var(--n24-rosso);
	font-family: var(--n24-dati);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0;
	text-transform: uppercase;
}

.n24-editoriale__titolo {
	font-family: var(--n24-titoli);
	font-size: clamp(1.45rem, 2.6vw, 2.1rem);
	font-style: italic;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.15;
	margin: 0;
	text-wrap: balance;
}

.n24-editoriale__titolo a {
	text-decoration: none;
}

.n24-editoriale__titolo a:hover {
	text-decoration: underline;
	text-decoration-color: var(--n24-rosso);
	text-decoration-thickness: 2px;
}

.n24-editoriale__attacco {
	font-size: 1.08rem;
	line-height: 1.55;
	margin: 0;
	max-width: 62ch;
}

.n24-editoriale__firma {
	color: var(--n24-tenue);
	font-family: var(--n24-dati);
	font-size: 0.9rem;
	margin: 0;
}

.n24-editoriale__firma a {
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--linea);
	text-underline-offset: 0.15em;
}

.n24-editoriale__firma a:hover {
	text-decoration-color: var(--n24-rosso);
}

@media (min-width: 40rem) {
	.n24-editoriale {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.n24-editoriale__img {
		width: 7rem;
	}
}

/* Firma sotto il titolo, con la foto di chi ha una pagina. */
.n24-meta__firma.ha-foto {
	align-items: center;
	display: flex;
	gap: 0.6rem;
}

.n24-meta__foto {
	aspect-ratio: 1;
	border-radius: 50%;
	flex: none;
	height: auto;
	object-fit: cover;
	width: 2.75rem;
}

/* In fondo all'articolo: chi lo firma. */
.n24-firma-autore {
	align-items: start;
	background: var(--wp--preset--color--superficie);
	border-top: var(--n24-filetto-forte);
	display: grid;
	gap: 1rem;
	grid-template-columns: auto minmax(0, 1fr);
	margin-block: var(--wp--preset--spacing--50);
	padding: 1.1rem 1.25rem 1.2rem;
}

.n24-firma-autore__img {
	aspect-ratio: 1;
	border-radius: 50%;
	height: auto;
	object-fit: cover;
	width: 4.5rem;
}

.n24-firma-autore__testo {
	display: grid;
	gap: 0.3rem;
}

.n24-firma-autore__ruolo {
	color: var(--n24-rosso);
	font-family: var(--n24-dati);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0;
	text-transform: uppercase;
}

.n24-firma-autore__nome {
	font-family: var(--n24-titoli);
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}

.n24-firma-autore__nome a {
	text-decoration: none;
}

.n24-firma-autore__nome a:hover {
	text-decoration: underline;
	text-decoration-color: var(--n24-rosso);
}

.n24-firma-autore__presentazione {
	font-size: 0.98rem;
	line-height: 1.5;
	margin: 0;
}

@media (min-width: 40rem) {
	.n24-firma-autore__img {
		width: 6rem;
	}
}

/* Pagina del direttore: l'elenco dei suoi articoli. */
.n24-articoli-firma {
	margin-top: var(--wp--preset--spacing--50);
}

.n24-articoli-firma .n24-sezione__schede {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

/* Etichette degli articoli (meta n24_etichetta): «Comunicato», «Opinione» e «Contenuto sponsorizzato», accanto alla
   sezione; quella degli articoli pagati è piena, perché la pubblicità deve riconoscersi al primo sguardo. */
.n24-etichetta {
	border: 1px solid currentColor;
	border-radius: 2px;
	display: inline-block;
	font-size: 0.85em;
	letter-spacing: 0.06em;
	line-height: 1;
	margin-left: 0.5em;
	padding: 0.2em 0.4em;
	vertical-align: 0.05em;
}

.n24-etichetta--comunicato {
	color: var(--n24-tenue);
}

.n24-etichetta--sponsorizzato {
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.n24-occhiello .n24-etichetta:first-child {
	margin-left: 0;
}