/* ==========================================================================================================================
   Schermi molto grandi (Batch 14.28.1)
   Le pagine di LETTURA (home e pagine per lingua, Esplora, Manuale, informativa privacy, promozioni, notifiche, «I miei dati»,
   cambio password) hanno una colonna di contenuto larga al massimo 800-1200 px: su un monitor 2560 o 4K a 100 % restava un francobollo
   al centro con scritte piccole. Da 2560 px di larghezza (e almeno 1100 di altezza) la pagina si ingrandisce con `zoom`:
       2560 px  ->  1,25x      3000 px  ->  1,5x      3600 px  ->  1,75x
   Sotto i 2560 px (tutti i portatili, il Full HD, il 2K a 125 %) non cambia nulla.
   Le pagine di LAVORO (Dashboard, Studio, Radio, Watch, plance) non caricano questo file: hanno cursori, finestre trascinabili e
   misure in pixel calcolate da JavaScript che con lo zoom andrebbero fuori posto. Quelle si allargano da sole con la finestra.
   Con lo zoom le misure `vh` non si ingrandiscono insieme al resto: le altezze legate alla finestra si dividono per la scala (--nx-z).
   ========================================================================================================================== */
:root { --nx-z: 1; }
@media screen and (min-width: 2560px) and (min-height: 1100px) { :root { --nx-z: 1.25; zoom: 1.25; } }
@media screen and (min-width: 3000px) and (min-height: 1300px) { :root { --nx-z: 1.5; zoom: 1.5; } }
@media screen and (min-width: 3600px) and (min-height: 1900px) { :root { --nx-z: 1.75; zoom: 1.75; } }

/* altezze legate alla finestra (le stesse regole di style.css, landing.css e manuale.css, divise per la scala) */
body { min-height: calc(100vh / var(--nx-z)); }
.hero { min-height: calc(86vh / var(--nx-z)); }
.auth-card { max-height: calc(90vh / var(--nx-z)); }
.mn-side { max-height: calc((100vh - 92px * var(--nx-z)) / var(--nx-z)); }