Use horizontal layout for page navigation links

public_html/css/hpr.css

@@ -766,6 +766,11 @@ fieldset > table td input[type="radio"] {
     border: 1px solid #ddd;
 	padding: 0.1em 0;
 }
+nav > ul > li::marker {
+	content: "✽ ";
+	font-size: 1.05rem;
+	color: var(--background-secondary);
+}
 nav.episodes {
 	color: var(--background-primary);
 	font-size: 0.9em;
@@ -913,6 +918,17 @@ nav.episodes span a:hover svg #bar {
 	#host {
 		gap: 2rem;
 	}
+	nav > ul {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		flex-flow: wrap;
+		gap: 0.5rem 1rem;
+	}
+	nav > ul > li {
+		flex: 1 0 max-content;
+		max-width: 50%;
+	}
 	nav.episodes {
 		display: inline-block;
 	}