book-kit 0.0.0-stage → 0.6.0

package/css/theme/11-print.css

@@ -0,0 +1,1229 @@
+/* ============================================
+   PRINT STYLES — KDP Paperback & IngramSpark
+   Rendered by WeasyPrint into PDF.
+   
+   Key constraints:
+   • WeasyPrint ignores variable font-weight ranges
+     → explicit @font-face for weights 400/700
+   • calc() supported in WeasyPrint 67+ (no longer a limitation)
+   • float:footnote for page-bottom notes (CSS Paged Media)
+   • string-set for dynamic running headers
+   • B&W interior: colors must be grayscale-friendly
+   • 6"×9" trim, 1" gutter, 0.75" outside margins
+   ============================================ */
+
+/* Print @font-face — Explicit Weight Declarations
+   WeasyPrint ignores variable font-weight ranges (e.g., 200 900),
+   so we redeclare each family × style × weight explicitly for print.
+   Same variable WOFF2 files — WeasyPrint selects the correct weight
+   instance from the variable font when given exact font-weight values. */
+@media print {
+  /* Source Serif 4 — Body text */
+  @font-face {
+    font-family: "Source Serif 4";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../fonts/SourceSerif4-Variable-Latin.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Serif 4";
+    font-style: normal;
+    font-weight: 700;
+    src: url("../fonts/SourceSerif4-Variable-Latin.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Serif 4";
+    font-style: italic;
+    font-weight: 400;
+    src: url("../fonts/SourceSerif4-Italic-Variable-Latin.woff2")
+      format("woff2");
+  }
+  @font-face {
+    font-family: "Source Serif 4";
+    font-style: italic;
+    font-weight: 700;
+    src: url("../fonts/SourceSerif4-Italic-Variable-Latin.woff2")
+      format("woff2");
+  }
+  @font-face {
+    font-family: "Source Serif 4 NotEqual";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../fonts/SourceSerif4-NotEqual.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Serif 4 NotEqual";
+    font-style: normal;
+    font-weight: 700;
+    src: url("../fonts/SourceSerif4-NotEqual.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Serif 4 NotEqual";
+    font-style: italic;
+    font-weight: 400;
+    src: url("../fonts/SourceSerif4-Italic-NotEqual.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Serif 4 NotEqual";
+    font-style: italic;
+    font-weight: 700;
+    src: url("../fonts/SourceSerif4-Italic-NotEqual.woff2") format("woff2");
+  }
+
+  /* Source Sans 3 — Headings */
+  @font-face {
+    font-family: "Source Sans 3";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../fonts/SourceSans3-Variable-Latin.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Sans 3";
+    font-style: normal;
+    font-weight: 700;
+    src: url("../fonts/SourceSans3-Variable-Latin.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Sans 3";
+    font-style: italic;
+    font-weight: 400;
+    src: url("../fonts/SourceSans3-Italic-Variable-Latin.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Sans 3";
+    font-style: italic;
+    font-weight: 700;
+    src: url("../fonts/SourceSans3-Italic-Variable-Latin.woff2") format("woff2");
+  }
+
+  /* Source Code Pro — Code */
+  @font-face {
+    font-family: "Source Code Pro";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../fonts/SourceCodePro-Variable-Latin.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: "Source Code Pro";
+    font-style: normal;
+    font-weight: 700;
+    src: url("../fonts/SourceCodePro-Variable-Latin.woff2") format("woff2");
+  }
+}
+
+@media print {
+  /* Print Page Layout — KDP Paperback (6×9" Trim)
+     =============================================
+     Amazon KDP minimum inside (gutter) margins by page count:
+       24–150 pp  → 0.375"    151–300 pp → 0.500"
+       301–500 pp → 0.625"    501–700 pp → 0.750"
+       701+ pp    → 0.875"
+     The theme's 1" inside margin clears every tier, so a book can grow or
+     shrink without a margin change, and it leaves generous reading space.
+     Outside/top/bottom: 0.75" (KDP minimum is ~0.25").
+     See: https://kdp.amazon.com/en_US/help/topic/G201834180 */
+  @page {
+    size: 6in 9in;
+    margin: 0.75in 0.75in 0.75in 1in;
+
+    @footnote {
+      border-top: 0.75pt solid #999;
+      padding-top: 8pt;
+      margin-top: 8pt;
+    }
+  }
+
+  /* Page footnotes — the Lua filter converts pandoc Notes to inline
+     <span class="fn-inline"> elements. CSS float:footnote moves them
+     to the @footnote area at page bottom. Superscript markers are
+     auto-generated by ::footnote-call / ::footnote-marker. */
+  .fn-inline {
+    float: footnote;
+    font-size: 9pt;
+    line-height: 1.35;
+    color: #333;
+    text-align: left;
+    word-wrap: break-word;
+    overflow-wrap: anywhere;
+  }
+
+  ::footnote-call {
+    font-size: 0.8em;
+    vertical-align: super;
+    line-height: 0;
+    font-variant-numeric: lining-nums;
+  }
+
+  ::footnote-marker {
+    font-weight: normal;
+    font-variant-numeric: lining-nums tabular-nums;
+  }
+
+  @page :first {
+    @top-left {
+      content: none;
+    }
+    @top-right {
+      content: none;
+    }
+    @bottom-center {
+      content: none;
+    }
+  }
+
+  @page :left {
+    margin: 0.75in 1in 0.75in 0.75in;
+    /* Verso running head: the current section's URL slug (its anchor ID),
+       set like a path in the code face. It tells a reader flipping pages
+       which part of the book they're in, which the book title can't. Margin
+       boxes sit outside the text block, so this can't move a line break.
+       (Not all-small-caps: the Source Sans 3 Latin subset has no smcp glyphs,
+       so it would print as letterspaced mixed case.) */
+    @top-left {
+      content: string(section);
+      font-size: 7pt;
+      font-family: "Source Code Pro", monospace;
+      font-weight: 400;
+      text-transform: lowercase;
+      color: #555;
+    }
+    @bottom-left {
+      content: counter(page);
+      font-size: 9pt;
+      font-family: var(--font-heading);
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    @bottom-center {
+      content: none;
+    }
+  }
+
+  @page :right {
+    margin: 0.75in 0.75in 0.75in 1in;
+    @top-right {
+      content: string(chapter-title);
+      font-size: 7.5pt;
+      font-family: var(--font-heading);
+      font-style: italic;
+      /* #888 at 7.5pt thins out on uncoated POD stock. */
+      color: #555;
+    }
+    @bottom-right {
+      content: counter(page);
+      font-size: 9pt;
+      font-family: var(--font-heading);
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    @bottom-center {
+      content: none;
+    }
+  }
+
+  @page chapter {
+    @top-left {
+      content: none;
+    }
+    @top-right {
+      content: none;
+    }
+    @top-center {
+      content: none;
+    }
+  }
+
+  /* Copyright page: no running head (no book title in the top margin), per
+     convention. A named page overrides the verso @page :left book-title rule
+     (named selectors outrank :left/:right); margins and the page-number folio
+     are inherited from @page :left/:right and kept. */
+  @page copyright {
+    @top-left {
+      content: none;
+    }
+    @top-right {
+      content: none;
+    }
+    @top-center {
+      content: none;
+    }
+  }
+
+
+  /* About the Author: the screen styles' 2px top rule landed at the head of
+     a fresh page in print, above the chapter's top padding, as a stray line. */
+  #about-the-author {
+    border-top: none !important;
+  }
+
+  /* Force B&W optimization.
+     print-color-adjust tells browsers to preserve exact colors when printing.
+     WeasyPrint ignores this property but it's kept for browser print support. */
+  * {
+    color-adjust: exact !important;
+    print-color-adjust: exact !important;
+    -webkit-print-color-adjust: exact !important;
+  }
+
+  body {
+    color: #000 !important;
+    background: #fff !important;
+    /* text-rendering: optimizeLegibility — not supported by WeasyPrint 68.1
+       but kept as a progressive enhancement for browser print dialogs */
+    text-rendering: optimizeLegibility !important;
+    font-size: 11pt !important;
+    line-height: 1.55 !important;
+    font-family: "Source Serif 4", "Source Serif 4 NotEqual", Georgia, serif !important;
+    font-kerning: normal !important;
+    /* font-optical-sizing: auto — not supported by WeasyPrint 68.1
+       but kept as a progressive enhancement for browser print dialogs */
+    font-optical-sizing: auto !important;
+    font-variant-numeric: oldstyle-nums proportional-nums !important;
+    font-variant-ligatures: common-ligatures contextual !important;
+    orphans: 3 !important;
+    widows: 3 !important;
+  }
+
+  /* Print Headings — use sans-serif for clear visual hierarchy.
+     Sans-serif headings create contrast with the serif body text,
+     improving scanability and giving a modern, professional look.
+     All headings use weight 700 (bold). Source Sans 3 at 600 (semibold)
+     appears visually lighter than Source Serif 4 body text at 400 due to
+     the serif's thicker stems and higher stroke contrast. Bold weight
+     ensures headings always read heavier than the surrounding body.
+
+     font-kerning + font-feature-settings ensure kerning tables are
+     applied consistently across WeasyPrint and browser print.
+     Positive letter-spacing loosens sans-serif text where kerning pairs
+     can appear too tight at larger sizes. */
+  h1,
+  .h1 {
+    font-family: var(--font-heading) !important;
+    font-size: 22pt !important;
+    line-height: 1.15 !important;
+    margin-top: 0 !important;
+    margin-bottom: 0.75rem !important;
+    page-break-before: always !important;
+    page-break-after: avoid !important;
+    font-weight: 700 !important;
+    letter-spacing: normal !important;
+    font-kerning: normal !important;
+    font-feature-settings:
+      "kern" 1,
+      "liga" 1 !important;
+    color: #000 !important;
+    page: chapter !important;
+  }
+
+  /* Section intro heading decoration — single rule.
+     Section openers are h1; only h2 chapters set the running-header string
+     by default, so without this a section opener's pages inherit the prior
+     chapter's title (and the next chapter's title leaks in a page early).
+     Set the string here so section-opener pages carry their own title. */
+  h1:not(.title) {
+    padding-top: 1.5in !important;
+    string-set: chapter-title content() !important;
+  }
+
+  /* Verso running-head string (see @page :left): each section's anchor ID.
+     A section whose ID sits on its wrapping <section> instead of the h1 can
+     name it the same way in the book's CSS, e.g.
+       #appendix > h1 { string-set: chapter-title content(), section "appendix" !important; }
+     string-set must list chapter-title again, or the declaration drops it. */
+  h1.section-opener[id] {
+    string-set:
+      chapter-title content(),
+      section attr(id) !important;
+  }
+
+  /* The ToC pages had no label at all; name them in the running heads. */
+  #TOC {
+    string-set:
+      chapter-title "Contents",
+      section "contents" !important;
+  }
+
+  h1:not(.title)::after {
+    content: "" !important;
+    display: block !important;
+    width: 2.5in !important;
+    border-top: 1px solid #000 !important;
+    height: 0 !important;
+    margin: 0.5rem 0 0 0 !important;
+  }
+
+  h2,
+  .h2 {
+    font-family: var(--font-heading) !important;
+    font-size: 16pt !important;
+    line-height: 1.2 !important;
+    margin-top: 0 !important;
+    margin-bottom: 1rem !important;
+    padding-top: 1.75in !important;
+    page-break-before: always !important;
+    page-break-after: avoid !important;
+    font-weight: 700 !important;
+    letter-spacing: normal !important;
+    font-kerning: normal !important;
+    font-feature-settings:
+      "kern" 1,
+      "liga" 1 !important;
+    color: #000 !important;
+    string-set: chapter-title content() !important;
+    page: chapter !important;
+  }
+
+  /* Print heading hierarchy — sized relative to 11pt body.
+     h3: 14pt (1.27×), h4: 12pt (1.09×) provide clear steps.
+     h5/h6 match body size but are differentiated by style:
+     h5 uses uppercase + letter-spacing, h6 uses italic. */
+  h3,
+  .h3 {
+    font-family: var(--font-heading) !important;
+    font-size: 14pt !important;
+    line-height: 1.25 !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 0.4rem !important;
+    page-break-after: avoid !important;
+    font-weight: 700 !important;
+    letter-spacing: normal !important;
+    font-kerning: normal !important;
+    font-feature-settings:
+      "kern" 1,
+      "liga" 1 !important;
+    color: #000 !important;
+  }
+
+  h4,
+  .h4 {
+    font-family: var(--font-heading) !important;
+    font-size: 12pt !important;
+    line-height: 1.35 !important;
+    margin-top: 1rem !important;
+    margin-bottom: 0.35rem !important;
+    page-break-after: avoid !important;
+    font-weight: 700 !important;
+    letter-spacing: normal !important;
+    font-kerning: normal !important;
+    font-feature-settings:
+      "kern" 1,
+      "liga" 1 !important;
+    color: #000 !important;
+  }
+
+  h5,
+  .h5 {
+    font-family: var(--font-heading) !important;
+    font-size: 11pt !important;
+    line-height: 1.35 !important;
+    margin-top: 1rem !important;
+    margin-bottom: 0.3rem !important;
+    page-break-after: avoid !important;
+    font-weight: 700 !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.07em !important;
+    font-kerning: normal !important;
+    font-feature-settings:
+      "kern" 1,
+      "liga" 1 !important;
+    color: #000 !important;
+  }
+
+  h6,
+  .h6 {
+    font-family: var(--font-heading) !important;
+    font-size: 11pt !important;
+    line-height: 1.35 !important;
+    margin-top: 1rem !important;
+    margin-bottom: 0.3rem !important;
+    page-break-after: avoid !important;
+    font-weight: 700 !important;
+    letter-spacing: normal !important;
+    font-kerning: normal !important;
+    font-feature-settings:
+      "kern" 1,
+      "liga" 1 !important;
+    font-style: italic !important;
+    color: #000 !important;
+  }
+
+  /* Print Paragraph Styling */
+  p {
+    margin: 0 0 0.7rem 0 !important;
+    text-align: justify !important;
+    hyphens: auto !important;
+    hyphenate-limit-chars: 6 3 2 !important;
+    /* hyphenate-limit-lines — not supported by WeasyPrint 68.1
+       but kept as a progressive enhancement for browser print dialogs */
+    hyphenate-limit-lines: 2 !important;
+    orphans: 3 !important;
+    widows: 3 !important;
+    color: #000 !important;
+  }
+
+  /* Print Small Caps for Acronyms
+   * IMPORTANT: Do NOT add font-size reduction here.
+   * all-small-caps renders at x-height (matching lowercase).
+   * Adding font-size < 1em would make small caps shorter than lowercase letters.
+   * font-size: inherit overrides the EPUB 1.05em from @media not screen
+   * (which matches both EPUB and print media) so PDF uses real OpenType
+   * glyph sizing without compensation.
+   */
+  span.smallcaps {
+    font-variant-caps: all-small-caps !important;
+    font-size: inherit !important;
+    letter-spacing: 0.05em !important;
+  }
+
+  /* Keep headings with following content */
+  h1 + p,
+  h1 + ul,
+  h1 + ol,
+  h2 + p,
+  h2 + ul,
+  h2 + ol,
+  h3 + p,
+  h3 + ul,
+  h3 + ol,
+  h4 + p,
+  h4 + ul,
+  h4 + ol,
+  h5 + p,
+  h5 + ul,
+  h5 + ol,
+  h6 + p,
+  h6 + ul,
+  h6 + ol {
+    page-break-before: avoid !important;
+  }
+
+  /* Print Lists */
+  ul,
+  ol {
+    margin: 0.75rem 0 !important;
+    padding-left: 1.5rem !important;
+    page-break-inside: auto !important;
+    orphans: 2 !important;
+    widows: 2 !important;
+  }
+
+  ul li,
+  ol li {
+    margin-bottom: 0.4rem !important;
+    line-height: 1.4 !important;
+    color: #000 !important;
+    page-break-inside: avoid !important;
+  }
+
+  /* Print Images
+     Note: filter: grayscale() is NOT supported by WeasyPrint 68.1 — images
+     render in full color in the PDF. This is acceptable because KDP converts
+     paperback interiors to B&W during processing. All colors in the book use
+     grayscale-friendly values with sufficient contrast for B&W reproduction. */
+  img {
+    max-width: 100% !important;
+    height: auto !important;
+    margin: 1rem 0 !important;
+    border: 1px solid #ccc !important;
+    page-break-inside: avoid !important;
+  }
+
+  /* Emoji images should not have figure-style borders or margins */
+  img.callout-emoji,
+  img.emoji {
+    border: none !important;
+    margin: 0 !important;
+  }
+
+  figure {
+    margin: 1rem 0 !important;
+    page-break-inside: avoid !important;
+    text-align: center !important;
+  }
+
+  figcaption {
+    font-size: 9pt !important;
+    font-style: italic !important;
+    color: #333 !important;
+    margin-top: 0.5rem !important;
+  }
+
+  /* Print Code Blocks */
+  code {
+    font-size: 0.9em !important;
+    padding: 0.1em 0.2em !important;
+    background-color: #f5f5f5 !important;
+    border: 1px solid #ddd !important;
+    border-radius: 0.125rem !important;
+    overflow-wrap: break-word !important;
+    font-family: var(--font-mono) !important;
+    color: #000 !important;
+  }
+
+  pre {
+    page-break-inside: avoid !important;
+    font-size: 9.5pt !important;
+    line-height: 1.3 !important;
+    margin: 0.75rem 0 !important;
+    padding: 0.75rem !important;
+    background-color: #f8f8f8 !important;
+    border: 1px solid #999 !important;
+    border-radius: 0.25rem !important;
+    font-family: var(--font-mono) !important;
+    color: #000 !important;
+  }
+
+  pre code {
+    background-color: transparent !important;
+    border: none !important;
+    padding: 0 !important;
+  }
+
+  /* Print Lead Paragraph - Section introduction.
+     Use pt to match the rest of the print section (12pt ≈ 1.1× the 11pt body). */
+  .lead,
+  section.section-opener > p,
+  section.section-opener > ul,
+  section.section-opener > ol {
+    font-size: 12pt !important;
+    font-weight: 300 !important;
+    line-height: 1.5 !important;
+    color: #333 !important;
+    margin-bottom: 1.25rem !important;
+    page-break-before: avoid !important;
+  }
+
+  /* The lead treatment is for a section's opening pages only. Where a
+     section's chapters sit directly in its <section> (a closing section, say),
+     their body paragraphs follow an h2 and would otherwise all render as light,
+     gray lead text. Restore the print body values from p and body above. */
+  section.section-opener > h2 ~ p,
+  section.section-opener > h2 ~ ul,
+  section.section-opener > h2 ~ ol {
+    font-weight: 400 !important;
+    color: #000 !important;
+  }
+
+  /* Print Callouts - Refined, unified treatment
+     All callouts use the same simple left border. The label text
+     (TL;DR, Pro tip, For managers, etc.) provides sufficient
+     differentiation without needing distinct border patterns or font
+     switching.
+
+     Fill and border are dark enough for the B&W paperback: a faint tint
+     (#f5f5f5) can drop out when a POD press converts the CMYK PDF to
+     grayscale. #e8e8e8 must match the backdrop composite-print-emoji.py
+     bakes into img/emoji-print-callout/, or each emoji prints as a visible
+     square. Colors only; nothing here may change box geometry, which would
+     reflow a locked page count. */
+  .tldr,
+  [class*="tldr"],
+  .callout,
+  .note,
+  .tip,
+  .warning,
+  .pro-tip,
+  .for-managers,
+  .for-ics,
+  .common-objection {
+    font-family: "Source Serif 4", "Source Serif 4 NotEqual", Georgia, serif !important;
+    background-color: #e8e8e8 !important;
+    border: none !important;
+    border-left: 4px solid #4d4d4d !important;
+    border-radius: 2px !important;
+    padding: 0.625rem 1rem !important;
+    margin: 0.625rem 0 !important;
+    page-break-inside: auto !important;
+    color: #000 !important;
+    orphans: 2 !important;
+    widows: 2 !important;
+  }
+
+  /* The TL;DR opens every chapter; a near-black rule sets it apart from the
+     other callouts without any change in size. */
+  .tldr,
+  [class*="tldr"] {
+    border-left-color: #1a1a1a !important;
+  }
+
+  /* All callout ::before suppressed — labels now come from add-div-titles.lua
+     (Lua filter runs with --metadata pdf=true in the PDF build pipeline).
+     Emoji callouts use Twemoji <img> elements; TL;DR uses text-only label.
+     Without content: none, labels would appear twice (CSS + Lua). */
+  .tldr::before,
+  .callout::before,
+  .note::before,
+  .tip::before,
+  .warning::before,
+  .pro-tip::before,
+  .for-managers::before,
+  .for-ics::before,
+  .common-objection::before {
+    content: none !important;
+  }
+
+  /* Restore breathing room between chapter title and TL;DR */
+  h2 + .tldr {
+    margin-top: 1rem !important;
+  }
+
+  /* Print callout labels from Lua filter.
+     Matches the screen ::before styling for visual consistency. */
+  .callout-label {
+    font-variant-caps: all-small-caps !important;
+    font-size: inherit !important;
+    font-weight: 700 !important;
+    font-style: normal !important;
+    letter-spacing: 0.04em !important;
+    font-family: var(--font-heading) !important;
+    color: #000 !important;
+  }
+
+  /* Callout emoji images — sized to match label text height.
+     Transparent Twemoji PNGs from img/emoji/ render as grayscale in B&W print. */
+  img.callout-emoji {
+    height: 0.9em !important;
+    width: 0.9em !important;
+    vertical-align: -0.1em !important;
+    display: inline !important;
+  }
+
+  /* Body-text inline emoji — converted from raw characters to <img> by
+     body-emoji-images.lua (PDF only). WeasyPrint's fallback emoji font renders
+     them undersized and baseline-high; size them to ~cap height and drop them
+     onto the baseline so they sit with the surrounding serif text. Scoped away
+     from callout-label glyphs, which keep their smaller 0.9em treatment. */
+  img.emoji:not(.callout-emoji) {
+    height: 1.15em !important;
+    width: 1.15em !important;
+    vertical-align: -0.2em !important;
+    display: inline !important;
+  }
+
+  .tldr p:first-child,
+  .callout p:first-child,
+  .note p:first-child,
+  .tip p:first-child,
+  .warning p:first-child,
+  .pro-tip p:first-child,
+  .for-managers p:first-child,
+  .for-ics p:first-child,
+  .common-objection p:first-child {
+    display: inline !important;
+    margin: 0 !important;
+  }
+
+  .callout p,
+  .note p,
+  .tip p,
+  .warning p,
+  .pro-tip p,
+  .for-managers p,
+  .for-ics p,
+  .common-objection p {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .callout p:last-child,
+  .note p:last-child,
+  .tip p:last-child,
+  .warning p:last-child,
+  .pro-tip p:last-child,
+  .for-managers p:last-child,
+  .for-ics p:last-child,
+  .common-objection p:last-child {
+    margin-bottom: 0 !important;
+  }
+
+  .tldr p:first-child + p,
+  .callout p:first-child + p,
+  .note p:first-child + p,
+  .tip p:first-child + p,
+  .warning p:first-child + p,
+  .pro-tip p:first-child + p,
+  .for-managers p:first-child + p,
+  .for-ics p:first-child + p,
+  .common-objection p:first-child + p {
+    margin-top: 0.5rem !important;
+  }
+
+  .takeaways {
+    font-family: var(--font-heading) !important;
+    background-color: transparent !important;
+    border: none !important;
+    border-top: 1px solid #888 !important;
+    border-bottom: 1px solid #888 !important;
+    border-radius: 0 !important;
+    padding: 0.625rem 0 !important;
+    margin: 0.625rem 0 !important;
+    page-break-inside: auto !important;
+    color: #000 !important;
+  }
+
+  .takeaways h3 {
+    margin-top: 0 !important;
+    font-size: 1em !important;
+    font-weight: 600 !important;
+    letter-spacing: normal !important;
+    color: #000 !important;
+  }
+
+  /* Print Tables — Booktabs Style */
+  table {
+    font-size: 9pt !important;
+    font-family: var(--font-heading) !important;
+    width: 100% !important;
+    border-collapse: collapse !important;
+    margin: 0.75rem 0 !important;
+    page-break-inside: avoid !important;
+    background-color: #fff !important;
+    color: #000 !important;
+    border-top: 2px solid #000 !important;
+    border-bottom: 2px solid #000 !important;
+    border-left: none !important;
+    border-right: none !important;
+  }
+
+  table th,
+  table td {
+    padding: 0.4rem 0.6rem !important;
+    border: none !important;
+    border-bottom: 1px solid #ccc !important;
+    color: #000 !important;
+    background-color: #fff !important;
+  }
+
+  table th {
+    background-color: #fff !important;
+    font-weight: 600 !important;
+    border-bottom: 2px solid #000 !important;
+  }
+
+  table tbody tr:last-child td {
+    border-bottom: none !important;
+  }
+
+  /* Print Footnotes */
+  .footnotes {
+    margin-top: 2rem !important;
+    padding-top: 1rem !important;
+    border-top: 1px solid #333 !important;
+    font-size: 10pt !important;
+    line-height: 1.3 !important;
+    text-align: left !important;
+  }
+
+  .footnotes ol {
+    padding-left: 1rem !important;
+    text-align: left !important;
+  }
+
+  .footnotes ol li {
+    margin-bottom: 0.5rem !important;
+    color: #000 !important;
+    text-align: left !important;
+  }
+
+  /* Print Blockquotes — elegant traditional style */
+  blockquote {
+    margin: 1rem 1.5rem !important;
+    padding: 0 0 0 1.25rem !important;
+    border-left: 3px solid #aaa !important;
+    background-color: transparent !important;
+    font-style: italic !important;
+    font-size: 10.5pt !important;
+    line-height: 1.45 !important;
+    page-break-inside: avoid !important;
+    color: #333 !important;
+  }
+
+  /* Print Links */
+  a {
+    color: #000 !important;
+    text-decoration: underline !important;
+  }
+
+  a[href^="#"] {
+    color: #000 !important;
+    text-decoration: none !important;
+  }
+
+  /* Print Section Dividers — short centered rule */
+  hr {
+    border: none !important;
+    height: auto !important;
+    width: auto !important;
+    background: none !important;
+    margin: 1.5rem auto !important;
+    text-align: center !important;
+    page-break-after: avoid !important;
+    page-break-before: avoid !important;
+  }
+
+  hr::after {
+    content: "⁕   ⁕   ⁕" !important;
+    display: block !important;
+    color: #999 !important;
+    font-size: 9pt !important;
+    letter-spacing: 0.15em !important;
+  }
+
+  /* Print TOC */
+  .toc,
+  #toc,
+  nav[role="doc-toc"],
+  #TOC {
+    page-break-after: always !important;
+    margin-bottom: 1.5rem !important;
+    text-align: left !important;
+  }
+
+  #TOC ul {
+    list-style: none !important;
+    padding-left: 0 !important;
+  }
+
+  #TOC > ul > li {
+    margin-bottom: 0.6rem !important;
+    text-align: left !important;
+    font-weight: 600 !important;
+    padding-bottom: 0.2rem !important;
+  }
+
+  #TOC ul li {
+    margin-bottom: 0.35rem !important;
+    text-align: left !important;
+  }
+
+  #TOC ul li a {
+    text-decoration: none !important;
+    color: #000 !important;
+    display: block !important;
+  }
+
+  /* Add page numbers with leader dots for TOC entries */
+  #TOC ul li a::after {
+    content: leader(dotted) " " target-counter(attr(href), page) !important;
+    font-variant-numeric: lining-nums tabular-nums !important;
+    color: #000 !important;
+    white-space: nowrap !important;
+  }
+
+  #TOC ul ul {
+    padding-left: 1.25rem !important;
+    margin-top: 0.15rem !important;
+  }
+
+  #TOC ul ul li {
+    font-size: 0.9em !important;
+    font-weight: 400 !important;
+    margin-bottom: 0.15rem !important;
+  }
+
+  /* Print Special Pages */
+  #copyright-page {
+    page: copyright !important;
+    page-break-before: always !important;
+    page-break-after: always !important;
+    /* Bottom alignment using flexbox
+       Content area: 7.5in (9in page height - 0.75in top margin - 0.75in bottom margin) */
+    display: flex !important;
+    align-items: flex-end !important;
+    min-height: 7.5in !important;
+    padding: 0 !important;
+    color: #000 !important;
+  }
+
+  /* The invisible copyright heading needs print-specific collapsing.
+     The base sr-only rule (#copyright-page .invisible > h2) hides it with
+     position:absolute + clip, which macOS WeasyPrint honors but the
+     Linux/Docker CI build does NOT — there the heading falls back to the
+     generic print h2 styling (page-break-before:always, page:chapter, 16pt)
+     and renders "Copyright" on its own page before the colophon. Collapse it
+     in normal flow instead — zero height/size, same page name, no break —
+     which every WeasyPrint platform renders identically. Keep it in flow
+     (not display:none) so string-set still clears the running-header title:
+     the generic h2 rule otherwise sets `chapter-title` to "Copyright",
+     leaking it into the running headers of the following front-matter pages
+     (dedication, table of contents), which carry no running head. */
+  #copyright-page h2 {
+    string-set: chapter-title "" !important;
+    position: static !important;
+    width: auto !important;
+    height: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    overflow: hidden !important;
+    font-size: 0 !important;
+    color: transparent !important;
+    clip: auto !important;
+    page: copyright !important;
+    page-break-before: avoid !important;
+    page-break-after: avoid !important;
+  }
+
+  #copyright-container {
+    font-size: 0.875em !important;
+  }
+
+  #copyright-container > p {
+    margin-bottom: 0.3rem !important;
+  }
+
+  .dedication {
+    page-break-before: always !important;
+    page-break-after: always !important;
+    text-align: center !important;
+    padding-top: 3in !important;
+    color: #000 !important;
+  }
+
+  /* Print back matter — distinct typographic treatment */
+  #acknowledgements {
+    page-break-before: always !important;
+  }
+
+  #acknowledgements ul {
+    font-size: 10pt !important;
+    line-height: 1.35 !important;
+    columns: 2 !important;
+    column-gap: 1.5rem !important;
+  }
+
+  #acknowledgements ul li {
+    margin-bottom: 0.2rem !important;
+    page-break-inside: avoid !important;
+  }
+
+  #about-the-author {
+    page-break-before: always !important;
+  }
+
+  .back-cover {
+    page-break-before: always !important;
+    font-family: var(--font-heading) !important;
+    font-size: 10.5pt !important;
+    line-height: 1.5 !important;
+    color: #000 !important;
+  }
+
+  /* Remove shadows and filters for WeasyPrint compatibility */
+  * {
+    box-shadow: none !important;
+    text-shadow: none !important;
+    backdrop-filter: none !important;
+  }
+
+  /* Print Footnote References
+     font-variant-position: super uses Source Serif 4's OpenType sups feature
+     for optically-correct superscripts (better alignment/kerning than manual
+     font-size + vertical-align). Falls back to synthesis if feature missing.
+
+     Pandoc generates <a class="footnote-ref"><sup>N</sup></a>. The inner
+     <sup> must be neutralized so the <a>'s font-variant-position handles
+     superscript rendering. Without this, the <sup>'s default
+     vertical-align: super expands the line box, creating uneven line
+     spacing on lines that contain footnote references.
+
+     line-height: 0 on the <a> prevents the inline box from contributing
+     to line-box height — the superscript glyph still renders (it overflows
+     its zero-height box) but adjacent lines stay evenly spaced. */
+  .footnote-ref {
+    font-variant-position: super !important;
+    font-size: inherit !important;
+    vertical-align: baseline !important;
+    position: static !important;
+    top: auto !important;
+    line-height: 0 !important;
+    color: #000 !important;
+  }
+
+  .footnote-ref sup {
+    vertical-align: baseline !important;
+    font-size: inherit !important;
+  }
+
+  /* Hide footnote back-references (↩︎) — not useful in print */
+  .footnote-back {
+    display: none !important;
+  }
+
+  /* Title Page Styling for Print - Polished Manuscript Cover
+     Page size: 6in × 9in (KDP trade paperback)
+     Margins: 0.75in top/bottom
+     Content height: 9in - 1.5in = 7.5in */
+  #title-block-header {
+    display: block !important;
+    min-height: 7.5in !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    page-break-after: always !important;
+    text-align: center !important;
+    position: relative !important;
+  }
+
+  /* Title rules. These were fading gradients, which read as a web hero, not
+     a title page, and a fade can halftone unevenly. Flat, the rule above the
+     title doubled up with the title block's own full-width top rule, so it's
+     now an invisible spacer that keeps the page's spacing; the hairline
+     below the title (::after) carries the structure. */
+  h1.title::before {
+    content: "" !important;
+    display: block !important;
+    width: 3in !important;
+    height: 1px !important;
+    background: transparent !important;
+    margin: 0 auto 1.75rem auto !important;
+  }
+
+  h1.title {
+    display: block !important;
+    box-sizing: border-box !important;
+    font-size: 30pt !important;
+    line-height: 1.1 !important;
+    font-weight: 700 !important;
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    padding: 0 !important;
+    font-family: var(--font-heading) !important;
+    color: #000 !important;
+    letter-spacing: -0.02em !important;
+    text-transform: none !important;
+    width: 100% !important;
+    max-width: none !important;
+    text-align: center !important;
+  }
+
+  h1.title::after {
+    content: "" !important;
+    display: block !important;
+    width: 3in !important;
+    height: 1px !important;
+    background: #000 !important;
+    margin: 1.75rem auto 0 auto !important;
+  }
+
+  p.subtitle {
+    display: block !important;
+    box-sizing: border-box !important;
+    font-size: 14pt !important;
+    line-height: 1.4 !important;
+    font-weight: 400 !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 2.5rem !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    padding: 0 0 1.75rem 0 !important;
+    font-family: var(--font-heading) !important;
+    font-style: italic !important;
+    color: #444 !important;
+    width: 100% !important;
+    max-width: none !important;
+    text-align: center !important;
+  }
+
+  /* "By" prefix for author - traditional book style */
+  p.author::before {
+    content: "By " !important;
+    font-weight: 300 !important;
+    font-style: normal !important;
+    text-transform: none !important;
+    letter-spacing: normal !important;
+  }
+
+  p.author {
+    display: block !important;
+    box-sizing: border-box !important;
+    font-size: 13pt !important;
+    line-height: 1.4 !important;
+    font-weight: 500 !important;
+    margin-top: 0 !important;
+    margin-bottom: 0.5rem !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    padding: 0 0 2.5rem 0 !important;
+    font-family: var(--font-heading) !important;
+    color: #000 !important;
+    text-transform: none !important;
+    letter-spacing: 0.04em !important;
+    width: 100% !important;
+    max-width: none !important;
+    text-align: center !important;
+  }
+
+  /* Version/date - positioned at bottom of title page content area
+     The container (#title-block-header) has min-height: 7.5in which is the
+     content area after page margins, so bottom: 0 places this at the very
+     bottom of the printable area */
+  p.date {
+    display: block !important;
+    box-sizing: border-box !important;
+    font-size: 8pt !important;
+    line-height: 1.4 !important;
+    font-weight: 400 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    font-family: var(--font-heading) !important;
+    font-variant-numeric: lining-nums tabular-nums !important;
+    color: #888 !important;
+    letter-spacing: 0.06em !important;
+    width: 100% !important;
+    max-width: none !important;
+    text-align: center !important;
+    position: absolute !important;
+    bottom: 0 !important;
+    left: 0 !important;
+  }
+}
+
+/* ---------------------------------------------------------------------------
+   Print-only restore: undo the e-reader line-box fixes that leaked into the
+   PDF. WeasyPrint renders with media type `print`, which ALSO matches
+   `@media not screen` — so the Kindle fixes in the `@media not screen` blocks
+   above can silently tighten callout spacing in print and change a book's
+   locked page count. `strip-page-rules.js` strips `@media print` from
+   the EPUB CSS, so re-pinning the original print values here restores the
+   print layout WITHOUT touching the e-reader fixes. Declarations use `!important` (idiomatic for the print
+   blocks in this file) so they win regardless of how PostCSS orders the
+   compiled media queries relative to the `@media not screen` blocks. */
+@media print {
+  /* Two of the leaked `@media not screen` declarations actually reach the PDF
+     (inline-code and callout-emoji don't — they already have dedicated
+     `@media print` !important rules above, so their e-reader changes never
+     touched print):
+
+     1. Callout paragraph line-height. No print rule pinned it, so the e-reader
+        `line-height: inherit` tightened every callout body paragraph. */
+  .tldr p,
+  .callout p,
+  .note p,
+  .tip p,
+  .warning p,
+  .pro-tip p,
+  .for-managers p,
+  .for-ics p,
+  .common-objection p {
+    line-height: 1.5 !important;
+  }
+
+  /* 2. box-decoration-break. Callouts use page-break-inside: auto in print, so
+        they DO split across pages — and `clone` repeats the box's top/bottom
+        padding + border on each fragment, while the leaked `slice` drops it.
+        That repeated padding is real vertical space, so slice silently
+        shortens a book. List ALL the callout selectors the leaked rule
+        targets (.tldr and .pro-tip included; a chapter-opening TL;DR splits
+        often) or the restore is incomplete. */
+  .tldr,
+  .callout,
+  .note,
+  .tip,
+  .warning,
+  .pro-tip,
+  .for-managers,
+  .for-ics,
+  .common-objection,
+  .takeaways {
+    -webkit-box-decoration-break: clone !important;
+    box-decoration-break: clone !important;
+  }
+}