diff --git a/_layouts/post.liquid b/_layouts/post.liquid
index d827240e..4363c293 100644
--- a/_layouts/post.liquid
+++ b/_layouts/post.liquid
@@ -165,11 +165,19 @@ layout: default
     {% if page.notebook %}
         <style>
             #markdown-content {
-                font-size: 1.1rem !important;
-                line-height: 1.4 !important;
+                max-width: 66ch;
+                font-size: 1.125rem !important;
+                line-height: 1.76 !important;
+            }
+            @media (max-width: 768px) {
+                #markdown-content {
+                    max-width: 100%;
+                    font-size: 1.04rem !important;
+                    line-height: 1.72 !important;
+                }
             }
             .container.mt-5 {
-                max-width: 600px !important;
+                max-width: 760px !important;
             }
         </style>
     {% endif %}
@@ -177,7 +185,7 @@ layout: default
     {% if page.text_note %}
         <style>
             .container.mt-5 {
-                max-width: 550px !important;
+                max-width: 700px !important;
             }
         </style>
     {% endif %}
diff --git a/_sass/_base.scss b/_sass/_base.scss
index f531cd07..bac8e4b7 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -1047,12 +1047,48 @@ html.transition *:after {
 }
 
 #markdown-content {
-    font-size: 1.18rem !important;
-    line-height: 1.7 !important;
+    max-width: 68ch;
+    margin-left: auto;
+    margin-right: auto;
+    font-size: 1.1875rem !important;
+    line-height: 1.8 !important;
+
+    p,
+    ul,
+    ol,
+    blockquote {
+        margin-bottom: 1.35rem;
+    }
+
+    li {
+        margin-bottom: 0.5rem;
+    }
+
+    h2,
+    h3,
+    h4 {
+        margin-top: 2.2rem;
+        margin-bottom: 0.9rem;
+    }
 
     @media (max-width: 768px) {
-        font-size: 1.075rem !important;
-        line-height: 1.6 !important;
+        max-width: 100%;
+        font-size: 1.0625rem !important;
+        line-height: 1.75 !important;
+
+        p,
+        ul,
+        ol,
+        blockquote {
+            margin-bottom: 1.2rem;
+        }
+
+        h2,
+        h3,
+        h4 {
+            margin-top: 1.9rem;
+            margin-bottom: 0.8rem;
+        }
     }
 }