/* Print layout: portrait A4, the whole recipe uses about half the page.
   Always light — the flow SVG is rendered with the 'print' (light) theme. */
@page { size: A4 portrait; margin: 12mm; }

body {
  margin: 0;
  background: #fff;
  color: #26221c;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.sheet { max-width: 186mm; margin: 0 auto; padding: 8mm 0; }
h1 { margin: 0 0 2mm; font-size: 16pt; }
.stats { margin: 0 0 4mm; font-size: 9pt; color: #555; }

/* Half of the printable A4 height (~273mm high inside margins) for the flow */
.flow { max-height: 120mm; overflow: hidden; }
.flow svg { max-width: 186mm; max-height: 118mm; width: auto; height: auto; }

.photo { margin-top: 4mm; text-align: right; }
.photo img { max-width: 70mm; max-height: 55mm; border-radius: 3mm; }

.no-print {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
}
@media print {
  .no-print { display: none; }
}