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.

1 files changed, 27 insertions, 0 deletions

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);