/* ——— La proposta ———
   È l'unica cosa che vede il cliente, quindi si comporta come un menu vero.
   Resta su carta bianca: «scuro» vale per l'app, non per un foglio da stampare.
   L'ocra del marchio (#CBBB9F) su bianco farebbe 1,9:1 — illeggibile come testo.
   Perciò la stessa tinta vive su due valori: piena per il medaglione, scurita a
   #7E6C48 (5,0:1) per le capitali delle portate.

   Queste regole valgono sia per l'anteprima a schermo sia per la stampa: il
   documento è uno solo. */

.prop {
  /* Blocco 13 — l'app ha preso la veste comune (dal 14: Unbounded e JetBrains
     Mono), il foglio no. I due
     caratteri della proposta sono fissati qui, dentro la proposta, con i valori
     di prima: il documento che vede il cliente non cambia di una virgola, e
     `tools/parity.mjs` lo controlla. */
  --serif: 'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  --sans: system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color: #1A1712;
  font-family: var(--sans);
  text-align: center;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.prop .pcrest { width: 17mm; height: 17mm; display: block; margin: 0 auto 3.5mm; }
.prop .pname {
  font-family: var(--serif); font-size: 13pt; font-weight: 600;
  letter-spacing: .26em; text-indent: .26em; text-transform: uppercase;
  color: #1A1712; line-height: 1.2;
}
.prop .pkind {
  font-size: 7pt; font-weight: 700; letter-spacing: .42em; text-indent: .42em;
  text-transform: uppercase; color: #8A7E68; margin-top: 1.8mm;
}
.prop .prule { height: .4pt; background: #C9BFA8; width: 54mm; margin: 7mm auto; }
.prop .psub {
  font-size: 7.5pt; font-weight: 700; letter-spacing: .24em; text-indent: .24em;
  text-transform: uppercase; color: #7E6C48; margin-bottom: 3.5mm;
}
.prop .ptitle { font-family: var(--serif); font-size: 21pt; font-weight: 600; margin: 0 0 2mm; color: #1A1712; }
.prop .plead { font-family: var(--serif); font-size: 13pt; color: #1A1712; line-height: 1.3; }
.prop .pmeta { font-size: 8.5pt; color: #6E6455; margin-top: 2.4mm; }

.prop .pc { margin-top: 9mm; break-inside: avoid; page-break-inside: avoid; }
.prop .pcname {
  display: flex; align-items: center; justify-content: center; gap: 4mm; margin-bottom: 3.5mm;
  font-size: 7.5pt; font-weight: 700; letter-spacing: .26em; text-indent: .26em;
  text-transform: uppercase; color: #7E6C48;
}
.prop .pcname::before, .prop .pcname::after { content: ""; height: .4pt; background: #DCD3C0; flex: 1 1 auto; max-width: 22mm; }
.prop ul { list-style: none; margin: 0 auto; padding: 0; max-width: 118mm; }
.prop li {
  font-family: var(--serif); font-size: 11.5pt; line-height: 1.45; color: #1A1712;
  margin-bottom: 1.6mm; text-wrap: balance;
}
.prop .pfoot { margin-top: 13mm; padding-top: 4.5mm; border-top: .4pt solid #DCD3C0; break-inside: avoid; page-break-inside: avoid; }
.prop .pchef { font-family: var(--serif); font-size: 10pt; color: #1A1712; }
.prop .pplace {
  font-size: 7pt; font-weight: 700; letter-spacing: .2em; text-indent: .2em;
  text-transform: uppercase; color: #8A7E68; margin-top: 2.2mm;
}

#print-area { display: none; }

@media print {
  body > * { display: none !important; }
  #print-area { display: block !important; }
  @page { margin: 18mm; }

  /* Il foglio è bianco. Di norma i browser non stampano gli sfondi e il fondo
     scuro dell'app resta fuori da solo — ma basta che sia attivo "stampa gli
     sfondi" (o si esporti in PDF con quell'opzione) perché la proposta esca
     testo scuro su fondo scuro, cioè illeggibile. Meglio dirlo esplicitamente. */
  html, body { background: #fff !important; }

  /* Un menu lungo (la Carta con cinque portate) può andare a capo pagina: una
     portata non deve restare orfana della propria intestazione, e nessuna riga
     deve finire da sola in fondo al foglio. */
  .prop .pc { break-inside: avoid-page; }
  .prop .pcname { break-after: avoid-page; page-break-after: avoid; }
  .prop ul { orphans: 2; widows: 2; }
  .prop .pc:first-of-type { margin-top: 7mm; }
}