update

dist/style.css

@@ -197,10 +197,6 @@ toggle-icon.collapsed {
     margin-top: 0;
 }
 
-d-article {
-    font-size: 1.04em;
-}
-
 @media (min-width: 1200px) {
     d-article {
         /* Ensure d-article does not prevent sticky positioning */
@@ -389,14 +385,15 @@ d-contents nav > ul > li > a:hover {
     margin: 0;
     color: #444444;
     font-weight: 600;
-    font-size: 12px;
+    font-size: 1em;
 }
 
 .note-box-content {
     margin-top: 0.5rem;
     margin-bottom: 0;  /* Ensure no bottom margin */
     color: #24292f;
-    font-size: 12px;
+    font-size: 0.9em;
+    line-height: 1.5em;
 }
 
 /* For dark mode support */
@@ -413,6 +410,10 @@ d-contents nav > ul > li > a:hover {
     }
 }
 
+d-article {
+    font-size: 1.0em;
+}
+
 d-code {
     font-size: 12px;
 }

src/style.css

@@ -197,10 +197,6 @@ toggle-icon.collapsed {
     margin-top: 0;
 }
 
-d-article {
-    font-size: 1.04em;
-}
-
 @media (min-width: 1200px) {
     d-article {
         /* Ensure d-article does not prevent sticky positioning */
@@ -389,14 +385,15 @@ d-contents nav > ul > li > a:hover {
     margin: 0;
     color: #444444;
     font-weight: 600;
-    font-size: 12px;
+    font-size: 1em;
 }
 
 .note-box-content {
     margin-top: 0.5rem;
     margin-bottom: 0;  /* Ensure no bottom margin */
     color: #24292f;
-    font-size: 12px;
+    font-size: 0.9em;
+    line-height: 1.5em;
 }
 
 /* For dark mode support */
@@ -413,6 +410,10 @@ d-contents nav > ul > li > a:hover {
     }
 }
 
+d-article {
+    font-size: 1.0em;
+}
+
 d-code {
     font-size: 12px;
 }