Tweak syndication page layout

Vertically flow content and clean up card header white spacing.

public_html/css/hpr.css

@@ -283,8 +283,9 @@ article > p,
 	flex-wrap: wrap;
 	gap: 1.0rem;
 	justify-content: space-around;
-	justify-items: space-around;
-
+}
+.lane.syndication {
+	flex-direction: column;
 }
 #podcast_lane > .lane,
 #project_lane > .lane,
@@ -327,6 +328,14 @@ article > p,
 .lane > article > header a:hover {
 	color: var(--link-secondary-hover);
 }
+.lane.syndication > article > header * {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+.lane.syndication > article > header p {
+	font-size: var(--default-header-4-font-size);
+	margin-left: 22px;
+}
 a.lane-button {
 	display: flex;
 	flex-direction: column;

templates/content-syndication.tpl.html

@@ -3,7 +3,7 @@
   <p>
   Great that you want to listen. Have a look below at the feeds that best suite your listening habits.
   </p>
-  <div class="lane">
+  <div class="lane syndication">
   <article>
   <header>
 	<hgroup>
@@ -78,7 +78,7 @@
 <div>
 <hr class="no-css">
 <h1>Other Download Options</h1>
-<div class="lane">
+<div class="lane syndication">
 <article>
   <header>
     <h2>Site Replication Sources</h2>