/* Foglio di stile dei MATERIALI statici di LabelCheck: la pagina degli aggiornamenti e
   il foglio "cosa fa per te". Pagine HTML autonome, pensate per stare bene a schermo e
   una volta stampate in A4.

   PERCHE' ESISTE, invece di continuare a usare guida.css. I due materiali e la GUIDA
   condividevano lo stesso foglio. La guida e' congelata (deciso con Claudio il
   06-08-2026: si rifa' in versione definitiva quando tutte le funzioni saranno
   pubbliche, cosi' si tocca una volta sola), mentre i materiali passano subito alla
   marca nuova. Un foglio condiviso avrebbe costretto a scegliere fra le due cose.
   guida.css resta quindi intatto e serve solo le pagine guida-*.html.

   I VALORI arrivano dalla fonte unica di marca. I NOMI delle variabili sono gli stessi
   di prima (--navy, --ink, --cream...) apposta: le regole scritte dentro ogni pagina li
   usano gia', e cambiare i nomi avrebbe voluto dire riscrivere 46 pagine per niente.
   --navy non e' piu' blu da un pezzo: tiene il nero caldo del marchio. */

@import url("/brand-tokens.generated.css");
/* INTER, il ripiego DICHIARATO per gli alfabeti che Poppins non copre: queste pagine girano
   in 23 lingue, e Poppins non porta ne' il cirillico (bulgaro) ne' il greco. Senza questa
   riga quelle due lingue cadono sul carattere di sistema, e il difetto lo vede solo chi
   legge in quella lingua, cioe' il cliente. Trovato da check-fonts il 14-08-2026, dopo che
   portando i caratteri in casa avevo portato via anche Inter senza accorgermene.
   Resta su Google finche' non abbiamo in repo i suoi sottoinsiemi greco e cirillico:
   portarlo in casa a meta' sarebbe peggio, perche' toglierebbe la copertura credendo di
   fare ordine. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* INTER non e' un ripensamento: e' il RIPIEGO DICHIARATO della pila --cf-sans.
   Questi 46 materiali escono in 23 lingue. Poppins non ha il cirillico (bulgaro), non ha
   il greco, e non ha nemmeno la h-sbarrata del maltese (verificato sui file veri, non sulla
   documentazione). Senza questa riga la pila scendeva al carattere di sistema e tre lingue
   su ventitre' cambiavano faccia a meta' pagina. Lo prende ora scripts/check-fonts.mjs. */
/* I caratteri sono OSPITATI DA NOI (public/fonts/), non presi dal CDN di Google: due host
   terzi bloccanti in meno, e l'indirizzo IP del lettore non parte verso Google. Allineato
   il 14-08-2026 insieme a guida.css e alla landing. */
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/poppins-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/poppins-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/poppins-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/poppins-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/poppins-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/poppins-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/poppins-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/poppins-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Mono';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/space-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/space-mono-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root {
  --navy: var(--cf-nero);
  --navy2: var(--cf-nero-2);
  --cream: var(--cf-fondo);
  --cream2: var(--cf-fondo-2);
  --ink: var(--cf-nero);
  --muted: var(--cf-testo-muto);
  --line: var(--cf-linea);
  --orange: var(--cf-lime-segnale);   /* il segno decorativo: pallini, filetti, accento */
  --sage: var(--cf-nota);             /* il verde delle note: e' un semaforo, non un accento */
  --card: var(--cf-carta);
}

* { box-sizing: border-box; }
@page { size: A4; margin: 15mm 14mm; }
@page:first { margin: 0; }
html, body { margin: 0; padding: 0; background: var(--cream); }
body {
  font-family: var(--cf-sans);
  color: var(--ink);
  font-size: 11pt;
  line-height: 1.5;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
/* Un carattere solo per tutto il testo: e' la marca. I dati e i codici vanno in mono. */
h1, h2, h3, .display { font-family: var(--cf-sans); }
.dati, code { font-family: var(--cf-mono); }

.content { max-width: 780px; margin: 0 auto; padding: 26mm 14mm; background: #fff; }
@media print { .content { max-width: none; margin: 0; padding: 0; background: transparent; } }

.sec-title { font-family: var(--cf-sans); font-size: 21pt; font-weight: 600; color: var(--ink); margin: 0 0 6px; }
.sec-lead { font-size: 12.5pt; color: var(--navy); font-weight: 600; margin: 0 0 16px; }

.note {
  page-break-inside: avoid;
  margin: 8px 0 0;
  background: var(--cf-nota-velo);
  border: 1px solid var(--cf-lime-lieve);
  border-radius: 12px;
  padding: 14px 18px;
  color: var(--cf-lime-testo);
  font-size: 10.5pt;
}
.note b { color: var(--sage); }
.footer { margin-top: 26px; padding-top: 12px; border-top: 1px solid var(--line); text-align: center; font-size: 9pt; color: var(--muted); }

/* Il pulsante "Salva PDF" a schermo (sparisce in stampa) */
.dlbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 14px;
  background: color-mix(in srgb, var(--cream) 90%, transparent);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--line);
}
.dlbtn {
  font-family: var(--cf-sans);
  font-size: 11pt;
  font-weight: 600;
  color: #fff;
  background: var(--navy);
  border: none;
  border-radius: 9px;
  padding: 8px 16px;
  cursor: pointer;
}
.dlbtn:hover { background: var(--navy2); }
@media print { .dlbar { display: none; } }


/* IL NOME DEL MODULO A DUE TONI (manuale §7.1). La regola sta in TUTTI i fogli che servono una
   pagina col marchio, e non solo in uno: il 14-08-2026 l'avevo messa solo in guida.css, e le 46
   pagine servite da qui rendevano il nome IN CORSIVO e a un tono, perche' <i> e' corsivo per
   natura e senza questa riga nessuno lo raddrizza. L'ha visto Claudio, non il cancello, perche'
   il cancello controllava che il MARKUP usasse la classe e non che il CSS la definisse. */
.nome-coda{ font-style:normal; opacity:.62; }