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