/* Scheda articolo del blog (single.php): hero come quella di Diathonite e colonna di lettura da rivista. */

/* Hero: stessa struttura di Diathonite (80vh, overlay .19); sotto i 960 px padding come la sua versione mobile */
.diasen-article-hero .diasen-hero-title { max-width: 900px; margin: 0 auto 0; text-transform: uppercase; text-wrap: balance; }
.diasen-article-hero .diasen-hero-title--l { font-size: 19px; }
.diasen-article-hero .diasen-hero-title--xl { font-size: 16px; line-height: 1.35; }
@media (min-width: 960px) {
	.diasen-article-hero.uk-section-xsmall { padding-top: 40px; }
}

/* Colonna di lettura */
.diasen-article { max-width: 740px; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 1.75; }
.diasen-article > * { margin-top: 0; margin-bottom: 1.4em; }
.diasen-article > *:last-child { margin-bottom: 0; }
.diasen-article h2, .diasen-article h3, .diasen-article h4 { text-wrap: balance; line-height: 1.25; margin-top: 2.2em; margin-bottom: .7em; }
.diasen-article h2 { font-size: 26px; }
.diasen-article h3 { font-size: 21px; }
.diasen-article h4 { font-size: 18px; }
.diasen-article > :first-child { margin-top: 0; }
.diasen-article li { margin-bottom: .4em; }
.diasen-article blockquote { margin: 2em 0; padding: 0 0 0 1.2em; border-left: 3px solid #0d181c; font-size: 1.1em; line-height: 1.6; }
.diasen-article blockquote p { margin: 0 0 .8em; }

/* Immagini sole nel loro blocco: escono un po' dalla colonna (fino a 960 px), centrate */
.diasen-article figure { margin: 2em 0; }
.diasen-article img { max-width: 100%; height: auto; }
@media (min-width: 960px) {
	.diasen-article figure:has(> img:only-child), .diasen-article figure:has(> a:only-child > img:only-child) {
		width: min(960px, calc(100vw - 120px)); margin-left: 50%; transform: translateX(-50%); text-align: center;
	}
}
.diasen-article figcaption { font-size: 14px; line-height: 1.5; margin-top: .6em; color: #6b7276; }

@media (max-width: 639px) {
	.diasen-article { font-size: 16px; line-height: 1.7; }
	.diasen-article h2 { font-size: 22px; }
	.diasen-article h3 { font-size: 19px; }
}