<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Print</title>
    <link rel="stylesheet" href="assets/css/base.css" />
    <style>
      /* Ensure a clean print with no gaps between pages */
      @media screen { body { background: #eeeeee; } }
      /* Do NOT constrain the whole document to one page; let it flow across pages */
      html, body { margin: 0; padding: 0; }
      @media print {
        html, body { width: auto !important; height: auto !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; background: white !important; }
      }
      /* Each .page-container is a fixed-size sheet */
      .page-container { width: var(--page-w, 5.5in); height: var(--page-h, 8.5in); background: white; box-shadow: none !important; overflow: hidden; }
      .page-container { page-break-after: always; break-after: page; }
      .page-container:last-child { page-break-after: auto; break-after: auto; }

      PLACEHOLDER_FOR_SCOPED_CSS
    </style>
  </head>
  <body {{ .PageSizeAttr }}>
    {{ range .Pages }}
      <div class="page-container" id="{{ .PageID }}">{{ .Content }}</div>
    {{ end }}
  </body>
</html>


