fix: shrink readability score text length

static/css/in.css

@@ -34,15 +34,8 @@
   h3 {
     @apply text-3xl md:text-4xl;
   }
-  h4 {
-    @apply md:text-3xl;
-  }
-  h5 {
-    @apply text-2xl;
-  }
-  h6 {
-    @apply text-xl;
-  }
+  /*for unknown reasons, h4 must be undefined to not make it bigger than h3*/
+  /*h5-h6 are ignored by tailwind typography*/
   img {
     @apply drop-shadow-lg;
   }

static/css/out.css

@@ -682,22 +682,11 @@ h3 {
     font-size: 2.25rem;
     line-height: 2.5rem;
   }
-
-  h4 {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
 }
 
-h5 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
+/*for unknown reasons, h4 must be undefined to not make it bigger than h3*/
 
-h6 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
+/*h5-h6 are ignored by tailwind typography*/
 
 img {
   --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));

templates/article.html

@@ -35,7 +35,7 @@
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5">
                         <path d="M10.75 16.82A7.462 7.462 0 0 1 15 15.5c.71 0 1.396.098 2.046.282A.75.75 0 0 0 18 15.06v-11a.75.75 0 0 0-.546-.721A9.006 9.006 0 0 0 15 3a8.963 8.963 0 0 0-4.25 1.065V16.82ZM9.25 4.065A8.963 8.963 0 0 0 5 3c-.85 0-1.673.118-2.454.339A.75.75 0 0 0 2 4.06v11a.75.75 0 0 0 .954.721A7.506 7.506 0 0 1 5 15.5c1.579 0 3.042.487 4.25 1.32V4.065Z" />
                     </svg>
-                    &nbsp;<a href="https://en.wikipedia.org/wiki/Flesch%E2%80%93Kincaid_readability_tests" target="_blank">Flesch-Kincaid reading ease</a>:&nbsp;<abbr title="0-30: very hard, 30-50: hard, 50-70: moderate-medium, 70-100: simple">{{ article.stats['fi']|int }}</abbr>
+                    &nbsp;<a href="https://en.wikipedia.org/wiki/Flesch%E2%80%93Kincaid_readability_tests" target="_blank">Reading ease</a>:&nbsp;<abbr title="0-30: very hard, 30-50: hard, 50-70: moderate-medium, 70-100: simple">{{ article.stats['fi']|int }}</abbr>
                 </span>
             </li>
             <li>