Huge readability improvements

templates/css/compute-c23f91.webflow.css

@@ -1,6 +1,7 @@
 :root {
   --white: white;
   --black: black;
+  --gap: calc(1rem * 18 / 16);
 }
 
 .w-layout-vflex {
@@ -47,10 +48,35 @@ article {
   display: flex;
   flex-direction: column;
   align-items: center;
+  margin: 25px;
+  gap: var(--gap);
 }
 
-article>* {
+.content section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--gap);
+  word-wrap: break-word;
+  margin-top: calc(2 * var(--gap));
+  margin-bottom: 0;
+}
+
+.content img {
+  margin: var(--gap) 0;
+}
+
+.content ul,
+.content ol {
+  display: flex;
+  flex-direction: column;
+  padding: 0 0 0 2em;
+}
+
+
+.content * {
   line-height: 1.5;
+  margin: 0 0;
+  padding: 0 0;
 }
 
 h1 {
@@ -60,8 +86,6 @@ h1 {
 }
 
 p {
-  margin-bottom: 10px;
-  margin-top: 10px;
   font-size: 18px;
 }