/* MOBILE-FIRST: height di default (viewport < 550px) */

.page-text {
  max-height: 350px;
  /*requisito: 350px sotto 550px;*/
  overflow: hidden;
  word-wrap: break-word;
  hyphens: auto;
}

/* Da 550px in su, alza a 500px (requisito) */

@media (min-width: 550px) {
  .page-text {
    max-height: 500px;
  }
}

/* Contenitore per rendere la misura coerente e pulita */

.reader {
  position: relative;
}

/* Elemento di misura invisibile per calcolare le altezze in JS */

.measure-probe {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  left: -99999px;
  top: 0;
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
  hyphens: auto;
}