/* Sweet Year Studio — shared printable-page rules.
   Safe area is sized to the SMALLER of Letter/A4 in both dimensions so a
   single layout prints cleanly on either paper without the browser's
   "shrink to fit" ever needing to kick in:
     A4 width   210mm  <  Letter width  215.9mm  -> width budget = A4
     Letter ht  279.4mm < A4 height     297mm     -> height budget = Letter
   Safe area: 186mm wide x 255mm tall, 12mm margin on every side. */

@media screen {
  .print-page-screen-frame {
    max-width: 820px;
    margin: 26px auto;
    background: #fff;
    box-shadow: 0 10px 34px rgba(91, 42, 62, 0.18);
    border-radius: 4px;
    padding: 4px;
  }
}

.print-sheet {
  background: #fff;
  color: #241a17;
  width: 186mm;
  min-height: 255mm;
  margin: 0 auto;
  padding: 6mm;
  box-sizing: border-box;
  font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', serif;
  position: relative;
  page-break-after: always;
}
.print-sheet:last-of-type { page-break-after: auto; }

.print-sheet .sheet-kicker {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 8.5pt; letter-spacing: 0.08em; text-transform: uppercase;
  color: #9a7a3c; text-align: center; margin-bottom: 2mm;
}
.print-sheet h1.sheet-title {
  font-size: 17pt; text-align: center; color: #5B2A3E; margin: 0 0 6mm;
}
.print-sheet p.sheet-sub {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 9pt; text-align: center; color: #6b5850; margin: -4mm 0 6mm;
}

.cut-grid {
  display: grid;
  gap: 4mm;
}
.cut-card {
  border: 1.1pt dashed #b98a4a;
  border-radius: 3mm;
  padding: 5mm;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  break-inside: avoid;
}
.fold-card {
  border: 1.1pt dashed #b98a4a;
  border-radius: 3mm;
  break-inside: avoid;
  position: relative;
}
.fold-line {
  border-top: 1pt dashed #c7ab74;
  position: relative;
  margin: 0;
}
.fold-line::after {
  content: '✂ fold here';
  position: absolute; right: 2mm; top: -2.6mm;
  font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 6.5pt; color: #9a7a3c; background: #fff; padding: 0 1.5mm;
}
.cut-line-note {
  font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 6.5pt; color: #9a7a3c; text-align: center; margin-top: 1mm;
}

.line-art { display: block; margin: 0 auto; }
.line-art path, .line-art circle, .line-art ellipse, .line-art polyline, .line-art polygon, .line-art rect {
  fill: none; stroke: #8a5a3c; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.line-art.accent path, .line-art.accent circle { stroke: #7A3B54; }

.hebrew { font-size: 1.25em; direction: rtl; }
.translit { font-style: italic; color: #6b5850; font-size: 0.85em; }
.translation { color: #4a3b36; font-size: 0.9em; }

.print-footer-mark {
  position: absolute; bottom: 3mm; left: 0; right: 0; text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 6.5pt; color: #b6a68f; letter-spacing: 0.04em;
}

@media print {
  @page { margin: 12mm; }
  html, body { background: #fff !important; }
  .no-print { display: none !important; }
  .print-page-screen-frame { box-shadow: none; padding: 0; margin: 0; max-width: none; }
  .print-sheet { box-shadow: none; }
  a { color: inherit !important; text-decoration: none !important; }
}

@media screen {
  .no-screen { display: none !important; }
}