4 files changed, 52 insertions, 2 deletions
diff --git a/scss/_content.scss b/scss/_content.scss
index e40145e..1789397 100644
--- a/scss/_content.scss
+++ b/scss/_content.scss
@@ -4,6 +4,11 @@
     height: inherit;
   }
 
+  ul, ol {
+    break-before: avoid-page;
+    break-inside: avoid-page;
+  }
+
   .wide.markdown,
   .wide .markdown {
     max-width: max-content;
@@ -25,9 +30,15 @@
     }
   }
 
+  p {
+    orphans: 6;
+    widows: 6;
+  }
+
   .markdown,
   .markdown > p,
   .markdown > p > a {
+
     p, a {
       max-width: 100%;
     }
@@ -118,4 +129,15 @@
   .well-warning {
     border-color: $gray-fail;
   }
+
+  .spacious {
+    h1, h2, h3 {
+      margin-top: 1.7em;
+    }
+
+    h1 + h2,
+    h2 + h3 {
+      margin-top: 0;
+    }
+  }
 }
diff --git a/scss/_footer.scss b/scss/_footer.scss
index 4f1c8bd..6cd73c8 100644
--- a/scss/_footer.scss
+++ b/scss/_footer.scss
@@ -11,7 +11,6 @@ footer {
     display: none;
   }
 
-
   color: $gray-bright;
   background: $gray-dark;
 
diff --git a/scss/_print.scss b/scss/_print.scss
index 1eac26a..c221fa4 100644
--- a/scss/_print.scss
+++ b/scss/_print.scss
@@ -1,9 +1,29 @@
+.print-only {
+  display: none;
+
+  @media print {
+    display: block;
+  }
+}
+
+.screen-only {
+  @media print {
+    display: none;
+  }
+}
+
 @media print {
-  h1, h2, h3 {
+  h1, h2, h3, h4, h5 {
     break-after: avoid-page;
+
+    + * {
+      break-before: avoid-page;
+    }
   }
 
   .view {
+    flex: 1 0 auto;
+
     .content {
       flex: 1 0 auto;
     }
@@ -14,6 +34,11 @@
   }
 }
 
+.print-ownpage {
+  break-before: page;
+  break-after: page;
+}
+
 @page {
   size: a4;
   margin: 2.5cm 0 2.5cm;
diff --git a/scss/_sidenotes.scss b/scss/_sidenotes.scss
index 607b713..0b9effe 100644
--- a/scss/_sidenotes.scss
+++ b/scss/_sidenotes.scss
@@ -1,5 +1,9 @@
 $sidenote-width: 14rem;
 
+:root {
+  --sidenote-width: #{$sidenote-width};
+}
+
 .sidenote-container {
   margin-right: $sidenote-width + 1rem;