/* ============================================================
   PRINT — vellen, snijlijnen, dubbelzijdig
   ------------------------------------------------------------
   Chrome/Edge: Bestand > Afdrukken > Meer instellingen:
     Marges = Geen   |   Schaal = 100 (NIET "aanpassen aan pagina")
     Achtergrondafbeeldingen = AAN
   ============================================================ */

.sheet{
  box-sizing:border-box;
  width:var(--page-w); height:var(--page-h);
  overflow:hidden;
  padding:var(--page-margin);
  margin:0 auto;
  background:#fff;
  display:flex; flex-wrap:wrap; align-content:flex-start;
  justify-content:center;
  gap:var(--sheet-gap);
  position:relative;
  break-after:page; page-break-after:always;
}
.sheet:last-child{ break-after:auto; page-break-after:auto; }

.sheet--landscape{ width:var(--page-h); height:var(--page-w); }

/* Eén cel = één te knippen onderdeel */
.cell{
  position:relative; box-sizing:content-box;
  display:flex; align-items:center; justify-content:center;
  break-inside:avoid; page-break-inside:avoid;
}

/* Snijlijnen: dunne doorlopende lijn rondom elke cel */
.marks .cell{ outline:calc(0.2*var(--mm)) dashed rgba(0,0,0,.45); outline-offset:0; }

/* Hoekmarkeringen in plaats van volledige lijnen */
.corners .cell::before,
.corners .cell::after{
  content:""; position:absolute; width:calc(3*var(--mm)); height:calc(3*var(--mm));
  border:calc(0.2*var(--mm)) solid rgba(0,0,0,.6);
}
.corners .cell::before{ left:calc(-1*var(--mm)); top:calc(-1*var(--mm)); border-right:0; border-bottom:0; }
.corners .cell::after{ right:calc(-1*var(--mm)); bottom:calc(-1*var(--mm)); border-left:0; border-top:0; }

/* Dubbelzijdig printen: achterkanten spiegelen zodat ze uitlijnen */
.sheet--mirror{ flex-direction:row-reverse; }

/* Velinfo (verdwijnt bij printen als je dat wilt) */
.sheet__foot{
  position:absolute; left:var(--page-margin); bottom:calc(3*var(--mm));
  font:400 calc(2.5*var(--mm))/1 var(--font-body); color:#8a8a8a;
  letter-spacing:.05em;
}

/* ---------- Schermweergave van de vellen ---------- */
@media screen{
  .sheets{ padding:32px 16px 80px; background:#0c0e13; }
  .sheet{ box-shadow:0 18px 60px rgba(0,0,0,.55); margin-bottom:32px; }
}

/* ---------- Echte print ---------- */
@media print{
  html,body{ background:#fff !important; margin:0; padding:0; }
  .no-print{ display:none !important; }
  .sheets{ padding:0; background:#fff; }
  .sheet{ box-shadow:none; margin:0; }
  *{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
}