Reorganize series page list and series summary card class names

- Use namespaced class names to prevent accidental name collisions in
  the future
- Clean up whatever the hell I was doing with the flex config on the
  outer series list. I have no clue why it's set up as a wrapping row,
  or what the border radius is for. It seems to look the same if I just
  make it a page-list that gets its gap overridden.
- Remove page.series wrapper around the summary card render which was
  accidentally left in after 8eb343132c6b57f692f87a72a5aca1bc9c563d1b.

assets/css/bobastyle.css

@@ -589,17 +589,11 @@ figcaption {
 
 /* Series list layout {{{ */
 
-.page-list.series {
-  display: flex;
+.page-list--series {
   gap: 80px;
-  flex-flow: row wrap;
-  list-style: none;
-  color: var(--text-0);
-  padding: 8px;
-  border-radius: 16px;
 }
 
-.page-list.series-inner {
+.page-list--series-inner {
   gap: 10px;
   flex-direction: row;
   flex-flow: row wrap;
@@ -608,7 +602,7 @@ figcaption {
   padding: 8px;
   border-radius: 16px;
 }
-.page-list.series-inner > .summary-card {
+.page-list--series-inner > .summary-card {
   flex: 1;
   min-width: 49%;
 }

layouts/series/summary.html

@@ -13,7 +13,7 @@
         </div>
     {{ end }}
 
-    <div class="page-list series-inner">
+    <div class="page-list page-list--series-inner">
         {{ range .Data.Pages.Reverse }}
             {{ .Render "summary" }}
         {{ end }}

layouts/series/taxonomy.html

@@ -10,12 +10,10 @@
         {{ . }}
     {{ end }}
 
-    <div class="page-list series">
+    <div class="page-list page-list--series">
         {{ with .Paginator.Pages }}
             {{ range . }}
-                <div class="page series">
-                    {{ .Render "summary" }}
-                </div>
+                {{ .Render "summary" }}
             {{ end }}
         {{ else }}
             <div>