/* Il colore su una parola sola.
   ------------------------------------------------------------
   Il tag e' <mark>, e i browser gli danno di loro iniziativa uno
   sfondo giallo e un colore di testo fisso: senza queste righe,
   colorare una parola le metteva addosso un evidenziatore che nessuno
   aveva chiesto. Il colore vero arriva dallo stile in riga, che
   `color: inherit` non deve toccare — per questo qui si tocca solo lo
   sfondo. */

.parola-colorata {
  background: none;
  padding: 0;
}

/* La larghezza del rigo scelta a mano.
   ------------------------------------------------------------
   Il valore arriva come `--rigo` sull'elemento. Le regole del tema che
   impongono una misura leggono gia' quella variabile, con la propria
   misura come ripiego: `max-width: var(--rigo, 48ch)`. Cosi' la scelta
   di chi monta la pagina vince senza dover battere nessuno per
   specificita', e chi non sceglie niente resta come prima.

   Questa riga serve agli elementi che una misura del tema non ce
   l'hanno: senza, scegliere la larghezza non farebbe niente. */
[style*="--rigo"] {
  max-width: var(--rigo);
}