/* Screen chrome for the Paged.js preview. Nothing here affects the PDF. */
body { background: #e8e4dd; margin: 0; }

.pagedjs_pages { padding: 2rem 0; }

.pagedjs_page {
  background: #fffefb;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.08), 0 12px 32px -16px rgb(0 0 0 / 0.25);
  margin: 0 auto 2rem;
}

/* The navigation bar is built and styled by preview-bar.js, inline — Paged.js
   rewrites and drops rules from this file, and applies @media print rules
   unconditionally, so neither a class nor a media query can be relied on. */

/* A two-column document cannot go through Paged.js — Paged.js fragments a page
   by moving content between page boxes, and it cannot split a CSS column
   container, so it produces zero pages. The screen preview therefore simulates
   one sheet at A4 width rather than paginating, and the browser's own print
   does the real pagination. */
.sheet {
  width: 210mm;
  margin: 2.5rem auto;
  padding: 25mm 22mm 25mm 28mm;
  background: #fffefb;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.08), 0 12px 32px -16px rgb(0 0 0 / 0.25);
}

@media print {
  .sheet {
    width: auto;
    margin: 0;
    padding: 0;         /* @page owns the margins once printing */
    box-shadow: none;
    background: none;
  }
}