From 79b6b85a94b3bf34aec041074dc8e3c82c3a6eda Mon Sep 17 00:00:00 2001
From: Ludo <ludo@trentuna.com>
Date: Sat, 11 Apr 2026 15:30:37 +0200
Subject: [PATCH] =?UTF-8?q?refactor:=20CSS=20task=2010=20=E2=80=94=20final?=
 =?UTF-8?q?=20layer=20numbering,=20merge=20essay=20into=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Rename all layers to target numbering scheme:
  02-typography, 05-components, 07-data-attrs, 08-utilities,
  09-charts, 10-chroma, 11-layout, 12-landing

Merge 08a-essay.css into 11-layout.css.
13 clean layers, 00 through 12.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../{02-semantic.css => 02-typography.css}    |  0
 .../{03-components.css => 05-components.css}  |  0
 .../{04-data-attrs.css => 07-data-attrs.css}  |  0
 .../{05-utilities.css => 08-utilities.css}    |  0
 src/layers/08a-essay.css                      | 84 ------------------
 src/layers/{06-charts.css => 09-charts.css}   |  0
 src/layers/{07-chroma.css => 10-chroma.css}   |  0
 src/layers/{08-layout.css => 11-layout.css}   | 85 +++++++++++++++++++
 src/layers/{09-landing.css => 12-landing.css} |  0
 src/main.css                                  | 17 ++--
 10 files changed, 93 insertions(+), 93 deletions(-)
 rename src/layers/{02-semantic.css => 02-typography.css} (100%)
 rename src/layers/{03-components.css => 05-components.css} (100%)
 rename src/layers/{04-data-attrs.css => 07-data-attrs.css} (100%)
 rename src/layers/{05-utilities.css => 08-utilities.css} (100%)
 delete mode 100644 src/layers/08a-essay.css
 rename src/layers/{06-charts.css => 09-charts.css} (100%)
 rename src/layers/{07-chroma.css => 10-chroma.css} (100%)
 rename src/layers/{08-layout.css => 11-layout.css} (81%)
 rename src/layers/{09-landing.css => 12-landing.css} (100%)

diff --git a/src/layers/02-semantic.css b/src/layers/02-typography.css
similarity index 100%
rename from src/layers/02-semantic.css
rename to src/layers/02-typography.css
diff --git a/src/layers/03-components.css b/src/layers/05-components.css
similarity index 100%
rename from src/layers/03-components.css
rename to src/layers/05-components.css
diff --git a/src/layers/04-data-attrs.css b/src/layers/07-data-attrs.css
similarity index 100%
rename from src/layers/04-data-attrs.css
rename to src/layers/07-data-attrs.css
diff --git a/src/layers/05-utilities.css b/src/layers/08-utilities.css
similarity index 100%
rename from src/layers/05-utilities.css
rename to src/layers/08-utilities.css
diff --git a/src/layers/08a-essay.css b/src/layers/08a-essay.css
deleted file mode 100644
index d2e884e..0000000
--- a/src/layers/08a-essay.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * 08-paper.css
- * Long-form research / essay content type — article[data-paper]
- * Promoted from lab/hugo-demo paper/single.html inline <style> block.
- * Part of: Agentic Semantic Web
- */
-
-/* ── Reading column ─────────────────────────────────────────────────── */
-
-article[data-paper] {
-  max-width: 68ch;
-  margin-inline: auto;
-}
-
-/* ── Centred masthead ───────────────────────────────────────────────── */
-
-article[data-paper] > header {
-  text-align: center;
-  padding-bottom: var(--space-6);
-  margin-bottom: var(--space-6);
-  border-bottom: var(--border-width) solid var(--border-subtle);
-}
-
-article[data-paper] > header h1 {
-  font-size: clamp(1.6rem, 4vw, 2.4rem);
-  font-weight: var(--weight-light);
-  letter-spacing: -0.02em;
-  line-height: 1.15;
-  margin-bottom: var(--space-4);
-}
-
-/* ── Abstract / description ─────────────────────────────────────────── */
-
-article[data-paper] > header [data-abstract] {
-  font-size: var(--text-base);
-  color: var(--text-2);
-  max-width: 52ch;
-  margin-inline: auto;
-  margin-bottom: var(--space-4);
-  line-height: var(--leading);
-  font-style: italic;
-}
-
-/* ── Byline ─────────────────────────────────────────────────────────── */
-
-article[data-paper] > header [data-byline] {
-  font-size: var(--text-sm);
-  color: var(--text-3);
-  font-family: var(--font-mono);
-  margin-bottom: var(--space-3);
-}
-
-article[data-paper] > header [data-byline] time {
-  font-variant-numeric: tabular-nums;
-}
-
-/* ── Tags beneath byline ────────────────────────────────────────────── */
-
-article[data-paper] > header nav[data-role="tag-cloud"] {
-  justify-content: center;
-  margin-top: var(--space-3);
-  margin-bottom: 0;
-}
-
-/* ── Footer prev/next ───────────────────────────────────────────────── */
-
-article[data-paper] > footer {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--space-4);
-  margin-top: var(--space-8);
-  padding-top: var(--space-5);
-  border-top: var(--border-width) solid var(--border-subtle);
-  font-size: var(--text-sm);
-}
-
-article[data-paper] > footer a {
-  color: var(--text-2);
-  text-decoration: none;
-}
-
-article[data-paper] > footer a:hover {
-  color: var(--text);
-}
diff --git a/src/layers/06-charts.css b/src/layers/09-charts.css
similarity index 100%
rename from src/layers/06-charts.css
rename to src/layers/09-charts.css
diff --git a/src/layers/07-chroma.css b/src/layers/10-chroma.css
similarity index 100%
rename from src/layers/07-chroma.css
rename to src/layers/10-chroma.css
diff --git a/src/layers/08-layout.css b/src/layers/11-layout.css
similarity index 81%
rename from src/layers/08-layout.css
rename to src/layers/11-layout.css
index 17e362d..f65f4f6 100644
--- a/src/layers/08-layout.css
+++ b/src/layers/11-layout.css
@@ -498,3 +498,88 @@ article[data-layout="prose"],
     display: none !important;
   }
 }
+
+
+/* ══════════════════════════════════════════════════════════════════════════
+   Essay / Paper layout — article[data-paper]
+   Long-form research content with centred masthead.
+   (Merged from 08a-essay.css)
+   ══════════════════════════════════════════════════════════════════════════ */
+
+/* ── Reading column ─────────────────────────────────────────────────── */
+
+article[data-paper] {
+  max-width: 68ch;
+  margin-inline: auto;
+}
+
+/* ── Centred masthead ───────────────────────────────────────────────── */
+
+article[data-paper] > header {
+  text-align: center;
+  padding-bottom: var(--space-6);
+  margin-bottom: var(--space-6);
+  border-bottom: var(--border-width) solid var(--border-subtle);
+}
+
+article[data-paper] > header h1 {
+  font-size: clamp(1.6rem, 4vw, 2.4rem);
+  font-weight: var(--weight-light);
+  letter-spacing: -0.02em;
+  line-height: 1.15;
+  margin-bottom: var(--space-4);
+}
+
+/* ── Abstract / description ─────────────────────────────────────────── */
+
+article[data-paper] > header [data-abstract] {
+  font-size: var(--text-base);
+  color: var(--text-2);
+  max-width: 52ch;
+  margin-inline: auto;
+  margin-bottom: var(--space-4);
+  line-height: var(--leading);
+  font-style: italic;
+}
+
+/* ── Byline ─────────────────────────────────────────────────────────── */
+
+article[data-paper] > header [data-byline] {
+  font-size: var(--text-sm);
+  color: var(--text-3);
+  font-family: var(--font-mono);
+  margin-bottom: var(--space-3);
+}
+
+article[data-paper] > header [data-byline] time {
+  font-variant-numeric: tabular-nums;
+}
+
+/* ── Tags beneath byline ────────────────────────────────────────────── */
+
+article[data-paper] > header nav[data-role="tag-cloud"] {
+  justify-content: center;
+  margin-top: var(--space-3);
+  margin-bottom: 0;
+}
+
+/* ── Footer prev/next ───────────────────────────────────────────────── */
+
+article[data-paper] > footer {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--space-4);
+  margin-top: var(--space-8);
+  padding-top: var(--space-5);
+  border-top: var(--border-width) solid var(--border-subtle);
+  font-size: var(--text-sm);
+}
+
+article[data-paper] > footer a {
+  color: var(--text-2);
+  text-decoration: none;
+}
+
+article[data-paper] > footer a:hover {
+  color: var(--text);
+}
diff --git a/src/layers/09-landing.css b/src/layers/12-landing.css
similarity index 100%
rename from src/layers/09-landing.css
rename to src/layers/12-landing.css
diff --git a/src/main.css b/src/main.css
index 924e426..26f27a2 100644
--- a/src/main.css
+++ b/src/main.css
@@ -13,15 +13,14 @@
 /* 2. Framework layers */
 @import "./layers/00-reset.css";
 @import "./layers/01-tokens.css";
-@import "./layers/02-semantic.css";
+@import "./layers/02-typography.css";
 @import "./layers/03-landmarks.css";
 @import "./layers/04-forms.css";
-@import "./layers/03-components.css";
+@import "./layers/05-components.css";
 @import "./layers/06-navigation.css";
-@import "./layers/04-data-attrs.css";
-@import "./layers/05-utilities.css";
-@import "./layers/06-charts.css";
-@import "./layers/07-chroma.css";
-@import "./layers/08-layout.css";
-@import "./layers/08a-essay.css";
-@import "./layers/09-landing.css";
+@import "./layers/07-data-attrs.css";
+@import "./layers/08-utilities.css";
+@import "./layers/09-charts.css";
+@import "./layers/10-chroma.css";
+@import "./layers/11-layout.css";
+@import "./layers/12-landing.css";