:root{--paper:#FFFBF5;--ink:#24201C;--ink-2:#5A5148;--terra:#9C3412;--sage:#2F5D50;--line:#E4D9C8;--sand:#F6EEE2;
  --display:'Iowan Old Style','Hoefler Text','Palatino Linotype',Palatino,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--sans);color:var(--ink);background:#D9D4CC;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.istruzioni{max-width:210mm;margin:16px auto;background:#FFFFFF;border-radius:10px;padding:14px 18px;font-size:14px;line-height:1.5}
.istruzioni h1{font-family:var(--display);margin:0 0 6px;font-size:22px}
/* I link del riquadro istruzioni si TOCCANO col dito (Artur apre questi fogli
   dal telefono): 44 px di altezza minima, come tutti i bersagli del sito
   (WCAG 2.5.5 / 2.5.8). Il link alla versione a caratteri grandi era alto
   37,5 px ed era l'ultimo bersaglio sotto misura rimasto. inline-flex invece
   di inline-block così il testo resta centrato anche quando sta su una riga
   sola. Il riquadro non si stampa: qui l'altezza non costa carta. */
.istruzioni a{color:var(--terra);display:inline-flex;align-items:center;min-height:44px;padding:4px 2px}
.istruzioni ul{margin:6px 0;padding-left:20px}
.istruzioni .da-fare{background:#FFF3E8;border-left:4px solid var(--terra);padding:8px 12px;margin:10px 0;border-radius:0 6px 6px 0}
.istruzioni button{font:inherit;font-weight:700;padding:8px 14px;border-radius:999px;border:1.5px solid var(--ink);background:#FFFFFF;cursor:pointer;margin:4px 6px 0 0}
.istruzioni button[aria-pressed="true"]{background:var(--ink);color:#FFFFFF}
.manca{color:#B3261E;font-weight:800;border:1.5px dashed #B3261E;padding:0 .4em;border-radius:3px}
/* Fascia "BOZZA — NON STAMPARE" delle build di ANTEPRIMA. Sta DENTRO al foglio e
   si stampa apposta: il riquadro .istruzioni sparisce in stampa, quindi non
   basterebbe. È in posizione assoluta per non spostare di un millimetro
   l'impaginazione dei fogli a misura fissa (A4/A5/A6). Cornice nera spessa
   perché su una stampante in bianco e nero il rosso diventa grigio. */
.foglio{position:relative}
.bozza-stampa{position:absolute;top:0;left:0;right:0;z-index:9;margin:0;
  background:#B42318;color:#FFFFFF;border:1.2mm solid #000000;
  font-size:13pt;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center;
  padding:2.2mm 3mm;line-height:1.25;-webkit-print-color-adjust:exact;print-color-adjust:exact}
@media print{body{background:#FFFFFF}.istruzioni{display:none}}
/* un orario ("ven–sab 07:00–01:30") non va mai a capo a metà: si spezza solo fra un giorno e l'altro */
.nw{white-space:nowrap}

@page{size:A4 portrait;margin:0}
.foglio{width:210mm;min-height:297mm;margin:0 auto 16px;background:#FFFFFF;padding:9mm 10mm 7mm;display:flex;flex-direction:column}
.testa{display:flex;align-items:flex-end;justify-content:space-between;gap:6mm;border-bottom:0.8mm solid var(--ink);padding-bottom:2.2mm;margin-bottom:2.6mm}
.marchio{margin:0;font-family:var(--display);font-weight:600;font-size:29pt;line-height:.95}
.marchio span{color:var(--terra)}
.marchio+.kick{margin:.8mm 0 0;font-size:7.4pt;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sage)}
.testa .t{margin:0;text-align:right;font-size:8.4pt;line-height:1.35}
.testa .t b{font-size:12.5pt;font-family:var(--display);font-weight:700}
.colonne{column-count:3;column-gap:6.5mm;column-rule:0.2mm solid var(--line);flex:1 0 auto}
.cat{break-inside:auto;margin:0 0 2.6mm}
.cat h2{margin:0 0 1mm;font-family:var(--display);font-size:12.5pt;font-weight:700;border-bottom:0.4mm solid var(--ink);
  padding-bottom:.5mm;break-after:avoid;break-inside:avoid}
.sub{margin:1.7mm 0 .5mm;font-size:7.2pt;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);break-after:avoid;break-inside:avoid}
ul{list-style:none;margin:0;padding:0}
li{display:flex;align-items:baseline;gap:1.2mm;font-size:9pt;line-height:1.24;padding:.25mm 0;break-inside:avoid}
li .n{flex:0 1 auto}
li .d{flex:1 1 4mm;border-bottom:0.3mm dotted #A89F92;transform:translateY(-.8mm);min-width:3mm}
li .p{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.surg{color:var(--terra);font-weight:800}
/* più righe = foglio più fitto (densitaListino); misure provate in Chrome */
.denso li{font-size:8pt;line-height:1.15;padding:.1mm 0}
.denso .cat{margin:0 0 1.5mm}
.denso .cat h2{font-size:11pt;margin:0 0 .6mm}
.denso .sub{margin:1mm 0 .2mm;font-size:6.8pt}
.stretto .colonne{column-count:4;column-gap:4mm}
.stretto li{font-size:7.8pt;line-height:1.15;padding:.1mm 0}
.stretto .cat{margin:0 0 1.5mm}
.stretto .cat h2{font-size:10.5pt;margin:0 0 .6mm}
.stretto .sub{margin:1mm 0 .2mm;font-size:6.6pt}
.cmp-l .spiega{margin:0 0 .6mm;font-size:7.6pt;line-height:1.3}
.cmp-l li.ing-l .n{flex:0 1 auto;font-size:8.4pt}
.bozza-riga{display:inline-block;margin-left:1mm;padding:0 1mm;font-size:7pt;font-weight:800;color:#FFFFFF;background:#B3261E}
.piede{margin-top:2.2mm;border-top:0.5mm solid var(--ink);padding-top:1.6mm;font-size:7.4pt;line-height:1.35;
  display:grid;grid-template-columns:1.35fr 1fr;gap:5mm}
.piede b{font-size:8.4pt}
.piede p{margin:0 0 .8mm}
.piede p:last-child{margin:0}
@media print{.foglio{margin:0}}