✨ sections

static/css/style.css

@@ -468,6 +468,25 @@ main {
     margin-top: var(--space-md);
 }
 
+/* Section Headers for Archive */
+.section-header {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-lg);
+    padding-bottom: var(--space-sm);
+    border-bottom: var(--border-width-thin) solid var(--border-color);
+}
+
+.section-header:first-child {
+    margin-top: 0;
+}
+
+.section-header h2 {
+    color: var(--color-text);
+    font-size: var(--font-size-xl);
+    text-transform: uppercase;
+    letter-spacing: var(--letter-spacing-tight);
+}
+
 .archive-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(var(--archive-grid-min), 1fr));