fix layout

src/style.css

@@ -1,4 +1,4 @@
-/* Bibi Style, 2024-03-13 */
+/* Bibi Style, 2024-06-13 */
 html, body,
 h1, h2, h3, h4, h5, h6,
 blockquote, p, pre,
@@ -6,7 +6,7 @@ dl, dt, dd, ol, ul, li,
 cite, code, em, kbd, samp, strong, var,
 a, img
 	{
-	border: 0 solid #7d7d7d;
+	border: 0 solid #808080;
 	font-size: 100%;
 	font-style: normal;
 	font-weight: inherit;
@@ -18,22 +18,21 @@ body
 	{
 	background: #332d2b;
 	color: #fff;
-	line-height: 150%;
+	line-height: 1.5;
 	padding: 0.125em 1.5em 1.5em;
 	}
 
 h1, h2, h3, h4, h5, h6
 	{
-	color: #bce2e8;
+	font-size: 125%;
 	font-weight: bold;
-	margin: 0 0 1em;
+	margin: 0 0 0.8em;
 	}
 
 h1
 	{
 	border-width: 0 0 thin;
 	font-size: 200%;
-	line-height: 150%;
 	margin: 0 0 0.5em;
 	text-align: center;
 	}
@@ -41,25 +40,25 @@ h1
 h2
 	{
 	border-width: thin 0;
-	padding-left: 0.25em;
+	padding-left: 0.2em;
 	}
 
 h3
 	{
 	border-width: 0 0 thin;
-	padding: 0.5em 0 0 0.25em;
+	padding-left: 0.2em;
 	}
 
 h4
 	{
 	border-width: thin 0 0 thin;
-	margin-left: 0.25em;
-	padding-left: 0.25em;
+	margin-left: 0.2em;
+	padding-left: 0.2em;
 	}
 
 h5, h6
 	{
-	margin-left: 1em;
+	margin-left: 0.8em;
 	}
 
 h5
@@ -72,9 +71,20 @@ dl, ol, p, pre, ul
 	margin: 0 0 1em;
 	}
 
+dl, pre
+	{
+	display: block; /* Dillo (dl) */
+	padding-left: 1em;
+	}
+
+dd pre
+	{
+	padding-left: 0;
+	}
+
 blockquote
 	{
-	border-left: medium solid #aacf53;
+	border-width: 0 0 0 thick;
 	margin-left: 1em;
 	padding-left: 0.5em;
 	}
@@ -84,7 +94,7 @@ p
 	text-indent: 1em;
 	}
 
-dt, dd
+dt
 	{
 	margin: 0 0 0.125em;
 	}
@@ -92,7 +102,7 @@ dt, dd
 dd
 	{
 	border-width: 0 0 0 thin;
-	margin-left: 2em;
+	margin: 0 0 0.25em 1em;
 	padding-left: 0.5em;
 	}
 
@@ -111,16 +121,11 @@ em, strong, var
 	color: #f5b1aa;
 	}
 
-dt, em, strong
+cite, dt, em, strong
 	{
 	font-weight: bold;
 	}
 
-cite
-	{
-	color: #aacf53;
-	}
-
 code, kbd, pre, samp
 	{
 	font-size: 1rem; /* Webkit */