@threepenny/md2pdf 0.0.0-stage → 2.0.0

package/styles/classic.css

@@ -0,0 +1,379 @@
+/* Classic: book-like serif typography using fonts that ship with macOS. */
+
+/* Variables a page can override, on .markdown-body itself: for all its documents, or for one with
+   <article class="markdown-body" style="--md2pdf-font-size: 12pt">. A value set on :root or another
+   ancestor doesn't reach the document. :where() gives these defaults no specificity, so the page's
+   rule wins wherever it comes. Every style uses the same names. */
+:where(.markdown-body) {
+  /* Size and spacing. --md2pdf-font-size is the body text size, an absolute length such as 11pt or 15px; headings and smaller text scale with
+     it. --md2pdf-leading scales each line height's excess over 1, and --md2pdf-space the vertical
+     gaps between blocks; both are 1 as designed. */
+  --md2pdf-font-size: 11pt;
+  --md2pdf-leading: 1;
+  --md2pdf-space: 1;
+  /* Colors: --md2pdf-background the document's background; --md2pdf-text body text; --md2pdf-muted
+     secondary text; --md2pdf-accent headings, links and list markers; --md2pdf-rule thin rules and
+     borders; --md2pdf-surface code and quote backgrounds. */
+  --md2pdf-background: #fff;
+  --md2pdf-text: #1f1d1a;
+  --md2pdf-muted: #6b645b;
+  --md2pdf-accent: #7a2e2a;
+  --md2pdf-rule: #cfc5b4;
+  --md2pdf-surface: #f7f4ee;
+  /* Fonts: --md2pdf-font body text, --md2pdf-heading-font headings (the body font unless set),
+     --md2pdf-code-font code. */
+  --md2pdf-font: "Iowan Old Style", Charter, Palatino, Georgia, serif;
+  --md2pdf-heading-font: var(--md2pdf-font);
+  --md2pdf-code-font: "SF Mono", Menlo, monospace;
+}
+
+.markdown-body {
+  font-family: var(--md2pdf-font);
+  background: var(--md2pdf-background);
+  font-size: var(--md2pdf-font-size);
+  line-height: calc(1 + 0.55 * var(--md2pdf-leading));
+  color: var(--md2pdf-text);
+  font-variant-numeric: oldstyle-nums proportional-nums;
+  font-kerning: normal;
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
+}
+
+.markdown-body p,
+.markdown-body li {
+  text-align: justify;
+  hyphens: auto;
+  orphans: 3;
+  widows: 3;
+}
+
+.markdown-body p {
+  margin: 0 0 calc(0.75em * var(--md2pdf-space));
+}
+
+/* Headings */
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  font-family: var(--md2pdf-heading-font);
+  font-weight: normal;
+  line-height: calc(1 + 0.25 * var(--md2pdf-leading));
+  break-after: avoid;
+  font-variant-numeric: lining-nums;
+}
+
+.markdown-body h1 {
+  font-size: calc(24 / 11 * var(--md2pdf-font-size));
+  text-align: center;
+  letter-spacing: 0.01em;
+  margin: 0 0 calc(1.4em * var(--md2pdf-space));
+}
+.markdown-body h1::after {
+  content: "";
+  display: block;
+  width: 3em;
+  margin: calc(0.55em * var(--md2pdf-space)) auto 0;
+  border-bottom: 1px solid var(--md2pdf-accent);
+}
+/* Any later h1 starts a new section with a bit more air. */
+.markdown-body h1:not(:first-child) {
+  margin-top: calc(2em * var(--md2pdf-space));
+}
+
+.markdown-body h2 {
+  font-size: calc(13 / 11 * var(--md2pdf-font-size));
+  font-variant: small-caps;
+  letter-spacing: 0.08em;
+  color: var(--md2pdf-accent);
+  margin: calc(1.8em * var(--md2pdf-space)) 0 calc(0.6em * var(--md2pdf-space));
+}
+
+.markdown-body h3 {
+  font-size: calc(12 / 11 * var(--md2pdf-font-size));
+  font-style: italic;
+  margin: calc(1.4em * var(--md2pdf-space)) 0 calc(0.4em * var(--md2pdf-space));
+}
+
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  font-size: var(--md2pdf-font-size);
+  font-weight: bold;
+  margin: calc(1.2em * var(--md2pdf-space)) 0 calc(0.3em * var(--md2pdf-space));
+}
+
+/* Links */
+
+.markdown-body a {
+  color: var(--md2pdf-accent);
+  text-decoration: none;
+}
+.markdown-body a.header-anchor {
+  display: none;
+}
+
+/* Lists */
+
+.markdown-body ul,
+.markdown-body ol {
+  margin: 0 0 calc(0.75em * var(--md2pdf-space));
+  padding-left: 1.6em;
+}
+.markdown-body li {
+  margin: calc(0.15em * var(--md2pdf-space)) 0;
+}
+.markdown-body li > ul,
+.markdown-body li > ol {
+  margin: calc(0.15em * var(--md2pdf-space)) 0 0;
+}
+.markdown-body li::marker {
+  color: var(--md2pdf-muted);
+}
+.markdown-body .task-list-item {
+  list-style-type: none;
+}
+.markdown-body .task-list-item input {
+  margin: 0 0.4em 0.2em -1.4em;
+  vertical-align: middle;
+  accent-color: var(--md2pdf-accent);
+}
+
+/* Quotes */
+
+.markdown-body blockquote {
+  margin: calc(1.1em * var(--md2pdf-space)) 2em;
+  padding: 0 0 0 1em;
+  border-left: 2px solid var(--md2pdf-rule);
+  font-style: italic;
+  color: #4a4540;
+  break-inside: avoid;
+}
+.markdown-body blockquote p {
+  text-align: left;
+}
+
+/* Callouts (GitHub alerts and Obsidian callouts): a ruled box on paper, its title in small caps. */
+
+.markdown-body .markdown-alert {
+  --md2pdf-callout: #3d5a78;
+  margin: calc(1.1em * var(--md2pdf-space)) 0;
+  padding: 0.55em 1em 0.6em;
+  border-left: 2px solid var(--md2pdf-callout);
+  background: var(--md2pdf-surface);
+  break-inside: avoid;
+}
+.markdown-body .markdown-alert-tip {
+  --md2pdf-callout: #4a6a3a;
+}
+.markdown-body .markdown-alert-important {
+  --md2pdf-callout: #6a4775;
+}
+.markdown-body .markdown-alert-warning {
+  --md2pdf-callout: #8a6416;
+}
+.markdown-body .markdown-alert-caution {
+  --md2pdf-callout: var(--md2pdf-accent);
+}
+.markdown-body .markdown-alert-quote {
+  --md2pdf-callout: var(--md2pdf-muted);
+}
+.markdown-body .markdown-alert-title {
+  margin-bottom: calc(0.3em * var(--md2pdf-space));
+  color: var(--md2pdf-callout);
+  font-variant: small-caps;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-align: left;
+  hyphens: manual;
+}
+.markdown-body .markdown-alert-title .octicon {
+  margin-right: 0.45em;
+  vertical-align: -0.1em;
+  width: 0.85em;
+  height: 0.85em;
+  fill: currentColor;
+}
+.markdown-body .markdown-alert > :last-child {
+  margin-bottom: 0;
+}
+
+/* Code */
+
+.markdown-body code,
+.markdown-body kbd {
+  font-family: var(--md2pdf-code-font);
+  font-size: 0.82em;
+  font-variant-numeric: normal;
+}
+.markdown-body :not(pre) > code {
+  background: var(--md2pdf-surface);
+  padding: 0.1em 0.3em;
+  border-radius: 3px;
+}
+.markdown-body kbd {
+  padding: 0.05em 0.35em;
+  border: 1px solid var(--md2pdf-rule);
+  border-bottom-width: 2px;
+  border-radius: 3px;
+  background: var(--md2pdf-background);
+}
+.markdown-body pre {
+  background: var(--md2pdf-surface);
+  border: 1px solid #e8e1d4;
+  border-radius: 4px;
+  padding: 0.9em 1.1em;
+  margin: 0 0 calc(1em * var(--md2pdf-space));
+  line-height: calc(1 + 0.45 * var(--md2pdf-leading));
+  white-space: pre-wrap;
+  word-break: break-word;
+  break-inside: avoid;
+}
+.markdown-body pre code {
+  font-size: calc(8.5 / 11 * var(--md2pdf-font-size));
+}
+/* A highlight.js theme on the host page styles .hljs too; keep code blocks this style's own. */
+.markdown-body pre code.hljs {
+  display: inline;
+  overflow: visible;
+  padding: 0;
+  color: inherit;
+  background: none;
+}
+/* And its tokens: this outranks a theme's token rules, and this style's colors come after it. */
+.markdown-body [class*="hljs-"] {
+  color: inherit;
+  background: none;
+  font-style: inherit;
+  font-weight: inherit;
+  text-decoration: none;
+}
+
+/* Muted syntax colors to suit the page. */
+.markdown-body .hljs-comment,
+.markdown-body .hljs-quote {
+  color: #8a8279;
+  font-style: italic;
+}
+.markdown-body .hljs-keyword,
+.markdown-body .hljs-selector-tag,
+.markdown-body .hljs-literal,
+.markdown-body .hljs-doctag {
+  color: #a3372f;
+}
+.markdown-body .hljs-string,
+.markdown-body .hljs-regexp,
+.markdown-body .hljs-addition {
+  color: #4d6b3c;
+}
+.markdown-body .hljs-number,
+.markdown-body .hljs-symbol,
+.markdown-body .hljs-bullet {
+  color: #8a5a00;
+}
+.markdown-body .hljs-title,
+.markdown-body .hljs-section,
+.markdown-body .hljs-name {
+  color: #2c4a6e;
+}
+.markdown-body .hljs-built_in,
+.markdown-body .hljs-type,
+.markdown-body .hljs-attr,
+.markdown-body .hljs-attribute,
+.markdown-body .hljs-variable,
+.markdown-body .hljs-template-variable {
+  color: #6b4c7a;
+}
+.markdown-body .hljs-meta,
+.markdown-body .hljs-deletion {
+  color: #9a3b2f;
+}
+.markdown-body .hljs-emphasis {
+  font-style: italic;
+}
+.markdown-body .hljs-strong {
+  font-weight: bold;
+}
+
+/* Tables: horizontal rules only, like a well-set book. */
+
+.markdown-body table {
+  border-collapse: collapse;
+  margin: calc(1.2em * var(--md2pdf-space)) auto;
+  border-top: 1.5px solid var(--md2pdf-text);
+  border-bottom: 1.5px solid var(--md2pdf-text);
+  font-variant-numeric: lining-nums tabular-nums;
+}
+.markdown-body th,
+.markdown-body td {
+  padding: 0.35em 0.9em;
+  text-align: left;
+}
+.markdown-body th {
+  font-weight: normal;
+  font-variant: small-caps;
+  letter-spacing: 0.05em;
+  border-bottom: 0.75px solid var(--md2pdf-text);
+}
+.markdown-body tr {
+  break-inside: avoid;
+}
+
+/* Rules and images */
+
+.markdown-body hr {
+  border: 0;
+  text-align: center;
+  margin: calc(1.6em * var(--md2pdf-space)) 0;
+}
+.markdown-body hr::after {
+  content: "⁂";
+  color: var(--md2pdf-muted);
+  font-size: calc(12 / 11 * var(--md2pdf-font-size));
+}
+
+.markdown-body img {
+  display: block;
+  max-width: 100%;
+  margin: calc(1em * var(--md2pdf-space)) auto;
+  break-inside: avoid;
+}
+
+/* Footnotes */
+
+.markdown-body hr.footnotes-sep {
+  display: none;
+}
+.markdown-body .footnotes {
+  margin-top: calc(2.5em * var(--md2pdf-space));
+  font-size: calc(9 / 11 * var(--md2pdf-font-size));
+  color: var(--md2pdf-muted);
+}
+.markdown-body .footnotes::before {
+  content: "";
+  display: block;
+  width: 30%;
+  border-top: 0.75px solid var(--md2pdf-rule);
+  margin-bottom: calc(0.8em * var(--md2pdf-space));
+}
+.markdown-body .footnotes ol {
+  padding-left: 1.2em;
+}
+.markdown-body .footnote-ref a,
+.markdown-body .footnote-backref {
+  color: var(--md2pdf-accent);
+}
+
+/* An Obsidian embed (![[Other note]]) that can't be shown: a muted placeholder. */
+.markdown-body .markdown-embed {
+  color: var(--md2pdf-muted);
+  font-style: italic;
+}
+
+/* <div class="page-break"></div> starts a new page. */
+.markdown-body .page-break {
+  break-after: page;
+}

package/styles/github.css

@@ -0,0 +1,322 @@
+/* GitHub: GitHub's Markdown look, layered on top of github-markdown-css, with highlight.js's GitHub theme. */
+
+/* Variables a page can override, on .markdown-body itself: for all its documents, or for one with
+   <article class="markdown-body" style="--md2pdf-font-size: 12pt">. A value set on :root or another
+   ancestor doesn't reach the document. :where() gives these defaults no specificity, so the page's
+   rule wins wherever it comes. Every style uses the same names. */
+:where(.markdown-body) {
+  /* Size and spacing. --md2pdf-font-size is the body text size, an absolute length such as 11pt or 15px; headings and smaller text scale with
+     it. --md2pdf-leading scales each line height's excess over 1, and --md2pdf-space the vertical
+     gaps between blocks; both are 1 as designed. */
+  --md2pdf-font-size: 11pt;
+  --md2pdf-leading: 1;
+  --md2pdf-space: 1;
+  /* Colors: --md2pdf-background the document's background; --md2pdf-text body text; --md2pdf-muted
+     quotes, footnotes and secondary text; --md2pdf-accent links. */
+  --md2pdf-background: #fff;
+  --md2pdf-text: #1f2328;
+  --md2pdf-muted: #59636e;
+  --md2pdf-accent: #0969da;
+  /* Fonts: --md2pdf-font body text, --md2pdf-heading-font headings (the body font unless set),
+     --md2pdf-code-font code. */
+  --md2pdf-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --md2pdf-heading-font: var(--md2pdf-font);
+  --md2pdf-code-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+}
+
+/* highlight.js's GitHub theme, limited to the document. From highlight.js 11.12.0.
+   On .hljs itself, :where() keeps each selector's specificity what it is in the theme, so the rules
+   below still override it. The token rules take .markdown-body's specificity, to outrank a theme on
+   the host page.
+
+   BSD 3-Clause License
+
+   Copyright (c) 2006, Ivan Sagalaev.
+   All rights reserved.
+
+   Redistribution and use in source and binary forms, with or without
+   modification, are permitted provided that the following conditions are met:
+
+   * Redistributions of source code must retain the above copyright notice, this
+     list of conditions and the following disclaimer.
+
+   * Redistributions in binary form must reproduce the above copyright notice,
+     this list of conditions and the following disclaimer in the documentation
+     and/or other materials provided with the distribution.
+
+   * Neither the name of the copyright holder nor the names of its
+     contributors may be used to endorse or promote products derived from
+     this software without specific prior written permission.
+
+   THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+   AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+   IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+   DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+   FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+   DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+   SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+   CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+   OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+   OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */
+:where(.markdown-body) pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+:where(.markdown-body) code.hljs {
+  padding: 3px 5px;
+}
+:where(.markdown-body) .hljs {
+  color: #24292e;
+  background: #ffffff;
+}
+/* A highlight.js theme on the host page styles .hljs and its tokens too. This outranks a theme's token
+   rules, and the token colors below come after it. */
+.markdown-body [class*="hljs-"] {
+  color: inherit;
+  background: none;
+  font-style: inherit;
+  font-weight: inherit;
+  text-decoration: none;
+}
+.markdown-body .hljs-doctag,
+.markdown-body .hljs-keyword,
+.markdown-body .hljs-meta .hljs-keyword,
+.markdown-body .hljs-template-tag,
+.markdown-body .hljs-template-variable,
+.markdown-body .hljs-type,
+.markdown-body .hljs-variable.language_ {
+  color: #d73a49;
+}
+.markdown-body .hljs-title,
+.markdown-body .hljs-title.class_,
+.markdown-body .hljs-title.class_.inherited__,
+.markdown-body .hljs-title.function_ {
+  color: #6f42c1;
+}
+.markdown-body .hljs-attr,
+.markdown-body .hljs-attribute,
+.markdown-body .hljs-literal,
+.markdown-body .hljs-meta,
+.markdown-body .hljs-number,
+.markdown-body .hljs-operator,
+.markdown-body .hljs-variable,
+.markdown-body .hljs-selector-attr,
+.markdown-body .hljs-selector-class,
+.markdown-body .hljs-selector-id {
+  color: #005cc5;
+}
+.markdown-body .hljs-regexp,
+.markdown-body .hljs-string,
+.markdown-body .hljs-meta .hljs-string {
+  color: #032f62;
+}
+.markdown-body .hljs-built_in,
+.markdown-body .hljs-symbol {
+  color: #e36209;
+}
+.markdown-body .hljs-comment,
+.markdown-body .hljs-code,
+.markdown-body .hljs-formula {
+  color: #6a737d;
+}
+.markdown-body .hljs-name,
+.markdown-body .hljs-quote,
+.markdown-body .hljs-selector-tag,
+.markdown-body .hljs-selector-pseudo {
+  color: #22863a;
+}
+.markdown-body .hljs-subst {
+  color: #24292e;
+}
+.markdown-body .hljs-section {
+  color: #005cc5;
+  font-weight: bold;
+}
+.markdown-body .hljs-bullet {
+  color: #735c0f;
+}
+.markdown-body .hljs-emphasis {
+  color: #24292e;
+  font-style: italic;
+}
+.markdown-body .hljs-strong {
+  color: #24292e;
+  font-weight: bold;
+}
+.markdown-body .hljs-addition {
+  color: #22863a;
+  background-color: #f0fff4;
+}
+.markdown-body .hljs-deletion {
+  color: #b31d28;
+  background-color: #ffeef0;
+}
+
+.markdown-body {
+  box-sizing: border-box;
+  font-family: var(--md2pdf-font);
+  font-size: var(--md2pdf-font-size);
+  color: var(--md2pdf-text);
+  background-color: var(--md2pdf-background);
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
+}
+
+/* github-markdown-css sets these colors and fonts directly, so they're restated with the variables. */
+.markdown-body a {
+  color: var(--md2pdf-accent);
+}
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  font-family: var(--md2pdf-heading-font);
+}
+.markdown-body h6,
+.markdown-body blockquote,
+.markdown-body .footnotes {
+  color: var(--md2pdf-muted);
+}
+.markdown-body tt,
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre,
+.markdown-body samp {
+  font-family: var(--md2pdf-code-font);
+}
+
+/* github-markdown-css sets line heights in px and gaps in rem (12pt here), so they're restated with the
+   spacing variables applied, and the gaps as multiples of the text size so they follow it rather than
+   the page's root font size. */
+.markdown-body {
+  line-height: calc(1 + 0.5 * var(--md2pdf-leading));
+}
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  margin-top: calc(18 / 11 * var(--md2pdf-font-size) * var(--md2pdf-space));
+  margin-bottom: calc(12 / 11 * var(--md2pdf-font-size) * var(--md2pdf-space));
+  line-height: calc(1 + 0.25 * var(--md2pdf-leading));
+}
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre,
+.markdown-body details,
+.markdown-body .markdown-alert {
+  margin-bottom: calc(12 / 11 * var(--md2pdf-font-size) * var(--md2pdf-space));
+}
+.markdown-body li > p {
+  margin-top: calc(12 / 11 * var(--md2pdf-font-size) * var(--md2pdf-space));
+}
+.markdown-body li + li {
+  margin-top: calc(0.25em * var(--md2pdf-space));
+}
+.markdown-body .task-list-item + .task-list-item {
+  margin-top: calc(3 / 11 * var(--md2pdf-font-size) * var(--md2pdf-space));
+}
+.markdown-body hr {
+  margin: calc(18 / 11 * var(--md2pdf-font-size) * var(--md2pdf-space)) 0;
+}
+.markdown-body pre {
+  line-height: calc(1 + 0.45 * var(--md2pdf-leading));
+}
+
+/* Wrap long code lines instead of clipping them at the page edge. */
+.markdown-body pre,
+.markdown-body pre code {
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow: visible;
+}
+
+/* Keep headings with the content that follows them. */
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  break-after: avoid;
+}
+
+.markdown-body pre,
+.markdown-body blockquote,
+.markdown-body .markdown-alert,
+.markdown-body tr,
+.markdown-body img {
+  break-inside: avoid;
+}
+
+.markdown-body img {
+  max-width: 100%;
+}
+
+/* Header anchor links are only useful on screen. */
+.markdown-body a.header-anchor {
+  display: none;
+}
+
+/* Task list checkboxes: drop the bullet, like GitHub. */
+.markdown-body .task-list-item {
+  list-style-type: none;
+}
+.markdown-body .task-list-item input {
+  margin: 0 0.35em 0.25em -1.4em;
+  vertical-align: middle;
+}
+
+/* github-markdown-css colors GitHub's five alert types. Its flex title would drop the spaces around
+   formatting in an Obsidian title, so the icon sits inline instead. Quote is ours. */
+.markdown-body .markdown-alert .markdown-alert-title {
+  display: block;
+  line-height: inherit;
+}
+.markdown-body .markdown-alert-title .octicon {
+  margin-right: calc(6 / 11 * var(--md2pdf-font-size));
+}
+.markdown-body .markdown-alert.markdown-alert-quote {
+  border-left-color: var(--md2pdf-muted);
+}
+.markdown-body .markdown-alert.markdown-alert-quote .markdown-alert-title {
+  color: var(--md2pdf-muted);
+}
+
+/* highlight.js's theme, or one on the host page, adds its own box; GitHub's <pre> already has one. */
+.markdown-body pre code.hljs {
+  display: block;
+  overflow: visible;
+  padding: 0;
+  color: #24292e;
+  background: transparent;
+}
+
+/* github-markdown-css paints table rows white. */
+.markdown-body table tr {
+  background-color: var(--md2pdf-background);
+}
+
+/* GitHub's footnotes section has its own top border; drop the plugin's extra <hr>. */
+.markdown-body hr.footnotes-sep {
+  display: none;
+}
+
+/* An Obsidian embed (![[Other note]]) that can't be shown: a muted placeholder. */
+.markdown-body .markdown-embed {
+  color: var(--md2pdf-muted);
+  font-style: italic;
+}
+
+/* <div class="page-break"></div> starts a new page. */
+.markdown-body .page-break {
+  break-after: page;
+}