/* ══ DER BOGEN ═════════════════════════════════════════════════════
   Aus dem Prototyp V3 übernommen (Zeilen 4271–4379; js/print/sheet.js).
   Der Bogen wird als DOM gesetzt und ausgemessen (js/print/satz.js): je
   Blatt ein .druck-bogen in Millimetern. Er steht nie sichtbar da — beim
   Messen liegt er außerhalb des Fensters. Oben mittig der Schriftzug, die
   Sterne und die Tage, dann das Raster, die Nummer an der linken Kante
   ihres Bildes; unten die Anmerkungen der Rückseiten und die Blattzahl.
   Spalten, Zellmaß und Schrift kommen als Variablen von #druck
   (print-math.js sheetLayout). Der Grund ist das gewählte Papier
   (--papier), randlos; ohne Papier weiß. */
#druck {
  display: none;
}
.druck-bogen {
  position: relative;
  width: var(--bogen-b, 210mm);
  height: var(--bogen-h, 297mm);
  padding: 16mm 15mm 12mm;
  margin: 0 auto;
  background: var(--papier, #fff) center/100% 100% no-repeat;
  box-sizing: border-box;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* Titel, Sterne und Datum stehen als EINE Gruppe unter dem Kopfrand. */
.druck-kopf {
  text-align: center;
  margin-bottom: 10.8mm;
  width: 100%;
}
.druck-marke {
  font-family: 'Londrina Solid', cursive;
  font-size: 21pt;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.01em;
  color: var(--druck-text, #000);
  line-height: 1;
}
/* Zwischen Marke und Datum die drei Bewertungszeichen der App, als Zierde,
   im Fluss statt schwebend — ein Hauch weniger fett als am Bild. */
.druck-kopf .sterne.st-druck {
  position: static;
  display: flex;
  justify-content: center;
  --sz: 2.7mm;
  transform: none;
  z-index: auto;
  margin: 1.8mm auto 2.4mm;
}
.druck-kopf .sterne.st-druck .fig {
  color: var(--druck-text, #000);
}
.druck-kopf .sterne.st-druck .fig svg text {
  font-weight: 600;
}
/* Datum, Raute und Gesamtzahl teilen sich EIN Grau; nur Marke,
   Bildnummer und das aktuelle Blatt sind schwarz. Auf dunklem Papier
   setzt js/print/sheet.js beide hell. */
#druck {
  --druck-grau: var(--mid);
  --druck-text: var(--black);
}
/* Die Sperrung zählt hinter dem LETZTEN Zeichen mit; der linke Einzug
   holt die halbe Sperrung zurück, so steht die Zeile mittig. Mehrere Tage
   stehen eng untereinander. */
.druck-datum {
  margin-top: 0;
  padding-left: 0.16em;
  font-family: var(--sans);
  font-size: 8pt;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--druck-grau);
  line-height: 1;
}
.druck-datum + .druck-datum {
  margin-top: 1.6mm;
}
/* Feste Zellmaße statt 1fr: so steht der Block auch dann in der Mitte,
   wenn eine Zeile nicht voll wird. Die Figur schrumpft auf ihr Bild —
   so beginnt die Nummer an der linken Bildkante. */
.druck-raster {
  display: grid;
  grid-template-columns: repeat(var(--dsp, 1), var(--dbreite, 180mm));
  grid-auto-rows: var(--dhoehe, 220mm);
  gap: 5mm;
  justify-content: center;
  align-content: start;
  width: 100%;
}
.druck-raster figure {
  margin: 0;
  break-inside: avoid;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  justify-self: center;
  max-width: 100%;
  min-width: 0;
}
.druck-raster img {
  display: block;
  max-width: var(--dbreite, 180mm);
  max-height: var(--dbild, 213.5mm);
  width: auto;
  height: auto;
  object-fit: contain;
}
/* Die Nummer: fett, die Raute davor mager und grau, linksbündig an der
   Bildkante; die Schrift wächst mit weniger Bildern je Blatt. */
.druck-raster figcaption {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: var(--sans);
  font-size: var(--dschrift, 13pt);
  font-weight: 700;
  color: var(--druck-text, #000);
  padding-top: 1.6mm;
  text-align: left;
  letter-spacing: 0.08em;
  line-height: 1;
}
.druck-raster figcaption .druck-raute {
  font-weight: 400;
  color: var(--druck-grau);
}
/* ── DER FUSS ─────────────────────────────────────────────────────
   Die Anmerkungen der Rückseiten, Zeile für Zeile — Bildnummer,
   Gedankenstrich, Text —, zuletzt das Papier („P"), grau wie das Datum.
   Drei Spalten für ALLE Anmerkungen zusammen, damit die Striche
   untereinander stehen; der Block beginnt an der linken Kante der Bilder
   (--notizLinks, gemessen). Darunter die Blattzahl, das aktuelle Blatt
   fett. */
.druck-fuss {
  margin-top: auto;
  width: 100%;
  padding-top: 6mm;
}
.druck-notiz.papier .dn-nr,
.druck-notiz.papier .dn-strich,
.druck-notiz.papier .dn-text {
  color: var(--druck-grau);
}
.druck-notizen {
  display: grid;
  grid-template-columns: auto auto 1fr;
  column-gap: 1.6mm;
  row-gap: 0;
  align-items: baseline;
  font-family: var(--sans);
  font-size: 8pt;
  font-weight: 400;
  line-height: 1.35;
  color: var(--druck-text, #000);
  letter-spacing: 0.16em;
  text-align: left;
  max-width: none;
  margin: 0 0 6mm var(--notizLinks, 0mm);
}
.druck-notiz {
  display: contents;
}
.druck-notiz .dn-nr {
  justify-self: end;
  font-variant-numeric: tabular-nums;
}
.druck-notiz .dn-text {
  white-space: pre-wrap;
}
.druck-notiz b {
  font-weight: 600;
}
.druck-seitenzahl {
  text-align: center;
  font-family: var(--sans);
  font-size: 8pt;
  font-weight: 400;
  letter-spacing: 0.16em;
  color: var(--druck-grau);
  line-height: 1;
}
.druck-seitenzahl b {
  font-weight: 700;
  color: var(--druck-text, #000);
}