/*
 * Versione per la tipografia (?formato=tipografia, docs/STAMPA.md):
 * A4 più 3 mm di abbondanza per lato, cioè 216 × 303 mm, con i segni di taglio agli angoli.
 * La facciata resta identica e in posizione (3 mm dal bordo del foglio); escono di 3 mm oltre
 * il taglio solo i fondi e le foto che toccano il bordo. La misura del foglio (@page) la
 * imposta app.js, perché @page non si può limitare a un formato con un selettore.
 */

html[data-formato="tipografia"] .pagina {
  position: relative;
  box-sizing: border-box;
  width: 216mm;
  height: 303mm;
  padding: 3mm;
  overflow: hidden;
}

/* I fondi escono di 3 mm: un'ombra piena del colore del fondo, senza sfumatura. */
html[data-formato="tipografia"] .facciata {
  overflow: visible;
  box-shadow: 0 0 0 3mm var(--carta);
}

html[data-formato="tipografia"] .copertina {
  box-shadow: 0 0 0 3mm var(--fondo);
}

/* Le foto al vivo escono di 3 mm dai lati in cui toccano il bordo. */
html[data-formato="tipografia"] .foto--sx { margin-left: -3mm; margin-bottom: -3mm; }
html[data-formato="tipografia"] .foto--dx { margin-top: -3mm; margin-right: -3mm; }

/* Segni di taglio: sopra la facciata, nei 3 mm di abbondanza. */
.segni {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}