/* PX7 Markdown Typeset — WYSIWYG A4 page boxes. Our own block-level paginator (render.ts) fills these; each
   .page is exactly A4 and is what the PDF export captures per page. Themes layer typography + colour
   on the inner .typeset. */
* { box-sizing: border-box; }
html { background: #e9e7e2; }
body { margin: 0; }
#pages { padding: 4px 0 24px; }

.page {
  width: 210mm;
  height: 297mm;
  background: #fff;
  margin: 20px auto;
  box-shadow: 0 3px 22px rgba(40, 34, 26, .16);
  overflow: hidden;                 /* clip anything that overruns (rare oversized block) */
}
.page .typeset { padding: 22mm 20mm; height: 100%; }
.page .typeset > :first-child { margin-top: 0; }

/* the offscreen measuring column shares .typeset so heights match the real pages */
/* cap to the page content box so a tall image scales to fit one page instead of overflowing and
   being clipped by .page{overflow:hidden}. ponytail: only images self-fit; a code block taller than
   a page is still clipped (rare) — split blocks if that ever bites. */
img { max-width: 100%; max-height: 240mm; object-fit: contain; }
pre { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
li.task-list-item { list-style: none; }
li.task-list-item input { margin-right: .5em; }
