Template:Approfondimento/styles.css

.itwiki-template-approfondimento {
	border: 1px solid var( --border-color-subtle, #c8ccd1 );
	background-color: var( --background-color-interactive-subtle, #f8f9fa );
	padding: 2px;
	box-sizing: border-box;
}

@media all and ( max-width: 720px ) {
	/* Forza larghezza massima su schermi piccoli */
	.itwiki-template-approfondimento {
		width: 100% !important;
	}
}

/* Disattiva allineamento da mobile, con poco spazio non ha senso avere contenuti a fianco,
 e conflitterebbe anche con le sezioni usando la skin Minerva */
@media all and ( min-width: 720px ) {
	.itwiki-template-approfondimento-sinistra {
		clear:left;
		float:left;
		margin-right:10px;
		margin-left:0;
	}

	.itwiki-template-approfondimento-centro {
		margin-left:auto;
		margin-right:auto;
	}

	.itwiki-template-approfondimento-destra {
		clear:right;
		float:right;
		margin-left:10px;
	}
}

.itwiki-template-approfondimento-intestazione {
	background: #C3D0DF;
	padding: 2px;
	text-align: center
}

html.skin-theme-clientpref-night .itwiki-template-approfondimento-intestazione {
	background-color: var( --background-color-neutral, #27292d );
}
@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .itwiki-template-approfondimento-intestazione {
		background-color: var( --background-color-neutral, #27292d );
	}
}