/**
 * Ritmo verticale degli articoli del magazine.
 *
 * Il modulo di testo (template-parts/blocks/block-info.php, classe
 * .article-text) prende il padding verticale dalle utility Tailwind
 * `py-40` e `lg:py-70`, compilate in assets/dist/styles/main.css.
 * Qui lo riduciamo per stringere lo spazio fra la fine di un paragrafo e
 * l'inizio del modulo successivo, che risultava troppo arioso.
 *
 * Ambito: solo i singoli articoli del blog (body.single-post). La classe
 * .main-post e' condivisa anche da progetti, autori e glossario, e
 * .article-text e' usata anche da pagine e landing: restano invariati.
 *
 * Sta in un file separato e non in main.css perche' quello e' un artefatto
 * di webpack e una ricompilazione lo sovrascriverebbe.
 *
 * Valori: 40px -> 30px (mobile), 70px -> 52px (desktop). Il margine interno
 * `mb-32` sull'ultimo blocco di testo non e' toccato, perche' serve anche a
 * separare il testo dai bottoni e dalle gallerie dentro lo stesso modulo.
 */

@media (max-width: 1023px) {
	body.single-post .main-post .article-text.py-40 {
		padding-bottom: 30px;
		padding-top: 30px;
	}
}

@media (min-width: 1024px) {
	body.single-post .main-post .article-text.lg\:py-70 {
		padding-bottom: 52px;
		padding-top: 52px;
	}
}