@font-face {
  font-family: "Recipe Print Sans";
  src: url("/assets/noto-sans-tc-2ef8b713.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Recipe Print Serif";
  src: url("/assets/noto-serif-tc-bold-353ad2ba.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
.recipe-print {
  --print-scale: 1;
  --print-gap: 1;
  position: fixed;
  left: -10000px;
  top: 0;
  width: 178mm;
  color: #171717;
  background: white;
  font: calc(12pt * var(--print-scale))/1.5 "Recipe Print Sans", sans-serif;
  overflow-wrap: anywhere;
  pointer-events: none;
}
.recipe-print * { box-sizing: border-box; }
/* Leave room for Letter printer margins and browser headers/footers, even without @page support. */
.recipe-print .print-sheet { width: 178mm; height: 228mm; display: flow-root; }
.recipe-print .print-sheet[hidden] { display: none; }
.recipe-print h1 {
  font: 700 calc(26pt * var(--print-scale))/1.3 "Recipe Print Serif", serif;
  margin: 0 0 calc(.45em * var(--print-gap));
  text-wrap: initial;
}
.recipe-print h2 { font: 700 1.3em/1.3 "Recipe Print Sans", sans-serif; margin: 0 0 .5em; }
.recipe-print h3 { font: 700 1em/1.5 "Recipe Print Sans", sans-serif; margin: 0; }
.recipe-print p { margin: 0; white-space: pre-wrap; }
.recipe-print .print-description { font-size: .833333em; line-height: 1.4; }
.recipe-print .print-meta { font-size: .833333em; }
.recipe-print .print-header { padding-bottom: calc(1.2em * var(--print-gap)); }
.recipe-print .print-columns { display: grid; grid-template-columns: 50mm minmax(0, 1fr); gap: 9mm; align-items: start; }
.recipe-print .print-block { padding-bottom: calc(.8em * var(--print-gap)); display: flow-root; }
.recipe-print ul { margin: calc(.3em * var(--print-gap)) 0 calc(.8em * var(--print-gap)); padding-left: 1.15em; }
.recipe-print .print-block ul { font-size: .833333em; line-height: 1.4; }
.recipe-print li { padding-left: .1em; margin-bottom: calc(.45em * var(--print-gap)); white-space: pre-wrap; }
.recipe-print .print-step-number { font-variant-numeric: tabular-nums; }
.recipe-print .print-qr { width: 30mm; height: 30mm; margin-top: 4mm; background: white; }
.recipe-print .print-qr svg { display: block; width: 30mm; height: 30mm; }
.recipe-print .print-photo { display: block; width: 50mm; height: 50mm; object-fit: contain; object-position: left top; }
@media print {
  @page recipe-print { size: auto; margin: 16mm; }
  body:has(.recipe-print) { background: white !important; margin: 0 !important; padding: 0 !important; }
  body:has(.recipe-print)::before, body:has(.recipe-print)::after { display: none !important; }
  body:has(.recipe-print) *:not(.recipe-print, .recipe-print *, :has(.recipe-print)) { display: none !important; }
  body:has(.recipe-print) *:has(.recipe-print) {
    display: block !important; position: static !important; overflow: visible !important;
    width: auto !important; max-width: none !important; min-height: 0 !important; height: auto !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    box-shadow: none !important; transform: none !important; background: white !important;
  }
  body:has(.recipe-print) *:has(.recipe-print)::before,
  body:has(.recipe-print) *:has(.recipe-print)::after { display: none !important; }
  .recipe-print { position: static; width: 178mm; }
  .recipe-print .print-sheet { page: recipe-print; }
  .recipe-print .print-sheet + .print-sheet { break-before: page; }
}