Rename feature-figure.html to featured-media and combine CSS with figures

- Rename feature-figure.html and its class from post-media to
  featured-media
- Move all <figure> formatting to a separate section
- Put the .featured-media CSS next to the rest of the figure formatting
  as it's sorta a special case of regular figure

assets/css/bobastyle.css

@@ -174,30 +174,6 @@ video {
   max-width: 100%;
 }
 
-figure > .figure-media {
-  padding: 5px;
-}
-
-figure > .figure-media.border {
-  border: 2px solid var(--figure-border);
-}
-
-.post-media > figure > .figure-media {
-  border: 7px solid var(--figure-border);
-}
-
-figure {
-  display: block;
-  text-align: center;
-  margin: 0;
-}
-
-figcaption {
-  font-style: italic;
-  font-size: small;
-  text-align: center;
-}
-
 a {
   color: var(--link-0);
   text-decoration: inherit;
@@ -495,9 +471,7 @@ body {
   content: ",";
 }
 
-.post-media {
+/* for formatting of the featured image/media, see the .featured-media class */
-  margin-top: 15px;
-}
 
 .summary-card-description {
   margin-top: 10px;
@@ -509,6 +483,37 @@ body {
 
 /* }}} */
 
+/* Figures, and featured media component (used in page.html and summary-card) {{{ */
+
+figure > .figure-media {
+  padding: 5px;
+}
+
+figure > .figure-media.border {
+  border: 2px solid var(--figure-border);
+}
+
+figure {
+  display: block;
+  text-align: center;
+  margin: 0;
+}
+
+figcaption {
+  font-style: italic;
+  font-size: small;
+  text-align: center;
+}
+
+.featured-media {
+  margin-top: 15px;
+}
+.featured-media > figure > .figure-media {
+  border: 7px solid var(--figure-border);
+}
+
+/* }}} */
+
 /* List layout {{{ */
 
 .page-list {

layouts/_partials/featured-media.html

@@ -1,5 +1,5 @@
 {{ with .Resources.Get "feature" }}
-    <div class="post-media">
+    <div class="featured-media">
         <figure>
             {{ partial "embed-resource.html" . }}
             {{ with .Title }}

layouts/page.html

@@ -23,7 +23,7 @@
             </div>
         {{ end }}
 
-        {{ partial "feature-figure.html" . }}
+        {{ partial "featured-media.html" . }}
 
         <div class="post-content" data-pagefind-body>
             {{ .Content }}

layouts/summary.html

@@ -7,7 +7,7 @@
 
     {{ partial "page-metadata/post-short.html" . }}
 
-    {{ partial "feature-figure.html" . }}
+    {{ partial "featured-media.html" . }}
 
     {{ with .Summary }}
         <div class="summary-card-description">