fix: headings hierarchy, font sizes, optimize sizes for breakpoints

templates/categories.html

@@ -4,8 +4,8 @@
 
 {% block content %}
 <div class="md:text-base lg:text-lg">
-    <h2>Categories</h2>
-    <ul>
+    <h2>Blog categories</h2>
+    <ul class="hyphens-auto">
         {% for category, articles in categories|sort %}
             <li><a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a> ({{ articles|count }})</li>
         {% endfor %}