/* Print. The app hides, the print area shows, and each page is exactly the size the
   page chose - a label stock, or letter for sheets. The dialog then picks the
   printer or "Save as PDF": one output, both uses. */
@media print {
  html, body { background: #fff !important; }
  header, main, nav, .no-print { display: none !important; }
  body { padding: 0 !important; margin: 0 !important; }
  #print-area { display: block !important; }
  #print-area .page {
    page-break-after: always; break-after: page;
    margin: 0; padding: 0; overflow: hidden;
    display: block; position: relative; background: #fff;
  }
  #print-area .page:last-child { page-break-after: auto; break-after: auto; }
  #print-area svg { display: block; }
  /* A grid of labels on a letter sheet (Avery-style stock). */
  #print-area .label-grid { position: relative; width: 8.5in; height: 11in; }
  #print-area .label-grid svg { position: absolute; }
}
/* @page is set per job by app.js (it needs the label size), via an injected style. */