Better differentiate headings/sections in top/extra content

Author: DavidOliver

assets/css/content/general.css

@@ -90,6 +90,34 @@
   margin: 1em 0 0.5em;
 }
 
+:is(.page-module, .page-extra) .content-inner #top-content {
+  & > h2.section-heading {
+    font-size: 1.75rem;
+    padding-top: 0;
+    margin-top: 1.75em;
+  }
+
+  & > h3.section-heading {
+    font-size: 1.45rem;
+    margin-top: 1.5em;
+    margin-bottom: 0.5em;
+  }
+
+  & > :is(h4, h5, h6) {
+    font-size: 1.15rem;
+    margin-top: 1.25em;
+    margin-bottom: 0.5em;
+  }
+
+  & > :is(h5, h6) {
+    font-weight: normal;
+  }
+
+  & > h6 {
+    font-size: 1rem;
+  }
+}
+
 .content-inner li + li {
   margin-top: 0.25em;
 }