/* Adempimenti privacy: caricato solo su questa pagina, dopo concept-a.css.
   Riprende schede, percorso e riquadro scuro della Home con gli stessi valori. */

/* Apertura: stesse colonne delle intestazioni di sezione, così il testo a destra
   parte sulla stessa verticale dei paragrafi sottostanti invece di restringersi
   in una colonna stretta e alta più del titolo. Senza margine inferiore l'ultima
   riga poggia sulla stessa linea di base di «privacy.». */
@media (min-width: 1021px) {
	.privacy-services-page .inner-hero__grid {
		gap: 64px;
		grid-template-columns: 1.1fr 0.9fr;
	}

	.privacy-services-page .inner-hero__grid > p {
		margin-bottom: 0;
	}
}

.privacy-services-page :is(.inner-hero__grid, .section-heading--split) > p {
	text-wrap: pretty;
}

/* I paragrafi di questa pagina sono più lunghi di quelli della Home: sotto i 1021 px
   affiancati al titolo diventerebbero colonne strette, quindi vanno sotto come
   nell'apertura, con una misura di riga comoda. */
@media (max-width: 1020px) {
	.privacy-services-page .section-heading--split {
		gap: 24px;
		grid-template-columns: 1fr;
	}

	.privacy-services-page :is(.inner-hero__grid, .section-heading--split) > p {
		max-width: 640px;
	}
}

.privacy-facts {
	display: grid;
	gap: 0 32px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.privacy-facts > div {
	border-top: 2px solid var(--navy);
	padding-top: 22px;
}

.privacy-facts h3 {
	font-size: 1.25rem;
	line-height: 1.3;
	margin: 0 0 12px;
}

.privacy-facts p {
	color: var(--muted);
	font-size: 1rem;
	margin: 0;
}

.privacy-note {
	border-left: 3px solid var(--yellow);
	color: #526176;
	font-size: 0.9375rem;
	margin: 48px 0 0;
	max-width: 760px;
	padding-left: 18px;
}

/* Schede della consulenza: stessa griglia e stesse misure delle schede modulo. */
.privacy-task-grid {
	display: grid;
	gap: 0 32px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.privacy-task {
	border-top: 1px solid #bfccda;
	min-width: 0;
	padding: 28px 8px 32px 0;
	position: relative;
}

.privacy-task__index {
	color: #526a88;
	font-size: 0.875rem;
	position: absolute;
	right: 8px;
	top: 32px;
}

.privacy-task__icon {
	color: var(--navy);
	display: block;
	margin-bottom: 22px;
}

.privacy-task__icon .icon {
	height: 28px;
	width: 28px;
}

.privacy-task h3 {
	font-size: 1.375rem;
	margin-bottom: 12px;
}

.privacy-task p {
	color: #526176;
	font-size: 1rem;
	margin: 0;
}

/* Percorso in quattro passaggi: la riga della Home ne ha cinque. */
.privacy-steps .flow-line {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Riquadro OkGes: testo sopra e tre voci affiancate sotto. In colonna accanto al
   testo le voci erano molto più alte e lasciavano vuota la metà sinistra. */
.privacy-okges .a-data__shell {
	gap: 40px;
	grid-template-columns: 1fr;
}

.privacy-okges .a-data__copy {
	max-width: 760px;
}

.privacy-okges .data-options {
	gap: 32px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.privacy-okges .data-options a {
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.privacy-okges .data-options a:hover {
	color: var(--yellow);
}

@media (max-width: 760px) {
	.privacy-facts {
		gap: 30px;
		grid-template-columns: 1fr;
	}

	.privacy-note {
		margin-top: 36px;
	}

	.privacy-task-grid {
		gap: 0 24px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.privacy-steps .flow-line {
		grid-template-columns: 1fr;
	}

	.privacy-okges .data-options {
		gap: 26px;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.privacy-task-grid {
		grid-template-columns: 1fr;
	}

	.privacy-task {
		padding-block: 24px;
	}

	.privacy-task__icon {
		margin-bottom: 16px;
	}
}