From 48708272c313e4aca66a5b5e8c92dd6ac779a558 Mon Sep 17 00:00:00 2001
From: Dennis Fink
Date: Sat, 8 Aug 2026 19:24:10 +0200
Subject: Add lower-level heading styles

This adds explicit styles for h4, h5, and h6, giving deeper article
headings their own size, weight, colour, spacing, and line-height rules.

The new rules keep lower-level headings visually distinct while matching the
recent line-height improvements for the main headings.
---
 assets/static/css/style.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'assets')

diff --git a/assets/static/css/style.css b/assets/static/css/style.css
index 0a05435..0905159 100644
--- a/assets/static/css/style.css
+++ b/assets/static/css/style.css
@@ -203,6 +203,33 @@ h3 {
   margin: 1rem 0;
 }
 
+h4 {
+  font-size: clamp(1.2rem, 2vw, 1.5rem);
+  font-style: italic;
+  font-weight: 300;
+  line-height: 1.2;
+  margin: 1rem 0;
+  color: var(--green);
+}
+
+h5 {
+  font-size: clamp(1.2rem, 1.5vw, 1.3rem);
+  font-style: italic;
+  font-weight: 200;
+  line-height: 1.2;
+  margin: 1rem 0;
+  color: var(--blue);
+}
+
+h6 {
+  font-size: clamp(1.2rem, 1.2vw, 1.2rem);
+  font-style: italic;
+  font-weight: 200;
+  line-height: 1.2;
+  margin: 1rem 0;
+  color: var(--magenta);
+}
+
 /* --- Body text --- */
 p {
   font-size: clamp(1rem, 1.5vw, 1.4rem);
-- 
cgit v1.3.1