/* Design Scuole Italia — child "Formigine 2" · f2-persone.css
   La pagina "Le persone": attacco leggibile, elenchi che si leggono a colpo d'occhio,
   unita' organizzative in schede. Additivo. */

.f2pe-intro p { font-size: 1.12rem; line-height: 1.62; color: #33334a; }
.f2pe-intro p:last-child { margin-bottom: 0; }

/* ---- "Chi fa che cosa" ----
   Il contenuto sta in un blocco libero del tema (modificabile dall'amministrazione).
   E' scritto con gruppi <div class="f2pe-gruppo"> che contengono un <h3> e un <dl>:
   il termine e' il ruolo o il plesso, la definizione e' chi lo ricopre. Prima era un
   unico paragrafo con i due punti in mezzo, illeggibile. */
.f2pe-gruppi { margin-top: .5rem; }
.f2pe-gruppo { margin-bottom: 2rem; }
.f2pe-gruppo:last-child { margin-bottom: 0; }
.f2pe-gruppo > h3 {
  font-size: 1.16rem;
  line-height: 1.3;
  margin: 0 0 .2rem;
  color: #17324d;
}
.f2pe-gruppo > p {
  color: #5c6f82;
  font-size: .95rem;
  line-height: 1.55;
  margin: 0 0 .9rem;
  max-width: 44rem;
}
.f2pe-gruppo dl {
  margin: 0;
  border-top: 1px solid #e3e7eb;
}
.f2pe-gruppo div {
  display: grid;
  grid-template-columns: minmax(11rem, 20rem) 1fr;
  gap: .25rem 1.5rem;
  padding: .7rem 0;
  border-bottom: 1px solid #e3e7eb;
  align-items: baseline;
}
.f2pe-gruppo dt {
  font-weight: 600;
  color: #17324d;
  line-height: 1.45;
}
.f2pe-gruppo dd {
  margin: 0;
  color: #33334a;
  line-height: 1.45;
}
.f2pe-gruppo dd a { color: inherit; }
@media (max-width: 767.98px) {
  .f2pe-gruppo div { grid-template-columns: 1fr; padding: .8rem 0; }
  .f2pe-gruppo dt { font-size: .95rem; }
}

.f2pe-fonte {
  margin-top: 1.5rem;
  font-size: .88rem;
  line-height: 1.55;
  color: #5c6f82;
  border-left: 3px solid #e3e7eb;
  padding-left: .9rem;
  max-width: 46rem;
}
.f2pe-gruppo-tit {
  font-size: 1.05rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--f2-acc, #d8333a);
  margin: 1.9rem 0 .9rem;
}

@media (prefers-reduced-motion: reduce) {
  .f2pe-uff { transition: none; }
}

/* Stessa correzione: collegamenti dentro il testo sottolineati (axe link-in-text-block). */
.f2pe-intro a, .f2pe-uffici-lead a, .f2pe-gruppo dd a, .f2pe-fonte a { text-decoration: underline; }