More accurately target sections that require alt hx styling

Author: DavidOliver

assets/css/_html.css

@@ -25,7 +25,7 @@
 @import "keyboard-shortcuts.css";
 @import "quick-switch.css";
 @import "autocomplete.css";
-@import "tooltips.css";
+@import "tooltips.css"; /* must remain below functions */
 @import "copy-button.css";
 @import "settings.css";
 @import "toast.css";

assets/css/content/functions.css

@@ -25,12 +25,14 @@
   position: relative;
 }
 
+/* !important used in order to beat main heading styles (which use #id selectors),
+in both HTML and ePub. */
 .content-inner .detail-header .signature {
   font-family: var(--monoFontFamily);
-  font-size: 13px;
   font-weight: 700;
-  line-height: 2em;
-  margin: 0;
+  font-size: 13px !important;
+  line-height: 2em !important;
+  margin: 0 !important;
 }
 
 .content-inner .detail-header:hover a.detail-link,

assets/css/content/general.css

@@ -70,21 +70,25 @@
   font-weight: 400;
 }
 
+/* Headings
+Summary, Callbacks and Functions sections output h1 and h2,
+which we style as h2 and h3. */
+
 .content-inner {
   & h1 {
     font-size: 2rem;
     margin-top: 1.75em;
   }
 
   & h2,
-  & #summary h1,
-  & .details-list h1 {
+  & :is(#summary, #callbacks, #functions) h1 {
     font-size: 1.75rem;
     margin-top: 1.5em;
+    margin-bottom: 0.5em;
   }
 
   & h3,
-  & .summary h2 {
+  & :is(#summary, #callbacks, #functions) h2 {
     font-size: 1.45rem;
     margin-top: 1.5em;
     margin-bottom: 0.5em;

assets/css/tooltips.css

@@ -33,11 +33,12 @@ as it has absolute positioning, so doesn't impact the layout and click events pa
   overflow: auto;
 }
 
+/* !important used in order to beat main heading and functions signature styles. */
 .tooltip .tooltip-body .signature {
   min-width: 320px;
   width: 100%;
-  line-height: 1em;
-  margin: .75em 0;
+  line-height: 1em !important;
+  margin: .75em 0 !important;
 }
 
 .tooltip .tooltip-body .detail-header {