@@ -632,29 +632,32 @@
 }
 
 /* ******* (Mobile first) Columnar series list styling *******
  */
 
-.series-list {
-    display: grid;
-    grid-template-columns: repeat(auto-fill,8em);
-    place-content: center;
+.column-list {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
 }
 
-.series-list div {
+.column-list div {
     padding-left: 0.25em; /* Keeps some italic descenders inside the box */
+    margin: 0 0.5rem;
+    text-align: left;
+    width: 8rem;
 }
 
-.series-list h2 {
+.column-list h2 {
     font-feature-settings: "smcp" on;
     text-transform: lowercase;
     font-weight: normal;
     font-size: 1em;
     margin: 0;
 }
 
-.series-list ul {
+.column-list ul {
     margin-top: 0;
     list-style-type: none;
     padding: 0;
 }
 
@@ -684,10 +687,20 @@
 
 #keywordindex ul ul {
     margin-left: 0.5em;
     font-size: smaller;
 }
+
+/* Footer ***** */
+
+footer#main {
+  text-align: center;
+  margin-top: ◊x-lineheight[1];
+  padding-top: ◊x-lineheight[1];
+  background: #dedede;
+  border-top: dotted ◊color-bodytext 2px;
+}
 
 /* End of mobile-first typography and layout */
 
 
 /* Here’s where we start getting funky for any viewport wider than mobile portrait.