/* Design Scuole Italia — child "Formigine 2" · f2-bacheca.css
 * Elenco delle pubblicazioni della bacheca ufficiale. Stile canonico DSI: bianco, hairline
 * #d9dadb, accento = colore della sezione (`--f2-acc`). Nessun orpello: e' un elenco di atti, si legge e si clicca.
 */
.f2nv { margin-top: .5rem; }
.f2nv-lead { color: #5c6f82; max-width: 62ch; }
.f2nv-gruppo { margin: 2rem 0 0; }
.f2nv-titolo {
  display: flex;
  align-items: baseline;
  gap: .6rem;
  padding-bottom: .5rem;
  border-bottom: 2px solid var(--f2-acc, #d8333a);
  margin-bottom: 0;
}
.f2nv-conta {
  font-size: .78rem;
  font-weight: 600;
  color: #5c6f82;
  background: #f0f2f5;
  border-radius: 999px;
  padding: .1rem .55rem;
}
.f2nv-elenco { list-style: none; padding: 0; margin: 0; }
.f2nv-voce {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  padding: .8rem 0;
  border-bottom: 1px solid #e8eaed;
}
.f2nv-link {
  font-weight: 600;
  color: var(--f2-acc-scuro, #af2127);
  text-decoration: none !important;
  /* i titoli degli atti sono lunghi e in maiuscolo: devono poter andare a capo */
  overflow-wrap: anywhere;
}
.f2nv-link:hover, .f2nv-link:focus-visible { text-decoration: underline !important; }
.f2nv-meta { font-size: .82rem; color: #5c6f82; }
.f2nv-vuoto, .f2nv-errore { color: #5c6f82; padding-top: .8rem; margin: 0; }
.f2nv-errore { color: #a4610f; }
.f2nv-tutte { margin: .9rem 0 0; font-size: .9rem; }
.f2nv-agg { margin-top: 2rem; font-size: .84rem; color: #5c6f82; }

/* Archivio dei contenuti scaduti (stessa grammatica dell'elenco bacheca). */
.f2ar { margin-top: .5rem; }
.f2ar-lead, .f2ar-vuoto { color: #5c6f82; max-width: 62ch; }
.f2ar-anno { margin: 2rem 0 0; }
.f2ar-titolo {
  display: flex; align-items: baseline; gap: .6rem;
  padding-bottom: .5rem; border-bottom: 2px solid var(--f2-acc, #d8333a); margin-bottom: 0;
}
.f2ar-conta { font-size: .78rem; font-weight: 600; color: #5c6f82; background: #f0f2f5; border-radius: 999px; padding: .1rem .55rem; }
.f2ar-elenco { list-style: none; padding: 0; margin: 0; }
.f2ar-voce { display: flex; flex-direction: column; gap: .15rem; padding: .8rem 0; border-bottom: 1px solid #e8eaed; }
.f2ar-link { font-weight: 600; color: var(--f2-acc-scuro, #af2127); text-decoration: none !important; overflow-wrap: anywhere; }
.f2ar-link:hover, .f2ar-link:focus-visible { text-decoration: underline !important; }
.f2ar-meta { font-size: .82rem; color: #5c6f82; }