typography style updates; sort rss by publish date

extras/typography/compact.css

@@ -76,3 +76,11 @@ dd + dt {
 figcaption {
 	margin-block-start: 1.5rem;
 }
+
+
+
+/* ===== Pre-formatted Blocks ===== */
+
+pre {
+	margin-block: 1.5rem;
+}

extras/typography/general.css

@@ -80,6 +80,14 @@ p {
 
 
 
+/* ===== Inline Styles ===== */
+
+del {
+	text-decoration: line-through;
+}
+
+
+
 
 /* ===== Links ===== */
 
@@ -111,6 +119,10 @@ a.icon-link svg.icon {
 	--icon-size: 1rem;
 }
 
+del a {
+	text-decoration: line-through underline;
+}
+
 
 
 
@@ -255,8 +267,8 @@ table dl {
 pre {
 	color: var(--theme-code-normal);
 	font-family: var(--font-monospace);
-	margin-block: 3rem;
-	margin-inline: 2rem;
+	margin-inline-start: 1rem;
+	margin-inline-end: 5rem;
 	padding-block: 0.5rem;
 	padding-inline: 1rem;
 	border: 0.1rem solid var(--theme-line);
@@ -266,6 +278,12 @@ pre {
 	background: var(--theme-bg-light);
 }
 
+@media screen and (max-width: 60rem) {
+	pre {
+		margin-inline: 0;
+	}
+}
+
 
 
 
@@ -280,8 +298,11 @@ code, samp {
 :not(pre) > :is(code, samp) {
 	color: inherit;
 	background: var(--theme-bg-light);
+	margin-inline: 0.15rem;
+	padding-block: 0.1rem;
 	padding-inline: 0.25rem;
 	border: 0.1rem solid var(--theme-line);
+	border-radius: 0.2rem;
 }
 
 

extras/typography/spacious.css

@@ -75,3 +75,11 @@ dd + dt {
 figcaption {
 	margin-block-start: 2rem;
 }
+
+
+
+/* ===== Pre-formatted Blocks ===== */
+
+pre {
+	margin-block: 2rem;
+}