/* Design Scuole Italia — child "Formigine 2" · f2-news.css
 * "Novità dall'ultima visita": due righe di stile, e non di più.
 *
 * 🔴 QUELLO CHE NON C'È PIÙ, e perché. Qui stava una striscia verde menta (#f1faf6) con il
 * pallino verde alonato, il bottone-pillola e la × per chiudere: 57 righe che disegnavano un
 * componente che non esisteva da nessun'altra parte nel sito. Si vedeva che era una cosa
 * appiccicata sopra, ed era vero.
 *
 * Adesso la riga vive dentro il titolo di sezione del tema e l'occhiello «NUOVO» usa
 * `category-top` di Bootstrap Italia, che il tema padre disegna già (maiuscoletto .7778rem,
 * #435a70, lettere spaziate). Qui resta soltanto la misura della riga, perché il colore, il
 * carattere e la spaziatura arrivano dal design system. Se domani il tema cambia, questo segue.
 */

/* 🔴 Il selettore comprende `.title-section` per una ragione misurata, non per abitudine: da
   sola, `.f2news-riga` perdeva contro la regola del tema sui paragrafi del titolo di sezione, e
   la riga usciva a 20px — la misura di un sottotitolo, non di un promemoria. Verificato nel
   browser: 20px prima, 15px dopo. Togliendo `.title-section` il difetto torna. */
.title-section .f2news-riga {
  margin: -4px 0 0;
  font-size: .9375rem;
  line-height: 1.5;
  color: #435a70;
  font-weight: 400;
}

/* Il collegamento resta un collegamento come tutti gli altri del sito: sottolineato, colore del
   testo istituzionale. Un bottone qui darebbe a un promemoria il peso di un'azione. */
.title-section .f2news-riga a {
  color: #17324d;
  text-decoration: underline;
  font-weight: 600;
}

/* L'occhiello sulle schede nuove: la classe `category-top` porta già tutto (maiuscoletto, peso,
   spaziatura). Serve solo stringere il margine, perché nel tema quella riga sta sopra un testo
   lungo e qui sta sopra un titolo. Il selettore ripete `.card-body` perché la regola del tema
   padre è `.card .card-body .category-top`: con meno specificità il margine resterebbe 16px. */
.card .card-body .category-top.f2news-nuovo,
.card .card-body .card-content .category-top.f2news-nuovo {
  margin-bottom: 4px;
}

.card .card-body .category-top.f2news-nuovo .category,
.card .card-body .card-content .category-top.f2news-nuovo .category {
  color: #17324d;
}