Handle styles for a panel subtitle

scss/elements/_panels.scss

@@ -43,4 +43,12 @@
       padding: 0 ($gap * 4);
     }
   }
+
+  .panel__heading {
+    margin: ($gap * 2) 0;
+
+    h1, h2, h3, h4, h5, h6 {
+      margin: 0;
+    }
+  }
 }

scss/elements/_typography.scss

@@ -4,7 +4,7 @@
  * @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_typography.scss
  */
 
-* {
+ * {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
@@ -17,6 +17,11 @@ p {
 h1, h2, h3, h4, h5, h6 {
   font-family: $font-sans;
   margin: ($gap * 2) 0;
+
+  + .subtitle * {
+    margin-top: 0;
+  }
+
 }
 
 a,
@@ -36,3 +41,7 @@ dt {
   display: inline;
   font-weight: bold;
 }
+
+.subtitle {
+  color: $color-gray;
+}