dual rendering possible using --singles

stylesheets/footer.less

@@ -2,6 +2,7 @@ footer {
   font-size: 85%;
   font-family: Verdana;
   border-top: 1px solid grey;
-  padding: 2em 2em 0;
-  box-sizing: border-box;
+  padding: 2em 1.25em 0;
+  box-sizing: content-box;
+  margin-left: -1rem;
 }

stylesheets/navigation.less

@@ -19,4 +19,23 @@ navigation {
       }
     }
   }
+
+  &.compact {
+    width: 100%;
+    border: none;
+    border-top: 1px solid grey;
+    padding-top: 2em;
+    margin-top: 2em;
+
+    ul {
+      background: inherit;
+
+      li {
+        display: inline-block;
+        &:not(:last-child) {
+          margin-right: 1em;
+        }
+      }
+    }
+  }
 }

stylesheets/relatives.less

@@ -0,0 +1,26 @@
+.relatives {
+  width: 100%;
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+
+  border: 1px solid #CCC;
+  padding: 0.25rem 1rem;
+  margin-left: -1rem;
+  box-sizing: content-box;
+
+  &.before {
+    border-width: 1px 0px;
+    margin-bottom: -2rem;
+  }
+
+  &.after {
+    margin-top: 2em;
+    border-width: 1px 0 0 0;
+    border-color: grey;
+    margin-bottom: -1.5rem;
+  }
+
+  .prev:before { content: "← "; }
+  .next:after { content: " →"; }
+}

stylesheets/style.less

@@ -61,3 +61,4 @@ footer {
 @import "latex.less";
 @import "table.less";
 @import "footer.less";
+@import "relatives.less";