refactor: rename content types to semantic taxonomy

- vault → notes (PKM-exported content)
- posts → articles (short-form, no TOC)
- papers → essays (long-form, with TOC)
- type: post → type: article (posts are just short articles)
- layouts/paper → layouts/essay
- 08a-paper.css → 08a-essay.css
- CSS: fix redundant li resets, remove role="main" from article,
  replace <small> prev/next labels, add console layout
- Update hugo.toml menus, internal URLs, front matter throughout
- Add docs/context.md, docs/css-refactor-plan.md

assets/css/layers/01-asw.css

@@ -38,6 +38,12 @@
      vigilio-garden: --palette-hue: 150  (subtle green tint)
    ══════════════════════════════════════════════════════════════════ */
 
+/* What I think should go to palettes - @vigilio */
+
+
+
+
+
 :root {
 
   /* ── Palette controls ───────────────────────────────────────────────
@@ -49,15 +55,15 @@
 
   /* ── Surfaces — dark end of the 16-step scale ─────────────────── */
 
-  --surface:        var(--color-16);   /* ~10% lightness */
-  --surface-1:      var(--color-15);   /* ~16% */
-  --surface-2:      var(--color-14);   /* ~20% */
+  --surface:        var(--color-14);   /* ~10% lightness */
+  --surface-1:      var(--color-13);   /* ~16% */
+  --surface-2:      var(--color-11);   /* ~20% */
   --surface-card:   var(--surface-1);
   --surface-hover:  var(--surface-2);
 
   /* ── Text — light end of the scale ────────────────────────────── */
 
-  --text:           var(--color-3);    /* 93% lightness */
+  --text:           var(--color-6);    /* 93% lightness */
   --text-2:         var(--color-5);    /* 80% */
   --text-3:         var(--color-7);    /* 66% */
   --text-dim:       var(--color-9);    /* 53% */
@@ -389,3 +395,19 @@
 @media (--lg-n-above)  { html { font-size: 103%; } }
 @media (--xl-n-above)  { html { font-size: 106%; } }
 @media (--xxl-n-above) { html { font-size: 109%; } }
+
+
+/* ══════════════════════════════════════════════════════════════════
+   EDITORIAL DEFAULTS
+   Opinionated ASW decisions that go beyond tokens — centering,
+   spacing rhythms, and layout choices that define the ASW look.
+   ══════════════════════════════════════════════════════════════════ */
+
+/* Nav content centered at --width-xl without a wrapper element.
+   max() falls back to --container-padding on narrow viewports.   */
+body > nav {
+  padding-inline: max(var(--container-padding), calc((100% - var(--width-xl)) / 2));
+}
+[data-layout="docs"] > article {
+  max-width: var(--width-prose);
+}

assets/css/layers/03-components.css

@@ -983,11 +983,6 @@ nav[data-nav="sidebar"] ul {
   font-size: var(--text-sm);
 }
 
-nav[data-nav="sidebar"] ul li {
-  margin: 0;
-  padding: 0;
-}
-
 nav[data-nav="sidebar"] a {
   display: block;
   padding: var(--space-2) var(--space-3);
@@ -1030,11 +1025,6 @@ aside[data-toc] nav ul {
   font-size: var(--text-xs);
 }
 
-aside[data-toc] nav ul li {
-  margin: 0;
-  padding: 0;
-}
-
 aside[data-toc] nav a {
   display: block;
   padding: var(--space-1) var(--space-2);

assets/css/layers/08-layout.css

@@ -208,6 +208,62 @@ nav[data-layout="actions"] a:hover {
   min-width: 0;
 }
 
+/* ── Console layout ─────────────────────────────────────────────────── */
+/* Docs variant: sidebar flush to the viewport left edge.               */
+/* No outer centering — grid spans full width, sidebar has no left gap. */
+
+[data-layout="console"] {
+  display: grid;
+  grid-template-columns: var(--sidebar-width) 1fr var(--toc-width);
+  grid-template-rows: auto;
+  gap: var(--space-6);
+  padding: var(--space-6) var(--space-5) var(--space-6) 0;
+  align-items: start;
+}
+
+[data-layout="console"] > nav[data-nav="sidebar"],
+[data-layout="console"] > aside[data-toc] {
+  position: sticky;
+  max-height: calc(100vh - var(--nav-height) - var(--space-4) * 2);
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) transparent;
+}
+
+[data-layout="console"] > nav[data-nav="sidebar"] {
+  top: calc(var(--nav-height) + var(--space-4));
+  padding-inline: var(--space-3);
+}
+
+[data-layout="console"] > article {
+  min-width: 0;
+  max-width: none;
+}
+
+[data-layout="console"] > aside[data-toc] {
+  top: calc(var(--nav-height) + var(--space-8));
+  padding-top: var(--space-8);
+}
+
+@media (--docs-toc-hidden) {
+  [data-layout="console"] {
+    grid-template-columns: var(--sidebar-width) 1fr;
+  }
+  [data-layout="console"] > aside[data-toc] {
+    display: none;
+  }
+}
+
+@media (--md-n-below) {
+  [data-layout="console"] {
+    grid-template-columns: 1fr;
+    padding: var(--space-4);
+  }
+  [data-layout="console"] > nav[data-nav="sidebar"] {
+    display: none;
+  }
+}
+
 /* ── Grid helpers ───────────────────────────────────────────────────── */
 
 [data-layout="grid-2"] {