@page{size:A4 portrait;margin:0}

: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}

.foglio{width:210mm;height:297mm;margin:0 auto 16px;background:#FFFFFF;display:grid;
  grid-template-columns:105mm 105mm;grid-template-rows:148.5mm 148.5mm;position:relative;overflow:hidden}
body.a5 .foglio{height:148mm;grid-template-rows:148mm}
body.a5 .card:nth-child(n+3){display:none}
.card{position:relative;padding:9mm 9mm 7mm;display:flex;flex-direction:column;align-items:center;text-align:center;
  border-right:0.3mm dashed #B8B0A4;border-bottom:0.3mm dashed #B8B0A4}
.card:nth-child(2n){border-right:none}
.card:nth-child(n+3){border-bottom:none}
body.a5 .card{border-bottom:none}
.marchio{margin:0;font-family:var(--display);font-weight:600;font-size:30pt;line-height:1;letter-spacing:-.01em}
.marchio span{color:var(--terra)}
.kicker{margin:2.5mm 0 0;font-size:8pt;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sage)}
.qr{width:62mm;height:62mm;margin:4mm 0 2mm}
.qr svg{width:100%;height:100%;display:block}
.url{margin:0;font-size:15pt;letter-spacing:.01em}
.url b{font-weight:800}
.come{margin:3mm 0 0;font-size:8pt;line-height:1.35;color:var(--ink)}
.allergie{margin:auto 0 0;padding-top:3mm;font-size:7.5pt;line-height:1.35;color:var(--ink-2)}
.indirizzo{margin:1.5mm 0 0;font-size:7.5pt;color:var(--ink-2)}
@media print{.foglio{margin:0}}