Create single column card stack view

Apply to comments viewer, syndication, series, and series episodes pages.

public_html/css/hpr.css

@@ -301,8 +301,12 @@ article > p,
 	gap: 1.0rem;
 	justify-content: space-around;
 }
-.lane.syndication {
+.lane.stack {
 	flex-direction: column;
+	justify-content: flex-start;
+}
+.lane.stack > * {
+	flex: 1 0 100%;
 }
 #podcast_lane > .lane,
 #project_lane > .lane,
@@ -331,7 +335,8 @@ article > p,
 	margin-left: 1rem;
 	margin-right: 1rem;
 }
-.lane > article > header {
+.lane > article > header,
+.lane > article > h3 {
 	background: var(--background-secondary);
 	padding: 1.5rem 1rem 1rem 1rem;
 	margin: 0;
@@ -339,17 +344,19 @@ article > p,
 	font-size: 1.45rem;
 	color: var(--background-primary);
 }
-.lane > article > header a {
+.lane > article > header a,
+.lane > article > h3 a {
 	color: var(--link-secondary);
 }
-.lane > article > header a:hover {
+.lane > article > header a:hover,
+.lane > article > h3:hover {
 	color: var(--link-secondary-hover);
 }
-.lane.syndication > article > header * {
+.lane.stack> * > header * {
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.lane.syndication > article > header p {
+.lane.stack > * > header p {
 	font-size: var(--default-header-4-font-size);
 	margin-left: 22px;
 }
@@ -542,6 +549,14 @@ fieldset > table td input[type="radio"] {
 #tags .index-link {
 	text-align: right;
 }
+#comments > article > .show-meta {
+	font-size: smaller;
+}
+.series-description {
+	margin: 0;
+	padding: 0;
+	font-style: italic;
+}
 .sr-only {
 	position: absolute;
 	width: 1px;
@@ -633,19 +648,11 @@ fieldset > table td input[type="radio"] {
 	body > main {
 		padding: 0.25rem 2rem;
 	}
-	.lane > article {
-		max-height: 40vw;
-		overflow-y: scroll
-	}
 	#latest_lane.lane section > ul {
 		margin: 0.5rem 3rem 0 1rem;	
 	}
 }
 @media (min-width: 900px) {
-	.lane > article {
-		flex-basis: 32%;
-		max-width: 32%;
-	}
 	#podcast_lane > .lane,
 	#project_lane > .lane {
 		justify-content: flex-start;