diff --git a/unified.test.hugo/assets/styles/common/content.scss b/unified.test.hugo/assets/styles/common/content.scss
index 82a3d87..cc60ec1 100644
--- a/unified.test.hugo/assets/styles/common/content.scss
+++ b/unified.test.hugo/assets/styles/common/content.scss
@@ -80,7 +80,7 @@
 	}
 	ul {list-style: disc;}
 	ol {list-style: decimal;}
-	li {margin-block-end: 1em; line-height: 1.4; margin-inline-start: 1em;}
+	li {margin-block-end: 1em; line-height: 2; margin-inline-start: 1em;}
 	dl {margin-block: 1em; line-height: 1.4;}
 	dt {font-weight: 700;}
 	dd {margin-inline-start: 1em;}
@@ -99,10 +99,12 @@
 	}
 	pre {
 		font-family: monospace;
+		font-size: 1rem;
 		padding: 1em;
 		line-height: 1.4;
-		overflow-inline: auto;
-		white-space: pre;
+		overflow: auto;
+		white-space: pre-wrap;
+		word-wrap: break-word;
 		display: grid;
 		tab-size: 3;
 		margin-block-end: 1em;
@@ -112,6 +114,7 @@
 		background: var(--ui-overlay);
 		color: var(--ui-overlay-text);
 		padding: 0.25rem;
+		font-size: 1rem;
 	}
 	:not(.highlight) > pre {
 		line-height: 1.5;
diff --git a/unified.test.hugo/assets/styles/features/syntax-highlighting.scss b/unified.test.hugo/assets/styles/features/syntax-highlighting.scss
index 32b14fa..1fe4fff 100644
--- a/unified.test.hugo/assets/styles/features/syntax-highlighting.scss
+++ b/unified.test.hugo/assets/styles/features/syntax-highlighting.scss
@@ -31,9 +31,9 @@
 /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
 /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
 /* LineHighlight */ .chroma .hl { background-color: var(--highlight) }
-/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
-/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
-/* Line */ .chroma .line { display: flex; white-space: pre }
+/* LineNumbersTable */ .chroma .lnt { white-space: pre-wrap; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* LineNumbers */ .chroma .ln { white-space: pre-wrap; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* Line */ .chroma .line { display: flex; white-space: pre-wrap }
 /* Keyword */ .chroma .k { color: var(--keyword); font-weight: bold }
 /* KeywordConstant */ .chroma .kc { color: var(--keyword); font-weight: bold }
 /* KeywordDeclaration */ .chroma .kd { color: var(--keyword); font-weight: bold }