/**
 * @file
 * Ritocchi alle pagine degli approfondimenti.
 *
 * Tre cose sole, tutte dentro queste pagine: le proporzioni delle immagini
 * nelle schede dei capitoli, l'allineamento della voce spenta nel riquadro
 * degli strumenti, la data sotto il titolo di ogni sezione.
 */

/**
 * Il filtro degli editor scrive nell'immagine larghezza e altezza del file. Il
 * tema poi la riduce alla larghezza della scheda, ma l'altezza resta quella
 * scritta nell'attributo: l'immagine si schiaccia. Con height auto torna a
 * scalare in proporzione.
 */
.paragraph--type--box-primo-livello .field--name-field-testo img {
  height: auto;
}

/**
 * La voce di uno strumento non ancora pronto non è un collegamento, quindi non
 * prende gli stili che il tema riserva ad "a.list-item": senza queste righe
 * resta attaccata al bordo mentre le altre voci sono rientrate.
 */
.approfondimenti-strumenti .list-item--spento {
  display: block;
  padding: 12px 24px;
  color: #5d7083;
}

.approfondimenti-strumenti .list-item--spento .list-item-title {
  display: block;
  font-size: 1.1rem;
  line-height: 1.4;
}

.approfondimenti-strumenti .list-item--spento .list-item-etichetta {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/**
 * Nei capitoli nati da un accorpamento ogni sezione porta la propria data:
 * le due metà sono state scritte e aggiornate in momenti diversi.
 */
.node--type-page .sezione-data {
  margin-top: -0.4rem;
  font-size: 0.9rem;
  color: #5d7083;
}