/* override specifici per singola pagina, aggiunti man mano */

.vt-contatti-griglia{ display:grid; gap:var(--vt-space-5); grid-template-columns:1fr 1fr; }
@media (max-width:699px){ .vt-contatti-griglia{ grid-template-columns:1fr; } }

/* Metodo e Di cosa mi occupo — meno spazio fra un blocco e l'altro (richiesta esplicita: sezioni più vicine) */
.pg-metodo .vt-section,
.pg-di-cosa-mi-occupo .vt-section{ padding-block: var(--vt-space-6); }
.pg-metodo .vt-section + .vt-section,
.pg-di-cosa-mi-occupo .vt-section + .vt-section{ padding-top: 0; }

/* Contatti — meno spazio nel blocco del titolo (fra kicker/H1/paragrafo) e prima del pannello contatti */
.pg-contatti .vt-hero-intro,
.pg-contatti .vt-section:first-of-type{
  padding-bottom: var(--vt-space-3);
}
.pg-contatti .vt-section:first-of-type h1{
  margin-bottom: var(--vt-space-2);
}
.pg-contatti .vt-section:nth-of-type(2){
  padding-top: var(--vt-space-3);
}

/* Testo corrente in <main> giustificato (l'ultima riga resta a sinistra), con sillabazione
   automatica (html lang="it") per evitare buchi sulle colonne strette. Esclusi: header,
   footer, nav (fuori da <main>), titoli, kicker/etichette, badge, pastiglie, testi nelle card
   contatto e la pagina 404 (testo centrato per scelta). */
:where(main) :is(p, li, dd):not(.vt-kicker):not(.vt-pastiglia-tag):not(.vt-riquadro__label):not(.vt-contatto-card *):not(.pg-404 *){
  text-align: justify;
  text-align-last: left;
  hyphens: auto;
  hyphenate-limit-chars: 7 3 3; /* niente sillabazioni di parole corte ("nel-la"); ignorato dai browser che non lo supportano */
  overflow-wrap: break-word;
}