/* ════════════════════════════════════════════════════════════
   07-print.css — The Compositor's Garden
   Production overrides — injected at build time via
   pagedjs-cli --style css/07-print.css
   NEVER loaded during design or browser preview.

   This file enables bleed, crop marks, and ensures all
   background colors are included in the PDF output.
   ════════════════════════════════════════════════════════════ */

/* ── Bleed and crop marks ────────────────────────────────────── */
@page {
  bleed: 3mm;
  marks: crop cross;
}

/* ── Ensure background colors print ─────────────────────────── */
/* These properties are ignored by browsers during normal page
   rendering but are respected by pagedjs-cli / Puppeteer.      */

.callout,
.highlight,
.part-opener,
.display-page {
  print-color-adjust:         exact;
  -webkit-print-color-adjust: exact;
}

/* ── Chapter body — strip screen-preview layout constraints ───── */
/* On screen, .chapter-body uses max-width + padding to centre
   content in a wide browser window, and a three-column grid
   (margin col / text col / notes col) for the preview layout.
   In print, @page margins provide all horizontal whitespace.
   The grid columns and padding together consume ~240px of the
   384px content area, leaving the text column at ~144px (~1.5in).
   Resetting to display:block gives text the full 4in width.      */
.chapter-body {
  display:   block;
  max-width: none;
  margin:    0;
  padding:   0;
}

/* ── Remove any debug visualisations ─────────────────────────── */
/* If debug styles were applied during design (outline on
   .pagedjs_page, etc.) this ensures they are stripped.         */
.pagedjs_page,
.pagedjs_page_content,
.pagedjs_margin {
  outline:    none !important;
  background: none !important;
}