Tweak line height

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;
@@ -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;
 }
 
@@ -1094,7 +1095,6 @@ ul.taglist {
 	}
 }
 
-
 @container (width < 540px) {
 	.footerContainer {
 		& p {