pandorga 2.0.3 → 2.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 221dacb578ada5bb29237157b9e2fcffc4789053fe0566eae9f626967334b291
-  data.tar.gz: eedd7e320f83cf654525e469eddf66f013f7229324304d13ed983ad38a0b58eb
+  metadata.gz: 3dd3df9d18ed1ac1a99e07aecfe17e5776ccf46e35ca30cb4c87dc8e9ec6a00f
+  data.tar.gz: c87fa62d1dcdd8ddc1b1f00671b83558e0114b4d28a2de376eb653251740a7a4
 SHA512:
-  metadata.gz: 41b852a904d013dbc020d1d14fe33b56d9355a5cf201255fc14df14ae095c2457da292ba2f357cce007b45a886fd047b2c9312a4bc1d3eb9f2f69b995270845c
-  data.tar.gz: d48976bdd3f548a0480766c9e6449566ce3527c5e78bc603711681d32c0ab144d6a8c5c7c60c02fd65553a1160c02eb3f10a8791e284ec0e3c98cdd4019f7f19
+  metadata.gz: f75cd5a291e0678b90997a207a73bdd3401e76e3de3d4bcbd732323f46e87f11b4aa0075a46a61e35378a49d79ae7acb97d521793ca04a5705e5fe4a5d6d7381
+  data.tar.gz: 279e4ed500471c6b7a74129bb9a18648c4c21054aa9b02af7f2794f9eada23afe7249c23b2de2f6555301d3d520b4caba60c7c30e3620eae8aaf8409905900d2

data/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 ## [Unreleased]
 
+## [2.1.0] — 2026-10-28
+
+### Added
+
+- Site-configurable body weights under `pandorga.fonts.body_weight` (desktop default 300) and `pandorga.fonts.body_weight_mobile` (mobile default 350) wired into CSS custom properties (`--weight-body` and `--weight-body-mobile`) (PLT-AC-57).
+- Static Marcellus SC label **“Explore projects”** above the Home Projects inventory (PLT-AC-61).
+
+### Changed
+
+- Default resolved typography stack switches to four families: Ancizar Serif for titles and top-bar wordmark, Ancizar Sans for body and taglines, Marcellus SC for labels, and Courier Prime for code. Cinzel Decorative and Newsreader defaults are removed from the default stylesheet request (PLT-AC-56).
+- `--font-content-title` uses `--font-title` (Ancizar Serif) instead of body face (PLT-AC-56).
+- On the home hero, `.home-hero-family` renders in italic, primary color, with a highlighter mark wash scaled to ~40% intensity of detail action buttons, while `.home-hero-given` stays upright in default ink (PLT-AC-58).
+- Heading and title selectors in ledger CSS no longer apply `text-transform: uppercase`, and title italics are restricted to `.home-hero-family` and `.section-title em` / `.page-header-title em` (PLT-AC-59, PLT-AC-60).
+- On viewports at or above 900px, the Home Projects bench places the inventory column to the left of the specimen. Inventory buttons become logo-only with enlarged icon marks, keeping accessible labels (`aria-label`) and tooltips on hover/focus (`title`) (PLT-AC-61).
+
+## [2.0.4] — 2026-10-28
+
+### Fixed
+
+- Mobile article top compresses dates and action buttons into one band and closes the gap before the reading column.
+- Mobile top bar is shorter and hides on scroll-down (shows on scroll-up, focus, or Explore open).
+- Home hero summary uses a ~65ch measure on desktop.
+- Home section "View all" sits beside the section title instead of at the far right of the band.
+
 ## [2.0.3] — 2026-10-25
 
 ### Fixed

data/_data/themes/shared.yml

@@ -5,27 +5,27 @@
 # Consumed by theme-context.liquid → theme-vars-block.liquid / font-loader.
 
 fonts:
-  title: "Cinzel Decorative"
-  subtitle: "Newsreader"
+  title: "Ancizar Serif"
+  subtitle: "Ancizar Sans"
   label: "Marcellus SC"
-  body: "Newsreader"
+  body: "Ancizar Sans"
   mono: "Courier Prime"
   code: "Courier Prime"
-  cv_body: "Newsreader"
+  cv_body: "Ancizar Sans"
   cv_body_weight: 400
-  # Fallback after the named face. Body is Newsreader, a serif. A sans
-  # fallback reflows the hero summary when the webfont swaps in.
-  body_fallback: "Georgia, serif"
-  subtitle_fallback: "serif"
+  body_weight: 300
+  body_weight_mobile: 350
+  body_fallback: "sans-serif"
+  subtitle_fallback: "sans-serif"
   title_fallback: "serif"
   label_fallback: "serif"
-  google_title_spec: "wght@400;700;900"
-  google_subtitle_spec: "ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,300;1,6..72,400;1,6..72,500"
+  google_title_spec: "ital,wght@0,400;0,600;1,400"
+  google_subtitle_spec: "wght@300;350;400;600"
   google_label_spec: "wght@400;700"
-  google_body_spec: "wght@300;400;500;600;700"
+  google_body_spec: "wght@300;350;400;600"
   google_mono_spec: "ital,wght@0,400;0,700;1,400;1,700"
   google_code_spec: "ital,wght@0,300;0,400;0,700;1,400;1,700"
-  google_cv_body_spec: "wght@300;400;500;600;700"
+  google_cv_body_spec: "wght@300;350;400;600"
 
 motion:
   duration_fast: "0.15s"

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

@@ -375,6 +375,7 @@
       if (selectable) {
         row.setAttribute('aria-pressed', selected ? 'true' : 'false');
         row.setAttribute('aria-label', name);
+        row.setAttribute('title', name);
       }
 
       var initial = String(name || '?').charAt(0).toUpperCase();

data/_includes/home/band-listing.html

@@ -55,8 +55,11 @@
       data-home-list
       data-tag-base="{{ _path }}"
     >
+      <div class="home-projects-inventory-wrap">
+        <span class="home-projects-inventory-label font-label">Explore projects</span>
+        <div class="home-project-inventory" data-home-inventory role="region" aria-label="Project inventory"></div>
+      </div>
       <div class="home-project-specimen-slot" data-home-specimen></div>
-      <div class="home-project-inventory" data-home-inventory role="region" aria-label="Project inventory"></div>
     </div>
     {%- else -%}
     <div

data/_includes/theme/theme-vars-block.liquid

@@ -19,6 +19,9 @@
 {% assign color_secondary = tc.secondary | default: "#287445" %}
 {% assign color_tertiary = tc.tertiary | default: "#746f30" %}
 {% assign font_cv_body_weight = sf.cv_body_weight | default: 400 %}
+{% assign site_fonts = site.pandorga.fonts %}
+{% assign font_body_weight = site_fonts.body_weight | default: sf.body_weight | default: 300 %}
+{% assign font_body_weight_mobile = site_fonts.body_weight_mobile | default: sf.body_weight_mobile | default: 350 %}
 {% assign bg_secondary = tn.background_secondary | default: tn.surface_container_low | default: "#f5f5f5" %}
 {% assign surface_value = tn.surface | default: "#ffffff" %}
 {% assign surface_variant_value = tn.surface_variant | default: "#e2e2e2" %}
@@ -30,10 +33,11 @@
     --font-body: {{ site | pandorga_font_stack: "body" }};
     --font-cv-body: {{ site | pandorga_font_stack: "cv_body" }};
     --font-cv-body-weight: {{ font_cv_body_weight }};
+    --weight-body: {{ font_body_weight }};
+    --weight-body-mobile: {{ font_body_weight_mobile }};
     --font-serif: {{ site | pandorga_font_stack: "title" }};
-    /* Content titles share the body face at 600 — Cinzel Decorative is
-       reserved for page/display titles. */
-    --font-content-title: var(--font-body);
+    /* Content titles use the title face (Ancizar Serif). */
+    --font-content-title: var(--font-title);
     --font-sans: var(--font-body);
     --font-mono: {{ site | pandorga_font_stack: "mono" }};
     --font-code: {{ site | pandorga_font_stack: "code" }};

data/_layouts/shell.html

@@ -287,11 +287,13 @@
       var wrap = document.getElementById('site-menu');
       var btn = document.getElementById('mobile-menu-btn');
       var menu = document.getElementById('mobile-menu');
+      var topbar = document.querySelector('.site-topbar');
       if (!wrap || !btn || !menu) return;
 
       function setOpen(open) {
         menu.classList.toggle('hidden', !open);
         btn.setAttribute('aria-expanded', String(open));
+        if (open && topbar) topbar.classList.remove('topbar--hidden');
       }
 
       btn.addEventListener('click', function (event) {
@@ -304,6 +306,29 @@
       document.addEventListener('keydown', function (event) {
         if (event.key === 'Escape') setOpen(false);
       });
+
+      if (!topbar) return;
+      var lastY = window.scrollY || 0;
+      var threshold = 8;
+
+      function onScroll() {
+        var y = window.scrollY || 0;
+        var diff = y - lastY;
+
+        if (y <= 32 || !menu.classList.contains('hidden')) {
+          topbar.classList.remove('topbar--hidden');
+        } else if (diff > threshold) {
+          topbar.classList.add('topbar--hidden');
+        } else if (diff < -threshold) {
+          topbar.classList.remove('topbar--hidden');
+        }
+        lastY = y;
+      }
+
+      window.addEventListener('scroll', onScroll, { passive: true });
+      topbar.addEventListener('focusin', function () {
+        topbar.classList.remove('topbar--hidden');
+      });
     })();
   </script>
 

data/assets/css/base.css

@@ -39,6 +39,15 @@
   line-gap-override: 0%;
 }
 
+@font-face {
+  font-family: "Pandorga Ancizar Sans Fallback";
+  src: local("Arial"), local("Helvetica"), local("Liberation Sans"), local("sans-serif");
+  size-adjust: 100%;
+  ascent-override: 90%;
+  descent-override: 25%;
+  line-gap-override: 0%;
+}
+
 @font-face {
   font-family: "Pandorga Label Fallback";
   src: local("Times New Roman"), local("Times"), local("Liberation Serif");
@@ -163,7 +172,7 @@
 html {
   font-size: 110%;
 
-  /* Display — Cinzel Decorative 400 */
+  /* Display — Ancizar Serif */
   --type-display: 2.9015rem;
   --type-display-lg: 3.6515rem;
   --type-page: 2.4015rem;
@@ -173,7 +182,7 @@ html {
   /* Phone steps for home band titles and card titles (PLT-AC-49). */
   --type-section-sm: 1.375rem;
 
-  /* Content titles — Newsreader Regular 400 */
+  /* Content titles — Ancizar Serif */
   --type-title: 2.20165rem;
   --type-title-lg: 2.64165rem;
   --type-card: 1.4015rem;
@@ -226,6 +235,12 @@ html {
   }
 }
 
+@media (max-width: 767px) {
+  :root, [data-theme] {
+    --weight-body: var(--weight-body-mobile, 350);
+  }
+}
+
 /* `html body`, not `body`: Tailwind's Preflight ships `body {  line-height:
    inherit }` from the CDN <style> that loads after this file, so a bare `body`
    selector here loses the tie on source order and the leading silently becomes

data/assets/css/ledger/chrome.css

@@ -35,6 +35,18 @@
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   border-bottom: 1px solid var(--border-gentle-divider);
+  transition: transform var(--motion-duration-fast) var(--motion-ease-default);
+}
+
+@media (max-width: 767px) {
+  .site-topbar > div {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .site-topbar.topbar--hidden {
+    transform: translateY(-100%);
+  }
 }
 
 /* Boxed controls for theme and mobile menu toggles. */

data/assets/css/ledger/detail.css

@@ -694,7 +694,8 @@ aside:has(> .text-detail-sidebar) {
 
   .text-detail-sidebar .article-toc--disclosure,
   .projects-dossier .article-toc--disclosure {
-    margin-top: var(--space-sm);
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
   }
 }
 
@@ -1184,7 +1185,7 @@ nav.text-page-nav:not(:has(a)) {
   }
 
   .grid.text-detail-grid {
-    gap: var(--space-md);
+    gap: var(--space-xs);
   }
 
   /* The reading column used to add its own top margin on top of this gap,
@@ -1232,12 +1233,32 @@ nav.text-page-nav:not(:has(a)) {
     padding-bottom: var(--space-md);
   }
 
-  /* The date row's own top rule leaves --space-sm above the text. The
-     flex gap was stacking another --space-md on the action rule, so the
-     date sat high in that band. Drop the gap and the action margin is the
-     matching --space-sm under the text. */
+  /* On mobile, date row and action buttons share one compact horizontal band on one non-wrapping row. */
   .text-detail-sidebar .article-meta {
-    gap: 0;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-xs) var(--space-sm);
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+
+  .text-detail-sidebar .article-meta > div {
+    margin: 0;
+    padding: 0;
+  }
+
+  .text-detail-sidebar .article-meta .date-evolution > span {
+    border-top: 0;
+    padding-top: 0;
+  }
+
+  .text-detail-sidebar .article-meta .detail-actions {
+    margin-top: 0;
+    padding-top: 0;
+    border-top: 0;
   }
 
   .text-detail-sidebar .article-sidebar-description,
@@ -1284,7 +1305,6 @@ nav.text-page-nav:not(:has(a)) {
   font-family: var(--font-label);
   font-size: var(--type-label-lg);
   letter-spacing: 0.08em;
-  text-transform: uppercase;
   color: var(--color-on-surface);
   font-weight: 600;
   margin: 0 0 var(--space-md);

data/assets/css/ledger/home.css

@@ -169,13 +169,22 @@
   max-width: 100%;
 }
 
-.home-hero-given,
-.home-hero-family {
+.home-hero-given {
   display: inline;
 }
 
 .home-hero-family {
+  display: inline;
+  font-style: italic;
   color: var(--color-primary);
+  --mark-ink: var(--color-primary);
+  --mark-1: calc(var(--mark-quiet-a) * 0.4);
+  --mark-2: calc(var(--mark-quiet-b) * 0.4);
+  --mark-3: calc(var(--mark-quiet-c) * 0.4);
+  background: linear-gradient(var(--mk-angle, 104deg), transparent var(--mk-s0, 0.9%), color-mix(in srgb, var(--mark-ink) var(--mark-1), transparent) var(--mk-s1, 2.6%), color-mix(in srgb, var(--mark-ink) var(--mark-2), transparent) var(--mk-mid, 58%), color-mix(in srgb, var(--mark-ink) var(--mark-3), transparent) var(--mk-end, 98%), transparent 100%) 0 var(--mk-y, 50%) / 100% var(--mk-h, 100%) no-repeat;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+  padding: 0 0.1em;
 }
 
 @media (min-width: 640px) {
@@ -220,6 +229,12 @@
   line-height: var(--leading-body);
 }
 
+@media (min-width: 768px) {
+  .home-hero-summary {
+    max-width: 65ch;
+  }
+}
+
 /* No empty min-height. A guessed line count shifts the call to action
    when the summary is shorter or taller than the reserve. The paragraph
    is in the HTML when content/pages/home/summary.md or
@@ -415,7 +430,7 @@ html[data-theme="light"] .home-hero-plate {
    The banner is a 2-column grid so the lead's children join the template. */
 .home-band:not(.home-band--hero) .ledger-section-banner {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: auto auto 1fr;
   column-gap: var(--space-md);
   row-gap: var(--space-xs);
   align-items: baseline;
@@ -640,7 +655,7 @@ html[data-theme="light"] .home-hero-plate {
 
 [data-home-kind="articles"] .home-card-grid .card-title,
 [data-home-kind="articles"] .home-card-grid .ledger-card-title {
-  font-size: calc(var(--type-card) + 2pt);
+  font-size: var(--type-card);
 }
 
 /* Phone only: the featured card's text sat against the top rule. One
@@ -658,6 +673,7 @@ html[data-theme="light"] .home-hero-plate {
 .home-project-specimen .ledger-card-title,
 .home-project-inventory-title {
   font-family: var(--font-content-title);
+  font-size: var(--type-card);
   font-weight: var(--weight-title);
   font-synthesis: none;
 }
@@ -983,6 +999,16 @@ html[data-theme="light"] .home-hero-plate {
   gap: var(--space-md);
 }
 
+.home-projects-inventory-label {
+  display: block;
+  font-family: var(--font-label);
+  font-size: var(--type-label);
+  font-weight: var(--weight-label);
+  letter-spacing: 0.04em;
+  color: var(--color-on-surface-variant);
+  margin-bottom: var(--space-xs);
+}
+
 .home-project-inventory {
   order: -1;
 }
@@ -1307,10 +1333,7 @@ button.home-project-inventory-row {
 
 @media (min-width: 900px) {
 
-  /* The specimen column is 35% of the band (at least 20rem), which keeps the
-     16:9 plate at 60% of the 7:5 split's height; the rack is 45% (at least
-     21rem); the pair starts at the band's left edge and leaves the rest of
-     the row blank. The specimen sets the bench height; rack rows share it. */
+  /* The inventory rack sits on the left (45%, min 21rem), and the specimen on the right (35%, min 20rem). */
   .home-projects-bench {
     --home-inventory-mark-size: 3rem;
     --home-inventory-row-min: calc(
@@ -1320,12 +1343,19 @@ button.home-project-inventory-row {
        single row to the full plate. */
     --home-inventory-row-max: calc(1.6 * var(--home-inventory-row-min));
     display: grid;
-    grid-template-columns: max(35%, 20rem) max(45%, 21rem);
+    grid-template-columns: max(45%, 21rem) max(35%, 20rem);
     column-gap: var(--space-xl);
     justify-content: start;
     align-items: stretch;
   }
 
+  .home-projects-inventory-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    width: 100%;
+  }
+
   .home-project-inventory {
     order: 0;
     display: flex;
@@ -1335,7 +1365,6 @@ button.home-project-inventory-row {
     width: 100%;
     min-height: var(--home-specimen-height);
     min-width: 0;
-    min-height: 0;
     overflow: hidden;
     padding: var(--space-md);
     background: var(--color-panel-contrast);
@@ -1348,7 +1377,7 @@ button.home-project-inventory-row {
   .home-project-inventory-row {
     flex: 1 1 0;
     align-items: center;
-    justify-content: flex-start;
+    justify-content: center;
     gap: var(--space-md);
     height: auto;
     min-height: var(--home-inventory-row-min);
@@ -1367,7 +1396,12 @@ button.home-project-inventory-row {
     box-shadow: inset 3px 0 0 var(--color-primary);
   }
 
-  /* Square icon mark beside the two-line code + title body. */
+  /* Logo-only buttons on desktop: hide text body visually. */
+  .home-project-inventory-body {
+    display: none;
+  }
+
+  /* Square icon mark enlarged. */
   .home-project-inventory-media {
     display: block;
     flex: 0 0 auto;
@@ -1396,50 +1430,17 @@ button.home-project-inventory-row {
   }
 
   .home-project-inventory-mark .material-symbols-outlined {
-    font-size: 1.5rem;
+    font-size: 1.75rem;
   }
 
   .home-project-inventory-mark--initial {
     font-family: var(--font-content-title);
-    font-size: var(--type-card);
+    font-size: var(--type-card-lg);
     font-weight: var(--weight-title);
     line-height: 1;
     color: var(--color-on-surface);
   }
 
-  .home-project-inventory-body {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-self: center;
-    gap: 0.15rem;
-    flex: 1 1 0;
-    min-width: 0;
-    padding-top: 0;
-  }
-
-  .home-project-inventory-code .ledger-meta {
-    font-size: var(--type-label-lg);
-  }
-
-  .home-project-inventory-title {
-    margin: 0;
-    font-family: var(--font-content-title);
-    font-size: var(--type-card);
-    font-weight: var(--weight-title);
-    line-height: 1.2;
-    color: var(--color-on-surface);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .home-project-inventory-row:hover .home-project-inventory-title,
-  .home-project-inventory-row:focus-visible .home-project-inventory-title,
-  .home-project-inventory-row.is-selected .home-project-inventory-title {
-    color: var(--color-primary);
-  }
-
   /* Two classes: the glyph also carries .material-symbols-outlined, whose
      font stylesheet loads after this one and sets display. */
   .home-project-inventory-row .home-project-inventory-glyph {
@@ -1732,7 +1733,7 @@ button.home-project-inventory-row {
    that names the person, says what he does and offers the full record, rather
    than a name band followed by a summary band saying the same thing twice. */
 
-.home-hero-summary {
+.home-hero .home-hero-summary {
   max-width: var(--reading-measure);
   margin-top: 0;
   font-size: var(--type-body);
@@ -1740,6 +1741,12 @@ button.home-project-inventory-row {
   color: var(--color-legend);
 }
 
+@media (min-width: 768px) {
+  .home-hero .home-hero-summary {
+    max-width: 65ch;
+  }
+}
+
 .home-hero-summary p {
   margin-bottom: var(--space-md);
 }

data/assets/css/ledger/projects.css

@@ -601,7 +601,6 @@
   font-family: var(--font-label);
   font-size: var(--type-label-lg);
   letter-spacing: 0.1em;
-  text-transform: uppercase;
   font-weight: 600;
   color: var(--color-on-surface);
 }

data/examples/full/_config.yml

@@ -19,10 +19,10 @@ pandorga:
   home:
     hero_art: page/hero-default.html
   fonts:
-    title: "Cinzel Decorative"
+    title: "Ancizar Serif"
     body:
-      family: "Newsreader"
-      weights: [300, 400, 500, 600, 700]
+      family: "Ancizar Sans"
+      weights: [300, 350, 400, 600]
     mono:
       family: "Courier Prime"
       weights: [400, 700]

data/lib/pandorga/commands/new.rb

@@ -24,7 +24,7 @@ module Pandorga
 
         gem "pandorga", "~> 2.0"
         # Local checkout: gem "pandorga", path: "../pandorga"
-        # GitHub tag: gem "pandorga", github: "alexandrelheinen/pandorga", tag: "v2.0.3"
+        # GitHub tag: gem "pandorga", github: "alexandrelheinen/pandorga", tag: "v2.1.0"
         gem "csv"
         gem "base64"
       RUBY

data/lib/pandorga/fonts.rb

@@ -22,21 +22,18 @@ module Pandorga
       "Cinzel" => "Pandorga Cinzel Fallback",
       "Newsreader" => "Pandorga Body Fallback",
       "Ancizar Serif" => "Pandorga Ancizar Fallback",
+      "Ancizar Sans" => "Pandorga Ancizar Sans Fallback",
       "Marcellus SC" => "Pandorga Label Fallback"
     }.freeze
 
     DEFAULTS = {
-      title: { family: "Cinzel Decorative", spec: "wght@400;700;900", fallback: "serif" },
-      subtitle: {
-        family: "Newsreader",
-        spec: "ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,300;1,6..72,400;1,6..72,500",
-        fallback: "serif"
-      },
+      title: { family: "Ancizar Serif", spec: "ital,wght@0,400;0,600;1,400", fallback: "serif" },
+      subtitle: { family: "Ancizar Sans", spec: "wght@300;350;400;600", fallback: "sans-serif" },
       label: { family: "Marcellus SC", spec: "wght@400;700", fallback: "serif" },
-      body: { family: "Newsreader", spec: "wght@300;400;500;600;700", fallback: "Georgia, serif" },
+      body: { family: "Ancizar Sans", spec: "wght@300;350;400;600", fallback: "sans-serif" },
       mono: { family: "Courier Prime", spec: "ital,wght@0,400;0,700;1,400;1,700", fallback: MONO_FALLBACK },
       code: { family: "Courier Prime", spec: "ital,wght@0,300;0,400;0,700;1,400;1,700", fallback: MONO_FALLBACK },
-      cv_body: { family: "Newsreader", spec: "wght@300;400;500;600;700", fallback: "Georgia, serif" }
+      cv_body: { family: "Ancizar Sans", spec: "wght@300;350;400;600", fallback: "sans-serif" }
     }.freeze
 
     def resolve(site_fonts, theme_fonts = nil)

data/lib/pandorga/registry/schema.yml

@@ -57,10 +57,10 @@ fonts:
   keys:
     title:
       type: string or map
-      notes: Display face. Default family `Cinzel Decorative`, weights 400, 700, and 900
+      notes: Display face. Default family `Ancizar Serif`, weights 400, 600, italic 400
     body:
       type: string or map
-      notes: Reading face. Default family `Newsreader`, weights 300, 400, 500, 600, and 700
+      notes: Reading face. Default family `Ancizar Sans`, weights 300, 350, 400, and 600
     mono:
       type: string or map
       notes: Monospace face. Default family `Courier Prime`, roman and italic at 400 and 700
@@ -70,6 +70,12 @@ fonts:
     subtitle:
       type: string or map
       notes: Optional tagline face. Omitted, it follows `body` when the theme used the same family
+    body_weight:
+      type: integer
+      notes: Desktop body weight (default 300)
+    body_weight_mobile:
+      type: integer
+      notes: Mobile body weight (default 350)
 
 taxonomies:
   title: "`pandorga.taxonomies`"

data/lib/pandorga/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Pandorga
-  VERSION = "2.0.3"
+  VERSION = "2.1.0"
 end

data/scripts/test/render-parity/blocks/project-inventory-row.json

@@ -45,6 +45,7 @@
     ">ARCO<",
     ">route<",
     "aria-pressed=\"false\"",
+    "title=\"ARCO\"",
     "data-slug=\"arco\""
   ]
 }

data/scripts/test/test-css-structure.rb

@@ -247,7 +247,7 @@ require_declarations(
 )
 require_declarations(
   errors, "assets/css/ledger/home.css", home_sheet,
-  ".home-projects-bench", ["grid-template-columns: max(35%, 20rem) max(45%, 21rem)", "column-gap: var(--space-xl)", "justify-content: start", "--home-inventory-row-max: calc(1.6 * var(--home-inventory-row-min))"]
+  ".home-projects-bench", ["grid-template-columns: max(45%, 21rem) max(35%, 20rem)", "column-gap: var(--space-xl)", "justify-content: start", "--home-inventory-row-max: calc(1.6 * var(--home-inventory-row-min))"]
 )
 require_declarations(
   errors, "assets/css/ledger/home.css", home_sheet,
@@ -272,6 +272,24 @@ require_declarations(
   end
 end
 
+# PLT-AC-60. Heading and title selectors in ledger CSS do not use text-transform: uppercase.
+title_selector_pattern = /^\.(?:page-header-title|section-title|home-hero-title|card-title|ledger-card-title|text-title|home-featured-title|ledger-row-title|source-card-title|bib-card-title|home-project-inventory-title|home-index-title|article-title|article-related-title|projects-dossier-title)\b/
+
+sheets.each do |path|
+  relative = Pathname.new(path).relative_path_from(REPO_ROOT)
+  cleaned = strip_noise(File.read(path))
+  cleaned.scan(/([^{}]+)\{([^{}]*)\}/m) do |sel, body|
+    next unless body.match?(/text-transform\s*:\s*uppercase/i)
+
+    sel.split(",").each do |part|
+      name = part.gsub(/\s+/, " ").strip
+      next unless name.match?(title_selector_pattern)
+
+      errors << "#{relative}: title selector #{name} applies text-transform: uppercase (PLT-AC-60)"
+    end
+  end
+end
+
 # PLT-AC-23. The home hero summary uses --color-legend, the ink of the other
 # description texts.
 require_declarations(

data/scripts/test/test-examples-build.rb

@@ -147,12 +147,12 @@ end
     warn "FAIL test-examples-build: #{name} home is missing JSON-LD"
     exit 1
   end
-  ledger_faces = "family=Cinzel+Decorative:wght@400;700;900"
+  ledger_faces = "family=Ancizar+Serif:ital,wght@0,400;0,600;1,400"
   unless html.include?(ledger_faces) && html.include?("&display=swap") && html.include?("__pandorgaFontsHref")
     warn "FAIL test-examples-build: #{name} home dropped the ledger font request"
     exit 1
   end
-  unless html.include?("--font-title: 'Cinzel Decorative', 'Pandorga Title Fallback', serif")
+  unless html.include?("--font-title: 'Ancizar Serif', 'Pandorga Ancizar Fallback', serif")
     warn "FAIL test-examples-build: #{name} home dropped the title face"
     exit 1
   end

data/scripts/test/test-fonts.rb

@@ -16,9 +16,9 @@ end
 
 require_relative "../../lib/pandorga/fonts"
 
-DEFAULT_HREF = "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900" \
+DEFAULT_HREF = "https://fonts.googleapis.com/css2?family=Ancizar+Serif:ital,wght@0,400;0,600;1,400" \
                "&family=Marcellus+SC:wght@400;700" \
-               "&family=Newsreader:wght@300;400;500;600;700" \
+               "&family=Ancizar+Sans:wght@300;350;400;600" \
                "&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700" \
                "&display=swap"
 
@@ -27,11 +27,12 @@ bare = Pandorga::Fonts.resolve(nil, nil)
 from_theme = Pandorga::Fonts.resolve(nil, theme)
 fail!("unset config dropped the ledger faces") unless Pandorga::Fonts.stylesheet_href(bare) == DEFAULT_HREF
 fail!("theme tokens drifted from the ledger faces") unless Pandorga::Fonts.stylesheet_href(from_theme) == DEFAULT_HREF
+fail!("default stylesheet href contained Cinzel") if DEFAULT_HREF.include?("Cinzel")
 
-fail!("title stack dropped Cinzel") unless Pandorga::Fonts.css_stack(from_theme, "title") ==
-  "'Cinzel Decorative', 'Pandorga Title Fallback', serif"
-fail!("body stack dropped the serif fallback") unless Pandorga::Fonts.css_stack(from_theme, "body") ==
-  "'Newsreader', 'Pandorga Body Fallback', Georgia, serif"
+fail!("title stack dropped Ancizar Serif") unless Pandorga::Fonts.css_stack(from_theme, "title") ==
+  "'Ancizar Serif', 'Pandorga Ancizar Fallback', serif"
+fail!("body stack dropped Ancizar Sans") unless Pandorga::Fonts.css_stack(from_theme, "body") ==
+  "'Ancizar Sans', 'Pandorga Ancizar Sans Fallback', sans-serif"
 fail!("label stack dropped the metric fallback") unless Pandorga::Fonts.css_stack(from_theme, "label") ==
   "'Marcellus SC', 'Pandorga Label Fallback', serif"
 fail!("mono stack dropped Courier Prime") unless Pandorga::Fonts.css_stack(from_theme, "mono").start_with?("'Courier Prime', ui-monospace")
@@ -43,7 +44,7 @@ site_faces = Pandorga::Fonts.resolve(
 fail!("Cinzel stack missed its metric fallback") unless Pandorga::Fonts.css_stack(site_faces, "title") ==
   "'Cinzel', 'Pandorga Cinzel Fallback', serif"
 fail!("Ancizar stack missed its metric fallback") unless Pandorga::Fonts.css_stack(site_faces, "body") ==
-  "'Ancizar Serif', 'Pandorga Ancizar Fallback', Georgia, serif"
+  "'Ancizar Serif', 'Pandorga Ancizar Fallback', sans-serif"
 
 custom = Pandorga::Fonts.resolve(
   {
@@ -77,7 +78,7 @@ end
 fail!("corrupted 'behind' left by a font rename (#{broken.size} files): #{broken.join(', ')}") unless broken.empty?
 fail!("code face did not follow mono") unless Pandorga::Fonts.css_stack(custom, "code").start_with?("'IBM Plex Mono'")
 
-kept = Pandorga::Fonts.resolve({ "title" => "Cinzel Decorative" }, theme)
+kept = Pandorga::Fonts.resolve({ "title" => "Ancizar Serif" }, theme)
 fail!("naming the default title changed the stylesheet") unless Pandorga::Fonts.stylesheet_href(kept) == DEFAULT_HREF
 
 ignored = Pandorga::Fonts.resolve({ "title" => "Fraunces</style>" }, theme)

data/scripts/test/test-hero-summary.rb

@@ -104,6 +104,6 @@ fail!("font loader missing") unless font_at && script_at && base_at
 fail!("font stylesheet precedes the preload script") unless script_at < font_at
 fail!("font stylesheet precedes local CSS") unless base_at < font_at
 fail!("font host is not preconnected before the preload script") unless preconnect_at && preconnect_at < script_at
-fail!("body fallback is still a sans") unless shared.include?('body_fallback: "Georgia, serif"')
+fail!("body fallback is not sans-serif") unless shared.include?('body_fallback: "sans-serif"')
 
 puts "PASS test-hero-summary"

data/scripts/test/test-home-articles.rb

@@ -19,8 +19,8 @@ fail!("featured article title is not 2pt larger") unless home.include?(
   '[data-home-kind="articles"] .home-featured-title'
 ) && home.include?("calc(var(--home-featured-title-size) + 2pt)")
 
-fail!("listed article titles are not 2pt larger") unless home.include?(
-  "calc(var(--type-card) + 2pt)"
+fail!("listed article titles are not on --type-card step") unless home.include?(
+  "font-size: var(--type-card);"
 ) && home.include?('[data-home-kind="articles"] .home-card-grid .card-title')
 
 phone = home[/^@media \(max-width: 767px\) \{\n  \[data-home-kind="articles"\] \.home-featured \{.*?\n  \}/m]

data/scripts/test/test-mobile-density-home-measure.rb

@@ -0,0 +1,161 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+# Acceptance tests for Mobile density + home measure (pandorga theme UI).
+#
+# 1. Article page top on mobile: meta date row and action buttons share one band,
+#    and TOC disclosure / reading column gaps are bounded.
+# 2. Fixed top bar on mobile: shorter vertical padding (≤56-60px height) and
+#    hide-on-scroll functionality.
+# 3. Home hero summary measure on desktop: constrained to ~60-70ch (e.g. 65ch).
+# 4. Home section "View all" next to title: grid-template-columns places CTA
+#    beside section title, not at far right of wide band.
+
+require "pathname"
+
+ROOT = Pathname.new(__dir__).join("../..").expand_path
+CSS = ROOT.join("assets/css")
+
+$failures = []
+
+def fail!(msg)
+  $failures << "FAIL test-mobile-density-home-measure: #{msg}"
+end
+
+def strip_comments(text)
+  text.gsub(%r{/\*.*?\*/}m, "")
+end
+
+def parse_css_rules(css_text)
+  rules = []
+  i = 0
+  head = +""
+  while i < css_text.length
+    c = css_text[i]
+    if c == "{"
+      depth = 1
+      j = i + 1
+      while j < css_text.length && depth.positive?
+        depth += 1 if css_text[j] == "{"
+        depth -= 1 if css_text[j] == "}"
+        j += 1
+      end
+      body = css_text[(i + 1)...(j - 1)]
+      h = head.strip
+      if h.start_with?("@media")
+        media_cond = h.sub(/\A@media\s*/, "").gsub(/\s+/, "")
+        sub_rules = parse_css_rules(body)
+        sub_rules.each do |r|
+          m = r[:media] ? "#{media_cond} and #{r[:media]}" : media_cond
+          rules << r.merge(media: m)
+        end
+      elsif h.start_with?("@supports", "@layer", "@container")
+        rules.concat(parse_css_rules(body))
+      elsif !h.start_with?("@")
+        decls = body.split(";").filter_map do |d|
+          prop, val = d.split(":", 2)
+          next unless val
+
+          [prop.strip.downcase, val.gsub(/\s+/, " ").strip]
+        end
+        h.split(",").each do |sel|
+          s = sel.gsub(/\s+/, " ").strip
+          rules << { sel: s, decls: decls, media: nil }
+        end
+      end
+      head = +""
+      i = j
+    elsif c == "}"
+      i += 1
+    else
+      head << c
+      i += 1
+    end
+  end
+  rules
+end
+
+# 1. Article page top on mobile
+detail_css = strip_comments(File.read(CSS.join("ledger/detail.css")))
+detail_rules = parse_css_rules(detail_css)
+
+meta_mobile_rules = detail_rules.select do |r|
+  r[:media] && r[:media].include?("max-width:767px") && r[:sel] == ".text-detail-sidebar .article-meta"
+end
+
+has_row_layout = meta_mobile_rules.any? do |r|
+  r[:decls].any? { |p, v| p == "flex-direction" && v == "row" }
+end
+
+unless has_row_layout
+  fail!("detail.css must set flex-direction: row on .text-detail-sidebar .article-meta under @media (max-width: 767px)")
+end
+
+toc_disclosure_mobile = detail_rules.select do |r|
+  r[:media] && r[:media].include?("max-width:767px") && r[:sel].include?("article-toc--disclosure")
+end
+
+has_bounded_toc_margin = toc_disclosure_mobile.any? do |r|
+  r[:decls].any? { |p, v| (p == "margin-top" || p == "margin-bottom" || p == "margin") && (v.include?("var(--space-xs)") || v.include?("var(--space-sm)") || v.include?("0")) }
+end
+
+unless has_bounded_toc_margin
+  fail!("detail.css must bound margins on .article-toc--disclosure under @media (max-width: 767px)")
+end
+
+# 2. Fixed top bar on mobile
+chrome_css = strip_comments(File.read(CSS.join("ledger/chrome.css")))
+chrome_rules = parse_css_rules(chrome_css)
+
+topbar_mobile_padding = chrome_rules.any? do |r|
+  r[:media] && r[:media].include?("max-width:767px") && (r[:sel] == ".site-topbar > div" || r[:sel] == ".site-topbar") &&
+    r[:decls].any? { |p, v| (p == "padding-top" || p == "padding-bottom" || p == "padding" || p == "padding-block") && (v.include?("0.625rem") || v.include?("0.5rem") || v.include?("0.75rem") || v.include?("10px") || v.include?("12px")) }
+end
+
+unless topbar_mobile_padding
+  fail!("chrome.css must reduce vertical padding on .site-topbar under @media (max-width: 767px)")
+end
+
+topbar_hide_rule = chrome_rules.any? do |r|
+  (r[:sel].include?(".site-topbar.topbar--hidden") || r[:sel].include?(".site-topbar[data-topbar-hidden]")) &&
+    r[:decls].any? { |p, v| p == "transform" && v.include?("translateY(-100%)") }
+end
+
+unless topbar_hide_rule
+  fail!("chrome.css must define transform: translateY(-100%) on .site-topbar.topbar--hidden")
+end
+
+shell_html = File.read(ROOT.join("_layouts/shell.html"))
+unless shell_html.include?("topbar--hidden") || shell_html.include?("data-topbar-hidden")
+  fail!("_layouts/shell.html must contain hide-on-scroll logic for .site-topbar")
+end
+
+# 3. Home hero summary measure on desktop
+home_css = strip_comments(File.read(CSS.join("ledger/home.css")))
+home_rules = parse_css_rules(home_css)
+
+hero_summary_desktop = home_rules.any? do |r|
+  r[:media] && r[:media].include?("min-width:768px") && r[:sel] == ".home-hero-summary" &&
+    r[:decls].any? { |p, v| p == "max-width" && (v == "65ch" || v == "60ch" || v == "70ch") }
+end
+
+unless hero_summary_desktop
+  fail!("home.css must constrain .home-hero-summary max-width to ~65ch under @media (min-width: 768px)")
+end
+
+# 4. Home section "View all" next to title
+banner_grid_col = home_rules.any? do |r|
+  r[:sel] == ".home-band:not(.home-band--hero) .ledger-section-banner" &&
+    r[:decls].any? { |p, v| p == "grid-template-columns" && (v.start_with?("auto auto") || v.start_with?("minmax(0, auto) auto") || v.start_with?("max-content max-content")) }
+end
+
+unless banner_grid_col
+  fail!("home.css must set grid-template-columns on .ledger-section-banner to place CTA beside title (e.g. auto auto 1fr)")
+end
+
+if $failures.empty?
+  puts "PASS test-mobile-density-home-measure"
+else
+  $failures.each { |f| puts f }
+  exit 1
+end

data/scripts/test/test-v3-layout.rb

@@ -290,7 +290,7 @@ end
 item(5) do
   h = "ledger/home.css"
   expect(h, ".home-band:not(.home-band--hero) .ledger-section-banner", {
-    "display" => "grid", "grid-template-columns" => "minmax(0, 1fr) auto"
+    "display" => "grid", "grid-template-columns" => "auto auto 1fr"
   })
   expect(h, ".home-band .ledger-section-lead", { "display" => "contents" })
   expect(h, ".home-band .ledger-section-banner .ledger-kicker", { "grid-column" => "1 / -1", "grid-row" => "1" })

data/scripts/validate.sh

@@ -80,6 +80,7 @@ TESTS=(
   scripts/test/test-studio-section-texts.rb
   scripts/test/test-home-article-cards.rb
   scripts/test/test-parallel-content-publish.rb
+  scripts/test/test-mobile-density-home-measure.rb
 )
 
 failed=0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pandorga
 version: !ruby/object:Gem::Version
-  version: 2.0.3
+  version: 2.1.0
 platform: ruby
 authors:
 - The Pandorga contributors
@@ -453,6 +453,7 @@ files:
 - scripts/test/test-listing-filter-contract.rb
 - scripts/test/test-math-row-breaks.mjs
 - scripts/test/test-math-row-breaks.rb
+- scripts/test/test-mobile-density-home-measure.rb
 - scripts/test/test-new.rb
 - scripts/test/test-no-personal-data.rb
 - scripts/test/test-parallel-content-publish.rb
@@ -570,7 +571,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 3.3.0
+      version: 3.2.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="