/* Print setup */
@page {
  size: A4;
  margin: 0;
}

body {
  margin: 0;
  font-family: sans-serif;
  color: #111;
}

/* One A4 sheet */
.page {
  width: 210mm;
  height: 297mm;

  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;

  page-break-after: always;
}

/* One quarter-page */
.panel {
  padding: 10mm;
  box-sizing: border-box;

  /* Debug border — remove when printing for real */
  border: 1px dashed #999;
}

/* Optional rotated text */
.rotate {
  transform: rotate(-90deg);
  transform-origin: left top;
  white-space: nowrap;
}

/* Screen preview styling */
@media screen {
  body {
    background: #eee;
  }

  .page {
    margin: 2rem auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.25);
    background: white;
  }
}

/* Print cleanup */
@media print {
  .panel {
    border: none;
  }
}