/* LOTTO D495 · LO SFOGLIA (`Sfoglia.php`): stile proprio, non dipende da `cornice.css`. Senza script le pagine stanno una sotto l'altra;
   con lo script (`.saq-sfoglia-attivo`) una alla volta. Pulsanti alti almeno 44 px (§11.1); sul telefono il dito sfoglia e la pagina scorre in verticale. */
.saq-sfoglia{max-width:46rem;margin:1.5rem auto;color:inherit;font:inherit}
.saq-sfoglia-titolo{margin:0 0 .75rem}
.saq-sfoglia-pagine{display:grid;gap:1rem}
.saq-sfoglia-pagina{margin:0}
.saq-sfoglia-pagina img{display:block;width:100%;height:auto;background:#fff;border:1px solid #d8d2c4;box-shadow:0 1px 3px rgba(0,0,0,.12)}
/* LOTTO TEL-8: il pizzico per ingrandire è concesso (`pinch-zoom`); con la pagina ingrandita (lo script legge `visualViewport`) ogni spostamento è
   libero, per andare a leggere di lato, e il dito non cambia pagina. */
.saq-sfoglia-attivo .saq-sfoglia-pagine{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}
.saq-sfoglia-attivo.saq-sfoglia-ingrandito .saq-sfoglia-pagine{touch-action:auto}
.saq-sfoglia-attivo .saq-sfoglia-pagina{display:none}
.saq-sfoglia-attivo .saq-sfoglia-pagina.corrente{display:block}
/* Ritocco di WEB APP 4 (27/10): sugli schermi larghi la pagina si limita in altezza, perché titolo, pagina e pulsanti stiano in una schermata
   (a 1440×900: 900 − 13rem = 692 px di pagina; resta posto per un po' di pagina sopra). Le proporzioni restano (width:auto). Sotto i 761 px nulla cambia: si sfoglia a tutta larghezza.
   Vale per la pagina pubblica /scuolarte/ (`[saq_sfoglia]`); nella finestra della scrivania la toglie `stanze.css` (COLLEGHI 3, D553). */
@media (min-width:761px){.saq-sfoglia-attivo .saq-sfoglia-pagina img{width:auto;max-width:100%;max-height:calc(100vh - 13rem);margin:0 auto}}
.saq-sfoglia-comandi{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.75rem 0}
.saq-sfoglia-comandi[hidden]{display:none}
.saq-sfoglia-comandi button{min-height:44px;min-width:44px;padding:.5rem 1rem;border:2px solid #1d1d1b;border-radius:6px;background:#fff;color:#1d1d1b;font:inherit;font-weight:600;cursor:pointer}
.saq-sfoglia-comandi button:disabled{opacity:.4;cursor:default}
.saq-sfoglia-comandi button:focus-visible,.saq-sfoglia-pagine:focus-visible{outline:3px solid #0a7aa6;outline-offset:3px}
.saq-sfoglia-numero{margin:0;text-align:center}
.saq-sfoglia-testo{margin-top:1rem}
.saq-sfoglia-testo summary{min-height:44px;padding:.65rem 0;box-sizing:border-box;font-weight:600;cursor:pointer}
/* LOTTO TEL-8 · al telefono il testo viene prima (`Sfoglia.php`, punto 5). Sopra gli 820 px nulla cambia: il blocco del telefono e «Le pagine originali»
   non si vedono e resta il <details> di sempre. Sotto gli 820 il contrario: il testo dopo il titolo, poi le pagine come seconda scelta. Senza script. */
.saq-sfoglia-testo-telefono,.saq-sfoglia-originali{display:none}
@media (max-width:820px){
  .saq-sfoglia-testo-telefono{display:block;overflow-wrap:break-word}
  /* Nella scrivania i titoli delle voci sono h5 (`componente('allegato2', 'h3')`), che il browser fa a 13,28 px: al telefono almeno 16 px. */
  .saq-sfoglia-testo-telefono h5,.saq-sfoglia-testo-telefono h6{font-size:max(1em,16px)}
  .saq-sfoglia-originali{display:block;margin:1.5rem 0 .75rem;font-weight:600}
  .saq-sfoglia .saq-sfoglia-testo{display:none}
  /* D3-a: nella finestra della scrivania «Chiudi ✕» resta in alto mentre si scorre. La classe è della scrivania (`Scrivania::finestraSfoglia`); la regola
     sta qui perché `stanze.css` è di TEL-3. Il fondo pieno copre il testo che passa sotto, anche nel margine interno della finestra (16 px, 10 px sotto
     i 600 in `stanze.css`): la testa sale nel margine e si ferma sul suo bordo. */
  dialog.finestra-sfoglia .finestra-testa{position:sticky;top:-16px;z-index:1;margin-top:-16px;padding-top:16px;background:var(--carta,#fff)}
}
@media (max-width:600px){dialog.finestra-sfoglia .finestra-testa{top:-10px;margin-top:-10px;padding-top:10px}}
/* D1-b: lo scaricamento del PDF, solo quando `Testi::TEL8_PDF_URL` ha un indirizzo. */
.saq-sfoglia-pdf{margin:.75rem 0}
.saq-sfoglia-pdf a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}