Index: web-extra/martin.css.pp
==================================================================
--- web-extra/martin.css.pp
+++ web-extra/martin.css.pp
@@ -280,17 +280,10 @@
         font-feature-settings: "smcp" off, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
         font-style: italic;
         text-transform: none;
     }
 
-    /* I want my *title* permlinks not to be green or underlined. Just your basic raven black, dark green on hover.
-
-       Normally with links, you _don’t_ want to rely on hovers to differentiate them, because there’s no way
-       to “hover” a link with your finger when using a smartphone. But these are titles. Everyone knows titles
-       are clickable. But we’ll also put a little green leaf glyph in the margin to help people figure it out.
-    */
-
     /* `a.rel-bookmark` is only used in individual article or ‘journal’ views, 
         not in listings; see the design docs.
     */
     a.rel-bookmark:link,        /* Lord  */
     a.rel-bookmark:visited {    /* Vader */
@@ -635,11 +628,38 @@
     }
 
     div.article-list-title {
         font-size: 1.2rem;
     }
-    
+
+    /* ******* (Mobile first) Columnar series list styling *******
+     */
+
+    .series-list {
+        column-width: 9rem;
+    }
+
+    .series-list div {
+        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
+        page-break-inside: avoid; /* Firefox */
+        break-inside: avoid; /* IE 10+ */
+    }
+
+    .series-list h2 {
+        font-feature-settings: "smcp" on;
+        text-transform: lowercase;
+        font-weight: normal;
+        font-size: 1em;
+        margin: 0;
+    }
+
+    .series-list ul {
+        margin-top: 0;
+        list-style-type: none;
+        padding: 0;
+    }
+
     /* ******* (Mobile first) Keyword Index styling *******
      */
 
     #keywordindex {
         column-width: 7rem;