diff --git a/public/css/index.css b/public/css/index.css
index 032950b..0f96b80 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -93,7 +93,7 @@
 	--span-grid: 1 / span 12;
 	--color-metadata: var(--contrast-color);
 	--font-family-metadata: var(--font-family-ui);
-	--line-height-metadata: calc(var(--step--2) * 0.25 + var(--step--2));
+	--line-height-metadata: calc(var(--step--2) * 1.25);
 	--font-size-metadata: var(--step--2);
 	--letter-spacing-metadata: var(--wide-letter-spacing);
 	--text-transform-metadata: uppercase;
@@ -125,11 +125,11 @@
 	:root {
 		--color-gray-20: #253848;
 		--color-gray-90: #dad8d8;
-		--card-color: rgb(0,50,40);
+		--card-color: rgb(0, 50, 40);
 		--contrast-color: rgb(4, 196, 158);
 		--contrast-color-tint: rgb(21, 58, 56);
 		--contrast-color-translucent: rgba(4, 196, 158, 0.5);
-    --nav-footer-color: rgb(0,50,40);
+		--nav-footer-color: rgb(0, 50, 40);
 		/* --text-color is assigned to --color-gray-_ above */
 		--text-color-link: var(--text-color);
 		--background-color: rgb(24, 27, 32);
@@ -256,11 +256,11 @@ button {
 	margin-bottom: var(--space-m);
 	button {
 		margin-top: var(--space-s);
-			& svg {
-				fill: var(--background-color);
-				height: var(--space-2xs);
-				margin-right: var(--space-2xs);
-				width: var(--space-2xs);
+		& svg {
+			fill: var(--background-color);
+			height: var(--space-2xs);
+			margin-right: var(--space-2xs);
+			width: var(--space-2xs);
 		}
 	}
 	&.galleryButtons {
@@ -357,7 +357,7 @@ footer {
 	& p {
 		font-size: var(--step--1);
 		grid-column: var(--span-grid);
-		line-height: calc(var(--step--1) * 0.25 + var(--step--1));
+		line-height: calc(var(--step--1) * 1.25);
 		margin-bottom: 0;
 	}
 	& .webring {
@@ -381,7 +381,7 @@ h1 {
 		"wght" 400,
 		"SOFT" 20,
 		"WONK" 1;
-	line-height: calc(var(--step-5) * 0.25 + var(--step-5));
+	line-height: calc(var(--step-5) * 1.25);
 	padding-bottom: var(--space-l);
 	text-wrap: balance;
 }
@@ -391,7 +391,7 @@ h2 {
 	font-size: var(--step-0);
 	font-variation-settings: "wght" 450;
 	letter-spacing: var(--wide-letter-spacing);
-	line-height: calc(var(--step-0) * 0.25 + var(--step-0));
+	line-height: calc(var(--step-0) * 1.25);
 	margin-block: 0 0.5lh;
 	text-transform: uppercase;
 
@@ -402,7 +402,7 @@ h3 {
 	font-size: var(--step--1);
 	font-variation-settings: "wght" 700;
 	letter-spacing: var(--wide-letter-spacing);
-	line-height: calc(var(--step--1) * 0.5 + var(--step--1));
+	line-height: calc(var(--step--1) * 1.5);
 	text-transform: uppercase;
 	text-wrap: pretty;
 	&::before {
@@ -416,7 +416,7 @@ h4 {
 	font-size: var(--step--2);
 	font-variation-settings: "wght" 600;
 	letter-spacing: var(--wide-letter-spacing);
-	line-height: calc(var(--step--2) * 0.5 + var(--step--2));
+	line-height: calc(var(--step--2) * 1.5);
 	text-transform: uppercase;
 	text-wrap: pretty;
 }
@@ -427,7 +427,7 @@ ul:not(.taglist) {
 		color: var(--contrast-color);
 	}
 	& li {
-		line-height: calc(var(--step-1) * 0.5 + var(--step-1));
+		line-height: calc(var(--step-1) * 1.5);
 		padding-left: 0.5em;
 	}
 }
@@ -457,7 +457,7 @@ p:not(.quizQuestion, .isso-input-wrapper) {
 p,
 li {
 	font-size: var(--step-0);
-	line-height: calc(var(--step-0) * 0.5 + var(--step-0));
+	line-height: calc(var(--step-0) * 1.5);
 	text-wrap: pretty;
 }
 figure {
@@ -600,7 +600,7 @@ thead tr th:last-child {
 	> li,
 	> li > p {
 		font-size: var(--step--1);
-		line-height: calc(var(--step--1) * 0.25 + var(--step--1));
+		line-height: calc(var(--step--1) * 1.5);
 	}
 }
 .footnote-item::marker {
@@ -640,6 +640,7 @@ article > .post-image,
 
 .post-synopsis {
 	font-size: var(--step-1);
+	line-height: calc(var(--step-1) * 1.5);
 }
 
 .post-time-author,
@@ -707,7 +708,7 @@ article > .post-image,
 		font-family: var(--font-family-ui);
 		font-size: var(--step--2);
 		font-variation-settings: "wght" 400;
-		line-height: calc(var(--step--2) * 0.25 + var(--step--2));
+		line-height: calc(var(--step--2) * 1.5);
 	}
 }
 
@@ -842,7 +843,7 @@ sup {
 					font-size: var(--step--1);
 					font-variation-settings: "wght" 700;
 					letter-spacing: var(--wide-letter-spacing);
-					line-height: calc(var(--step--1) * 0.5 + var(--step--1));
+					line-height: calc(var(--step--1) * 1.5);
 					text-transform: uppercase;
 					&:before {
 						content: "";
@@ -890,7 +891,7 @@ h3.postlist-link {
 	font-size: var(--step--1);
 	font-variation-settings: "wght" 700;
 	letter-spacing: var(--wide-letter-spacing);
-	line-height: calc(var(--step--1) * 0.5 + var(--step--1));
+	line-height: calc(var(--step--1) * 1.5);
 	text-transform: uppercase;
 }
 
@@ -1058,7 +1059,7 @@ ul.taglist {
 		justify-content: center;
 		width: 100%;
 	}
-		.postlist {
+	.postlist {
 		& .postlist-item-container {
 			margin-top: var(--space-s);
 			& .postlist-item {
@@ -1094,7 +1095,6 @@ ul.taglist {
 	}
 }
 
-
 @container (width < 540px) {
 	.footerContainer {
 		& p {