pandorga 1.5.1 → 1.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c33cb11f60569d5280aa7079b6f59ad7776f90705f54f67d958d8b149390714d
-  data.tar.gz: 4a52dcb27be1f4d2a809417bc9b98e89e3c8aa8d92e642fca9ebab156942a192
+  metadata.gz: 2bb5b2e689bf56f24930270b0f6dff89d91674594b67267a7e971a96252f1ac1
+  data.tar.gz: f5ded06e9a148e5095437afae98852a63aaf994737e38a91c5b5c9d4f6a9ada9
 SHA512:
-  metadata.gz: ecf8762ab684b723db57bb8d291609a3decf8ecae02f21b0158c3fd34afce67b9a34347255e790e26d480e8ef0b2eaab577dbe3d6ed571a02ce713cc5a2e09d9
-  data.tar.gz: 0c30da38132b4b87f2caf982a73f7c8eea1cf157600ecffb9b6f87e24fe289a47952fe3f9c8291c11719531a90cabd0149db89ba13b076c341a4eafabd6577b5
+  metadata.gz: 0e18926a06e09cab67eea5ff3df47893e70abda71e2dad6ef7686f64a69f2b0d7527a65efe4069ec55342c51f6d7aa86cbb47f5005ded2650a1abe7c9ef55724
+  data.tar.gz: fda5ff032a0dcf24995bdfa280b80e3b2470c2e8e5bf455cfbbcac149df30d02637fd69e947562c0c7fe1f09a0834ae15dd6976c15411e92dea5a9a95dca2d00

data/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## [1.6.0] — 2026-10-10
+
+### Added
+
+- `/sitemap.xml` lists the generated pages. `/robots.txt` allows the public
+  site, skips `/studio/`, and names the sitemap. Both use
+  `pandorga.identity.url` when it is set, otherwise `site.url`.
+- JSON-LD `WebSite` and `Person` in the shell, from `identity.name` and the
+  optional `identity.url`. `site.description` is included when it is set.
+- Hero portrait entries may include optional `srcset` and `sizes`. A portrait
+  that only has `src` is unchanged.
+
+### Changed
+
+- The home subtitle and summary are requested before the stylesheets and
+  painted without a "Loading..." swap. Article rows, CV sections, and empty
+  home bands keep a reserved box until the real content replaces it.
+- The hero subtitle stays at `--type-body`, the same size as the summary.
+- `.writing-revised` uses the solid variant ink. The transparent mix was
+  3.69 and 3.90 on the light paper.
+- A selectable project inventory row is a `button`.
+- Utilities ship as `assets/css/tailwind.css`. The shell no longer loads the
+  Tailwind Play CDN. Each layout links the shared chrome and its own ledger
+  sheet, not every sheet.
+
+No `pandorga:` config keys were added or renamed. `srcset` and `sizes` are
+optional fields on objects in `pages/home/portraits.json`.
+
 ## [1.5.1] — 2026-10-10
 
 ### Fixed

data/_includes/content-runtime/41-listing-helpers.html

@@ -60,6 +60,13 @@
       },
       showLoadingState: function (element, message) {
         if (!element) return;
+        // Reserved skeletons already occupy the box. Replacing them with a
+        // one-line message is the shift the listing then repeats when the
+        // cards arrive.
+        if (element.hasAttribute('data-content-reserve')) {
+          element.setAttribute('aria-busy', 'true');
+          return;
+        }
         element.innerHTML = '<p class="font-body text-on-surface-variant italic col-span-full">' + escapeHtml(message) + '</p>';
       },
       showErrorState: function (element, message) {

data/_includes/content-runtime/43-blocks.html

@@ -344,14 +344,15 @@
       var slug = item.slug || f.slug || '';
       var index = options.index;
 
-      var row = document.createElement('article');
+      // A selectable row is a real button. role=button on an article is
+      // what the audit flags, and the button already handles Enter and Space.
+      var row = document.createElement(selectable ? 'button' : 'article');
       row.className = 'home-project-inventory-row group' +
         (selected ? ' is-selected' : '');
+      if (selectable) row.type = 'button';
       if (slug) row.setAttribute('data-slug', slug);
 
       if (selectable) {
-        row.setAttribute('role', 'button');
-        row.setAttribute('tabindex', '0');
         row.setAttribute('aria-pressed', selected ? 'true' : 'false');
         row.setAttribute('aria-label', name);
       }

data/_includes/content-runtime/60-fragments.html

@@ -13,6 +13,19 @@
     }
 
     async function listPaths(collection, manifestKey) {
+      var pre = window.__pandorgaPreload && window.__pandorgaPreload['manifest.json'];
+      if (pre && typeof pre.then === 'function') {
+        try {
+          var preloaded = await pre;
+          assertManifestSchema(preloaded);
+          var preloadedFiles = preloaded.files && preloaded.files[manifestKey];
+          if (Array.isArray(preloadedFiles)) return preloadedFiles;
+        } catch (error) {
+          if (error && String(error.message || '').indexOf('Unsupported content schema') === 0) throw error;
+          delete window.__pandorgaPreload['manifest.json'];
+        }
+      }
+
       var manifestResponse = await fetch(buildUrl('manifest.json'));
       if (manifestResponse.ok) {
         var manifest = await manifestResponse.json();
@@ -63,16 +76,31 @@
       return collectionCache[cacheKey];
     }
 
-    async function loadJson(path) {
-      var key = String(path || '');
-      if (jsonCache[key]) return jsonCache[key];
-      jsonCache[key] = fetch(buildUrl(path)).then(function (response) {
+    function fetchJson(path) {
+      return fetch(buildUrl(path)).then(function (response) {
         if (!response.ok) throw new Error('Content JSON fetch failed: ' + path);
         return response.json();
-      }).catch(function (error) {
-        delete jsonCache[key];
-        throw error;
       });
+    }
+
+    async function loadJson(path) {
+      var key = String(path || '');
+      if (jsonCache[key]) return jsonCache[key];
+      var pre = window.__pandorgaPreload && window.__pandorgaPreload[key];
+      jsonCache[key] = Promise.resolve()
+        .then(function () {
+          if (pre && typeof pre.then === 'function') return pre;
+          return fetchJson(path);
+        })
+        .catch(function () {
+          if (!(pre && typeof pre.then === 'function')) throw new Error('Content JSON fetch failed: ' + path);
+          delete window.__pandorgaPreload[key];
+          return fetchJson(path);
+        })
+        .catch(function (error) {
+          delete jsonCache[key];
+          throw error;
+        });
       return jsonCache[key];
     }
 
@@ -192,10 +220,21 @@
       options = options || {};
       var el = typeof elementOrId === 'string' ? document.getElementById(elementOrId) : elementOrId;
       if (!el) return Promise.resolve();
-      var loadingText = options.loadingText || 'Loading...';
-      el.innerHTML = '<p class="font-body text-on-surface-variant italic">' + escapeHtml(loadingText) + '</p>';
+      // A quiet slot keeps its reserved box. Writing "Loading..." into the
+      // hero summary makes that placeholder the LCP, then swaps it away.
+      var quiet = el.hasAttribute('data-content-quiet');
+      var loadingText = quiet ? '' : (options.loadingText || 'Loading...');
+      if (loadingText) {
+        el.innerHTML = '<p class="font-body text-on-surface-variant italic">' + escapeHtml(loadingText) + '</p>';
+      }
       return loadJson(pageFragmentPath(relativePath)).then(function (fragment) {
-        el.innerHTML = renderMarkdown(fragment.body_markdown || '');
+        var html = renderMarkdown(fragment.body_markdown || '');
+        if (el.getAttribute('data-content-painted') === '1' && el.innerHTML === html) {
+          el.removeAttribute('data-content-painted');
+          return;
+        }
+        el.innerHTML = html;
+        el.removeAttribute('data-content-painted');
       }).catch(function (error) {
         console.error(error);
         el.innerHTML = '<p class="font-body text-on-surface-variant italic">' + escapeHtml(options.errorText || 'Content could not be loaded right now.') + '</p>';
@@ -473,11 +512,36 @@
         var src = typeof entry.src === 'string' ? entry.src.trim() : '';
         if (!src) continue;
         var alt = typeof entry.alt === 'string' ? entry.alt.trim() : '';
-        entries.push({ src: src, alt: alt });
+        var record = { src: src, alt: alt };
+        // Optional responsive fields. Absent keys stay off the record so a
+        // pool that only has src keeps the previous shape.
+        var srcset = typeof entry.srcset === 'string' ? entry.srcset.trim() : '';
+        var sizes = typeof entry.sizes === 'string' ? entry.sizes.trim() : '';
+        if (srcset) record.srcset = srcset;
+        if (sizes) record.sizes = sizes;
+        entries.push(record);
       }
       return entries;
     }
 
+    function resolveSrcset(srcset) {
+      return String(srcset || '').split(',').map(function (part) {
+        var bits = part.trim().split(/\s+/);
+        if (!bits[0]) return '';
+        bits[0] = resolveAssetUrl(bits[0]);
+        return bits.filter(Boolean).join(' ');
+      }).filter(Boolean).join(', ');
+    }
+
+    function applyHeroPortraitSources(img, chosen) {
+      var srcset = resolveSrcset(chosen && chosen.srcset);
+      var sizes = chosen && typeof chosen.sizes === 'string' ? chosen.sizes.trim() : '';
+      if (srcset) img.setAttribute('srcset', srcset);
+      else img.removeAttribute('srcset');
+      if (sizes) img.setAttribute('sizes', sizes);
+      else img.removeAttribute('sizes');
+    }
+
     function pickHeroPortrait(entries, random) {
       if (!entries || !entries.length) return null;
       var roll = typeof random === 'function' ? random() : Math.random();
@@ -491,6 +555,7 @@
       if (!nextSrc) return Promise.resolve(false);
       if (img.getAttribute('src') === nextSrc) {
         img.alt = nextAlt;
+        applyHeroPortraitSources(img, chosen);
         img.classList.add('is-shown');
         return Promise.resolve(true);
       }
@@ -499,6 +564,7 @@
         probe.onload = function () {
           img.src = nextSrc;
           img.alt = nextAlt;
+          applyHeroPortraitSources(img, chosen);
           img.classList.add('is-shown');
           resolve(true);
         };

data/_includes/theme/critical-preload.html

@@ -0,0 +1,35 @@
+{%- comment -%}
+  Start the JSON fetches the first paint depends on, before the stylesheets
+  and the content runtime. loadJson and listPaths reuse window.__pandorgaPreload.
+{%- endcomment -%}
+{%- case page.layout -%}
+{%- when "home" -%}
+  {%- assign _preload_paths = "pages/cv/summary.json|pages/home/subtitle.json|pages/home/portraits.json|pages/headers.json|data/writing_index.json" -%}
+{%- when "articles" -%}
+  {%- assign _preload_paths = "data/writing_index.json|pages/headers.json|manifest.json" -%}
+{%- when "blog" -%}
+  {%- assign _preload_paths = "data/writing_index.json|pages/headers.json|manifest.json" -%}
+{%- when "cv" -%}
+  {%- assign _preload_paths = "pages/cv/summary.json|pages/cv/disclaimer.json|data/education.json|data/languages.json|pages/headers.json|manifest.json" -%}
+{%- when "projects" -%}
+  {%- assign _preload_paths = "data/writing_index.json|pages/headers.json|manifest.json" -%}
+{%- else -%}
+  {%- assign _preload_paths = "" -%}
+{%- endcase -%}
+{%- if _preload_paths != blank -%}
+<script>
+(function () {
+  var base = {{ site.content_api_base_url | default: "" | jsonify }};
+  base = String(base || "").replace(/\/$/, "");
+  var paths = {{ _preload_paths | split: "|" | jsonify }};
+  window.__pandorgaPreload = window.__pandorgaPreload || {};
+  paths.forEach(function (path) {
+    var url = base ? base + "/" + path : "/" + path;
+    window.__pandorgaPreload[path] = fetch(url, { credentials: "same-origin" }).then(function (response) {
+      if (!response.ok) throw new Error(path);
+      return response.json();
+    });
+  });
+})();
+</script>
+{%- endif -%}

data/_includes/theme/json-ld.html

@@ -0,0 +1,35 @@
+{%- comment -%}
+  WebSite and Person from identity. No new required keys: name is already
+  required, and url is the existing optional canonical origin.
+{%- endcomment -%}
+{%- assign ld_name = site.pandorga.identity.name | default: site.author | default: site.title -%}
+{%- assign ld_url = site.pandorga.identity.url | default: site.url -%}
+{%- if ld_url != blank -%}
+  {%- assign ld_website = ld_url -%}
+{%- else -%}
+  {%- assign ld_website = "/" | absolute_url -%}
+{%- endif -%}
+{%- if ld_name != blank -%}
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@graph": [
+    {
+      "@type": "WebSite",
+      "name": {{ ld_name | jsonify }},
+      "url": {{ ld_website | jsonify }}
+      {%- if site.description != blank -%},
+      "description": {{ site.description | jsonify }}
+      {%- endif -%}
+    },
+    {
+      "@type": "Person",
+      "name": {{ ld_name | jsonify }}
+      {%- if ld_url != blank -%},
+      "url": {{ ld_url | jsonify }}
+      {%- endif -%}
+    }
+  ]
+}
+</script>
+{%- endif -%}

data/_layouts/articles.html

@@ -90,8 +90,14 @@ layout: shell
         </div>
 
         <div class="writing-archive" id="articles-list">
-          <section id="empty-state" class="writing-archive-state">
-            <p class="font-body text-on-surface-variant italic">Loading articles...</p>
+          <section id="empty-state" class="writing-archive-reserve" aria-busy="true">
+            <p class="sr-only">Loading articles...</p>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
+            <span class="writing-reserve-row" aria-hidden="true"></span>
           </section>
           <section id="no-results" class="writing-archive-state hidden">
             <p class="font-body text-on-surface-variant italic">Nothing matches these filters yet.</p>

data/_layouts/cv.html

@@ -25,43 +25,45 @@ layout: shell
 
     <div id="cv-disclaimer" class="cv-disclaimer-box">
         <span class="material-symbols-outlined cv-dossier-note-icon" aria-hidden="true">info</span>
-        <div class="cv-dossier-note font-body" data-content-fragment="cv/disclaimer">
-            <p class="font-body text-on-surface-variant italic">Loading...</p>
-        </div>
+        <div class="cv-dossier-note font-body" data-content-fragment="cv/disclaimer" data-content-quiet></div>
     </div>
 
     <div id="cv-listing">
         {% capture cv_summary %}
-        <div class="cv-summary font-body" data-content-fragment="cv/summary">
-            <p class="font-body text-on-surface-variant italic">Loading...</p>
-        </div>
+        <div class="cv-summary font-body" data-content-fragment="cv/summary" data-content-quiet></div>
         {% endcapture %}
         {% include cv/cv-box.html id="summary" title="Summary" content=cv_summary %}
 
         {% capture cv_experience %}
-        <div id="cv-experience-list" class="cv-entry-stack">
-            <p class="font-body text-on-surface-variant italic">Loading experience...</p>
+        <div id="cv-experience-list" class="cv-entry-stack" data-content-reserve aria-busy="true">
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
         </div>
         {% endcapture %}
         {% include cv/cv-box.html id="experience" title="Experience" content=cv_experience %}
 
         {% capture cv_products %}
-        <div id="cv-products-grid" class="cv-product-grid">
-            <p class="font-body text-on-surface-variant italic">Loading products...</p>
+        <div id="cv-products-grid" class="cv-product-grid" data-content-reserve aria-busy="true">
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
         </div>
         {% endcapture %}
         {% include cv/cv-box.html id="products" title="Products" content=cv_products %}
 
         {% capture cv_education %}
-        <div id="cv-education-list" class="cv-entry-stack">
-            <p class="font-body text-on-surface-variant italic">Loading education...</p>
+        <div id="cv-education-list" class="cv-entry-stack" data-content-reserve aria-busy="true">
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
         </div>
         {% endcapture %}
         {% include cv/cv-box.html id="education" title="Education" content=cv_education %}
 
         {% capture cv_languages %}
-        <div id="cv-languages-list" class="cv-language-list">
-            <p class="font-body text-on-surface-variant italic">Loading languages...</p>
+        <div id="cv-languages-list" class="cv-language-list" data-content-reserve aria-busy="true">
+            <span class="cv-reserve-card" aria-hidden="true"></span>
+            <span class="cv-reserve-card" aria-hidden="true"></span>
         </div>
         {% endcapture %}
         {% include cv/cv-box.html id="languages" title="Languages" content=cv_languages %}
@@ -327,6 +329,7 @@ layout: shell
                         productMap[product.slug] = product;
                     });
                     experienceList.innerHTML = '';
+                    experienceList.removeAttribute('aria-busy');
                     jobs.sort(function (a, b) {
                         var as = (a.front_matter && a.front_matter.start) || '';
                         var bs = (b.front_matter && b.front_matter.start) || '';
@@ -344,6 +347,7 @@ layout: shell
                 runtime.Listing.showLoadingState(educationList, 'Loading education...');
                 runtime.loadJson('data/education.json').then(function (entries) {
                     educationList.innerHTML = '';
+                    educationList.removeAttribute('aria-busy');
                     entries.forEach(function (entry) { educationList.appendChild(renderEducation(entry)); });
                 }).catch(function (error) {
                     console.error(error);
@@ -355,6 +359,7 @@ layout: shell
                 runtime.Listing.showLoadingState(languagesList, 'Loading languages...');
                 runtime.loadJson('data/languages.json').then(function (entries) {
                     languagesList.innerHTML = '';
+                    languagesList.removeAttribute('aria-busy');
                     entries.forEach(function (entry) { languagesList.appendChild(renderLanguage(entry)); });
                 }).catch(function (error) {
                     console.error(error);
@@ -366,6 +371,7 @@ layout: shell
                 runtime.Listing.showLoadingState(productsGrid, 'Loading products...');
                 runtime.loadWritingIndex('products').then(function (products) {
                     productsGrid.innerHTML = '';
+                    productsGrid.removeAttribute('aria-busy');
                     var ordered = products.slice().sort(compareProductsByEndDate);
                     ordered.forEach(function (product) {
                         productsGrid.appendChild(renderProduct(product));

data/_layouts/home.html

@@ -29,12 +29,12 @@ layout: shell
       <div class="home-hero">
         <div class="home-hero-copy">
           <div id="home-subtitle-content" class="home-hero-tagline font-label"
-            data-content-fragment="home/subtitle"></div>
+            data-content-fragment="home/subtitle" data-content-quiet></div>
           <h1 class="home-hero-title">
             <span class="home-hero-given">{{ _hero_name.given }}</span>{%- if _hero_name.family != "" %} <span class="home-hero-family">{{ _hero_name.family }}</span>{%- endif %}
           </h1>
           <div id="home-cv-summary" class="home-hero-summary font-body"
-            data-content-fragment="cv/summary"></div>
+            data-content-fragment="cv/summary" data-content-quiet></div>
           <div class="home-hero-actions">
             {%- if _cv_page -%}
             <a class="ledger-cta ledger-cta--emphasis home-hero-cta" href="{{ _cv_page.url }}">
@@ -50,7 +50,7 @@ layout: shell
           <div class="home-hero-plate-wrap">
             <span class="ledger-frame-crosshairs" aria-hidden="true"></span>
             <figure class="home-hero-plate">
-              <img alt="" width="1200" height="800" data-content-hero-portrait />
+              <img alt="" width="1200" height="800" fetchpriority="high" data-content-hero-portrait />
               <span class="ledger-frame-corners" aria-hidden="true"></span>
             </figure>
           </div>
@@ -58,6 +58,26 @@ layout: shell
       </div>
     </div>
   </section>
+  <script>
+    (function () {
+      var runtime = window.ContentRuntime;
+      var pre = window.__pandorgaPreload || {};
+      function paint(id, path) {
+        var el = document.getElementById(id);
+        var pending = pre[path];
+        if (!el || !pending || !runtime || !runtime.renderMarkdown) return;
+        pending.then(function (fragment) {
+          if (!fragment || el.getAttribute('data-content-painted') === '1') return;
+          var html = runtime.renderMarkdown(fragment.body_markdown || '');
+          if (!html) return;
+          el.innerHTML = html;
+          el.setAttribute('data-content-painted', '1');
+        }).catch(function () {});
+      }
+      paint('home-subtitle-content', 'pages/home/subtitle.json');
+      paint('home-cv-summary', 'pages/cv/summary.json');
+    })();
+  </script>
 
   {%- for band in _home_bands -%}
     {%- if band.kind == "index" -%}

data/_layouts/shell.html

@@ -13,6 +13,7 @@
   {% assign canonical_path = page.canonical_url | default: page.url %}
   <title>{{ meta_title | strip | escape_once }}</title>
   <meta name="description" content="{{ meta_description | escape_once }}" />
+  {% include theme/json-ld.html %}
   <!-- Open Graph / Social Sharing -->
   {% assign og_type = page.og_type | default: "website" %}
   <meta property="og:type" content="{{ og_type }}" />
@@ -57,17 +58,54 @@
   <meta name="twitter:image" content="{{ og_image_url }}" />
   <!-- Canonical URL -->
   <link rel="canonical" href="{{ canonical_path | absolute_url }}" />
+  {% include theme/critical-preload.html %}
   <link rel="stylesheet" href="/assets/css/base.css" />
-  <link rel="stylesheet" href="/assets/css/article.css" />
-  {% include theme/theme-vars.html %}
-  <link rel="stylesheet" href="/assets/css/cv.css" />
   <link rel="stylesheet" href="/assets/css/global-link.css" />
-  {%- comment -%} Per-page ledger styles. One file per page so page work stays
-      independent; shared component rules live in base.css. {%- endcomment -%}
-  {%- for sheet in site.static_files -%}
-    {%- if sheet.path contains "/assets/css/ledger/" -%}
-  <link rel="stylesheet" href="{{ sheet.path }}" />
-    {%- endif -%}
+  {% include theme/theme-vars.html %}
+  <link rel="stylesheet" href="/assets/css/ledger/chrome.css" />
+  <link rel="stylesheet" href="/assets/css/ledger/footer.css" />
+  {%- comment -%}
+    Ledger sheets stay with the layout that uses them. article.css is the
+    reading column, so only detail-capable layouts load it. An unknown
+    layout still receives every sheet.
+  {%- endcomment -%}
+  {%- case page.layout -%}
+  {%- when "home" -%}
+    {%- assign _ledger = "home" | split: "|" -%}
+    {%- assign _article_css = false -%}
+  {%- when "articles" -%}
+    {%- assign _ledger = "writing|detail" | split: "|" -%}
+    {%- assign _article_css = true -%}
+  {%- when "blog" -%}
+    {%- assign _ledger = "rascunhos|detail" | split: "|" -%}
+    {%- assign _article_css = true -%}
+  {%- when "cv" -%}
+    {%- assign _ledger = "cv|detail" | split: "|" -%}
+    {%- assign _article_css = true -%}
+  {%- when "projects" -%}
+    {%- assign _ledger = "projects|detail" | split: "|" -%}
+    {%- assign _article_css = true -%}
+  {%- when "resources" -%}
+    {%- assign _ledger = "sources" | split: "|" -%}
+    {%- assign _article_css = false -%}
+  {%- when "network" -%}
+    {%- assign _ledger = "network" | split: "|" -%}
+    {%- assign _article_css = false -%}
+  {%- when "bibliography" -%}
+    {%- assign _ledger = "bibliography" | split: "|" -%}
+    {%- assign _article_css = false -%}
+  {%- when "text" -%}
+    {%- assign _ledger = "detail" | split: "|" -%}
+    {%- assign _article_css = true -%}
+  {%- else -%}
+    {%- assign _ledger = "home|writing|detail|projects|rascunhos|bibliography|network|sources|cv" | split: "|" -%}
+    {%- assign _article_css = true -%}
+  {%- endcase -%}
+  {%- if _article_css -%}
+  <link rel="stylesheet" href="/assets/css/article.css" />
+  {%- endif -%}
+  {%- for _sheet in _ledger -%}
+  <link rel="stylesheet" href="/assets/css/ledger/{{ _sheet }}.css" />
   {%- endfor -%}
   <link href="https://fonts.googleapis.com" rel="preconnect" />
   <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect" />
@@ -78,8 +116,7 @@
   <style>
     :root { --drop-cap-lines: {{ site.drop_cap_lines | default: 2 }}; }
   </style>
-  <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
-  <script src="/assets/tailwind-play.js"></script>
+  <link rel="stylesheet" href="/assets/css/tailwind.css" />
 </head>
 
 <body class="bg-background text-on-surface">

data/assets/css/ledger/cv.css

@@ -419,6 +419,19 @@ html[data-theme="light"] .cv-product {
   padding: var(--space-xl);
 }
 
+.cv-summary:empty,
+.cv-dossier-note:empty {
+  min-height: calc(var(--type-body) * var(--leading-body) * 4);
+}
+
+.cv-reserve-card {
+  display: block;
+  min-height: 6.5rem;
+  border: 1.5px solid var(--border-ink);
+  border-radius: var(--radius-card);
+  background: var(--color-surface-card);
+}
+
 .cv-summary p {
   margin: 0 0 1em;
 }

data/assets/css/ledger/home.css

@@ -239,6 +239,10 @@
   margin: 0;
 }
 
+.home-hero-tagline:empty {
+  min-height: calc(var(--type-body) * 1.35);
+}
+
 /* Name spans the copy column (container query on .home-hero-copy). The floor
    is the band-title step — Articles, Rascunhos, Projects — so a phone does
    not drop the name to the card size to keep it on one line. From 640px the
@@ -308,6 +312,12 @@
   line-height: var(--leading-body);
 }
 
+/* Hold the summary's box until the fragment paints, so the CTA under it
+   does not jump when the paragraph arrives. */
+.home-hero-summary:empty {
+  min-height: calc(var(--type-body) * var(--leading-body) * 6);
+}
+
 .home-hero-summary p {
   margin: 0 0 var(--space-md);
 }
@@ -781,6 +791,16 @@ html[data-theme="light"] .home-hero-plate {
 }
 
 /* ── Writing cards ── */
+.home-card-grid:empty,
+.home-draft-list:empty,
+[data-home-featured-slot]:empty {
+  min-height: 16rem;
+}
+
+.home-project-inventory:empty {
+  min-height: 8rem;
+}
+
 .home-card-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
@@ -1232,6 +1252,13 @@ html[data-theme="light"] .home-hero-plate {
   padding: 0;
 }
 
+button.home-project-inventory-row {
+  font: inherit;
+  color: inherit;
+  text-align: start;
+  width: 100%;
+}
+
 .home-project-inventory-row {
   position: relative;
   display: flex;

data/assets/css/ledger/writing.css

@@ -272,10 +272,34 @@ html[data-theme="light"] .writing-index .writing-lead-media .ledger-poster {
   }
 }
 
-/* The revision date is the quieter half of the ledger line: it explains the
-   default order without competing with the publication date. */
+/* The revision date is the quieter half of the ledger line. It uses the
+   variant ink solid: a 78% mix with transparent measured 3.69 and 3.90
+   against the light paper, under the 4.5:1 text floor. */
 .writing-index .writing-revised {
-  color: color-mix(in srgb, var(--color-on-surface-variant) 78%, transparent);
+  color: var(--color-on-surface-variant);
+}
+
+.writing-index .writing-archive-reserve {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-md);
+  max-width: none;
+  padding: 0;
+  background: transparent;
+  border: 0;
+}
+
+.writing-index .writing-reserve-row {
+  display: block;
+  min-height: 7.25rem;
+  border: 1.5px solid var(--border-ink);
+  border-radius: var(--radius-card);
+  background: var(--color-surface-card);
+}
+
+#articles-lead:empty {
+  min-height: 16rem;
+  margin-bottom: var(--space-xl);
 }
 
 /* ══ Archive and rail ══