Fix vertical spacing of a handful of elements

assets/css/010_structure.css

@@ -127,3 +127,18 @@ img {
     margin-inline-end: var(--space-s);
   }
 }
+
+section.content--small-right-column {
+  display: block flow;
+  grid-column: main-start / main-end;
+
+  p {
+    grid-column: unset;
+  }
+
+  .content--right-column,
+  :has(.content--right-column) {
+    float: inline-end;
+    margin-block: 0;
+  }
+}

assets/css/080_site_footer.css

@@ -12,7 +12,7 @@
   color: var(--text-color-secondary);
   font-size: var(--text-s);
   grid-column: main-start / main-end;
-  margin-block-end: var(--space-m);
+  margin-block: var(--space-xl) var(--space-m);
   padding-block-start: var(--space-s);
 }
 

assets/css/099_footnotes.css

@@ -6,7 +6,8 @@
   font-size: var(--text-s);
 
   hr {
-    margin-block-start: var(--space-l);
+    border-top: 2px dashed var(--gray6);
+    margin-block-start: 0;
   }
 
   li:not(:last-child) {
@@ -16,4 +17,8 @@
   p {
     font-size: inherit;
   }
+
+  &:has(+ .page-footer) > ol {
+    margin-block-end: 0;
+  }
 }

assets/css/099_page_footer.css

@@ -13,4 +13,12 @@
   :last-child {
     margin-bottom: 0;
   }
+
+  > :only-child {
+    margin-block-start: 0;
+  }
+
+  &:not(:has(.page-navigation:only-child)) > .page-navigation {
+    margin-block-start: var(--space-xl);
+  } 
 }