pandorga 1.6.9 → 1.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 110f9fdf3636db9ef496093f969e15ef4cd3322ee143c5efadb210fb5e4b98b9
-  data.tar.gz: 6c5625b1cbdac652c0120d2b25e49a722c59941862cf91da7f44eff6f1ada004
+  metadata.gz: aa9e02cc789f512401bb4e9bdbc28c732dff0f3849bbf055d0cd546678cbdd1d
+  data.tar.gz: 8a17699ce008fa34e5114f9b4e8e643d0d754f7620ed3b0357aeb2cc9a4c201e
 SHA512:
-  metadata.gz: 22f67174268b9edd80046d916e6d8394d4ce1df62e8802be7dc4eab8771479825c1ba8b3aa2f668ebef53bc95f116f840ddd300428362b938a19b9955d0914d8
-  data.tar.gz: 85ce7605aae925b73d384a9ddbc0269b5b31bb58652b05b60617c5b784f8cfc2c68dc92cc3824ed07bf016f305aee36c5fba17a51c891ecce06cd58a0c3f94d0
+  metadata.gz: 7c6e5413b160b64e546f4aa7c80f1e45bb8c5716336593984e4f1f14e642ed444adba3dc5261d08d31257367060dab631777f744f6126c38df1c264e7259d139
+  data.tar.gz: 21588e084fe1f417a4f9fa55e532c8ebca01930ea95ad740ecafece15578df4c237461e0213a9328526b982847dcb4bff07d47f1a182a50a36a9fb5348f9cb74

data/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Changelog
 
+## [1.7.1] — 2026-10-11
+
+### Fixed
+
+- Decorative Material Symbols beside a label no longer expose the ligature
+  (`arrow_left_alt`, `shuffle`, a contact icon, a missing-media mark).
+  The public detail path and the private layout agree. Nine spans.
+- The shell published two `og:image` properties. The second meta element
+  carried both `name="image"` and `property="og:image"`. `name="image"`
+  stays on its own element, so a page has one Open Graph image.
+
+### Changed
+
+- Unused ledger selectors are gone. `assets/css/base.css` drops 2,041
+  bytes: `.page-title` (404), `.ledger-marker--primary` (616),
+  `.ledger-card--edge-*` (462), and `.ledger-section-rule` (559).
+  `assets/css/ledger/home.css` drops 577 bytes of rules that no band
+  uses: `.home-band--ruled` (310), `.home-index-shard--gamma` (163),
+  and `.home-index-note` (104). `assets/css/global-link.css` drops the
+  `.post-content` hover selector (23 bytes). None of them matched a
+  template, the runtime, or current content. 2,641 bytes in all.
+- Comments that a font rename had rewritten, eating the letters inside
+  the word "behind", read "behind" again. 45 occurrences in 21 files.
+
+No `pandorga:` config keys were added or renamed. Font roles and the
+ledger fallbacks are unchanged.
+
+## [1.7.0] — 2026-10-10
+
+### Added
+
+- A site can name its typefaces under `pandorga.fonts`. `title`, `body`,
+  and `mono` take a Google Fonts family, or a map with `family` and
+  optional `weights` and `italic`. `label` and `subtitle` are optional.
+  Omitted roles keep Cinzel Decorative, Newsreader, and Courier Prime.
+  The text faces still load after the first paint.
+
 ## [1.6.9] — 2026-10-10
 
 ### Fixed

data/DESIGN.md

@@ -436,7 +436,7 @@ motion:
   mediaFilter: "0.4s ease"
   mediaTransform: ["0.6s ease", "0.7s ease"]
   lightbox: ["160ms ease-out", "180ms ease-out"]
-  readingProgress: "scroll(root block) timeline, beNewsreader @supports"
+  readingProgress: "scroll(root block) timeline, behind @supports"
   reducedMotion: "5 rules — see Motion below"
 ---
 
@@ -568,7 +568,7 @@ mix — and on the article detail view.
 
 `renderPosterMedia` extends the rule to runtime failure: a thumbnail that
 404s removes its own `.ledger-poster` wrapper via an inline `onerror`, so a
-dead third-party image leaves no empty plate beNewsreader.
+dead third-party image leaves no empty plate behind.
 
 ### Where the library is not yet the only source
 
@@ -972,7 +972,7 @@ Letter-spacing in use, by frequency: `0.1em` (12), `0.08em` (10), `0.12em` (7),
   table of contents appears in that sidebar only from `1024px`; below it, the
   same list is mounted as a `<details>` disclosure instead. A 2px `primary`
   reading-progress bar is drawn on a pseudo-element of the detail section with
-  `animation-timeline: scroll(root block)`, beNewsreader an `@supports` guard, so
+  `animation-timeline: scroll(root block)`, behind an `@supports` guard, so
   engines without scroll-driven animation simply get no bar.
 * **CV.** A `panelContrast` dossier band with two shards, then five
   `.cv-register` sections and a timeline band. Each register is a 3/9 grid at
@@ -1035,7 +1035,7 @@ linear` on the reading-progress bar, where the duration is a placeholder that
 `animation-timeline: scroll(root block)` overrides.
 
 **Scroll-driven animation** is new: the reading-progress bar in
-`ledger/detail.css` uses `animation-timeline: scroll(root block)` beNewsreader an
+`ledger/detail.css` uses `animation-timeline: scroll(root block)` behind an
 `@supports` guard, with a 1ms `linear` animation scaling a fixed 2px `primary`
 bar from 0 to 1.
 
@@ -1117,7 +1117,7 @@ everything else, so the query catches them too.
   carries both class names, so any media query that repositions the pair has to
   restate the base rule's `auto` offsets on the beta: leave all four set and
   the browser resolves to top and left, and the pair collapses into one corner.
-  And a shard beNewsreader an opaque plate is a shard nobody sees, which is why the
+  And a shard behind an opaque plate is a shard nobody sees, which is why the
   home featured pair goes around its poster rather than across the card.
 
   On the writing index the shard was for a long time written to stand down
@@ -1152,7 +1152,7 @@ everything else, so the query catches them too.
 `overflow: hidden` and lifts its content clear with `position: relative;
 z-index: 1`. The filter decks and `.rascunhos-pagination` are plain
 `panelContrast` strips. `.home-hero-plate` and `.home-graph-plate` sit a rung
-lower, on `surfaceCard`, beNewsreader a `gentleSubtle` hairline.
+lower, on `surfaceCard`, behind a `gentleSubtle` hairline.
 
 ### Filter deck
 
@@ -1311,11 +1311,11 @@ as enforced by [`_plugins/lib/tag_validator.rb`](_plugins/lib/tag_validator.rb):
   mixes `--color-primary` at 40% into the border — the reference mockup's
   "hairline transitions to warm antique brass at 40%", made accent-aware).
   One sanctioned exception, added 2026-09: a wide, very low opacity accent
-  pool sits *beNewsreader* a band. It is a backdrop, not a content effect — no card,
+  pool sits *behind* a band. It is a backdrop, not a content effect — no card,
   panel or row gains a glow, and the pool is blurred past any visible edge so
   it reads as ambient light in the room rather than as a shape. Three of them
   ship: the home hero at 7% (`.home-band--hero::before`), the home Sources and
-  Network band at 5% (`.home-band--index::before`), and one beNewsreader the Network
+  Network band at 5% (`.home-band--index::before`), and one behind the Network
   of Ideas graph at 7%, whose centre and width are read off the settled D3
   layout rather than fixed (`assets/css/ledger/network.css`).
 
@@ -1418,7 +1418,7 @@ them.
     buttons, `shadow-sm`, and a `bg-gradient-to-b from-primary
     to-primary-container` fill — three of the system's rules broken on one
     page.
-11. **Navigation is still fully hidden.** A rich, deep site sits beNewsreader one
+11. **Navigation is still fully hidden.** A rich, deep site sits behind one
     hamburger at every breakpoint, so its structure is invisible on arrival.
     This survived the redesign untouched.
 12. **Tailwind runs from the Play CDN in production**

data/_includes/content-runtime/30-includes.html

@@ -194,7 +194,7 @@
     }
 
     function placeholderHtml() {
-      return '<div class="w-full h-full flex items-center justify-center opacity-30"><span class="material-symbols-outlined text-5xl">article</span></div>';
+      return '<div class="w-full h-full flex items-center justify-center opacity-30"><span class="material-symbols-outlined text-5xl" aria-hidden="true">article</span></div>';
     }
 
     function normalizeDataPath(path, fallbackPrefix) {

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

@@ -317,7 +317,7 @@
         '<img src="', escapeAttr(url), '" alt="', escapeAttr(alt || ''),
         '" loading="lazy" decoding="async"',
         // Thumbnails are frequently hotlinked to third-party hosts. When one
-        // dies, remove the frame rather than leaving an empty plate beNewsreader.
+        // dies, remove the frame rather than leaving an empty plate behind.
         ' onerror="var p=this.closest(\'.ledger-poster\'); if (p) p.remove();"',
         '>',
         '</div>'

data/_includes/content-runtime/50-detail.html

@@ -12,7 +12,7 @@
           /* The page accent, not a fixed triad role: this glyph marks a
              project, and the projects page reads blue. text-secondary pinned
              it green there regardless. */
-          parts.push('<span class="material-symbols-outlined text-5xl md:text-6xl text-primary mb-4 block leading-none">' + escapeHtml(fm.icon) + '</span>');
+          parts.push('<span class="material-symbols-outlined text-5xl md:text-6xl text-primary mb-4 block leading-none" aria-hidden="true">' + escapeHtml(fm.icon) + '</span>');
         }
         parts.push('<h1 class="text-title">' + escapeHtml(title) + '</h1>');
         if (fm.layout === 'post' && fm.thumbnail) {
@@ -416,7 +416,7 @@
         '<a href="', escapeAttr(options.backUrl || '#'), '" ',
         'class="back-link text-sm font-label inline-flex items-center gap-2 no-underline hover:underline text-primary mb-8 block" ',
         'id="', escapeAttr(options.id || 'runtime-back-link'), '">',
-        '<span class="material-symbols-outlined text-sm">arrow_left_alt</span>',
+        '<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>',
         escapeHtml(label),
         '</a>'
       ].join('');
@@ -429,7 +429,7 @@
       if (options.previousUrl) {
         parts.push(
           '<a href="', escapeAttr(options.previousUrl), '">',
-          '<span class="material-symbols-outlined text-sm">arrow_left_alt</span>',
+          '<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>',
           escapeHtml(translate('previous_text', lang)),
           '</a>'
         );
@@ -441,14 +441,14 @@
         parts.push(
           '<a href="', escapeAttr(options.nextUrl), '">',
           escapeHtml(translate('next_text', lang)),
-          '<span class="material-symbols-outlined text-sm">arrow_right_alt</span>',
+          '<span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_right_alt</span>',
           '</a>'
         );
       } else if (options.showRandom) {
         parts.push(
           '<a href="#" id="random-post-link">',
           escapeHtml(translate('random_text', lang)),
-          '<span class="material-symbols-outlined text-sm">shuffle</span>',
+          '<span class="material-symbols-outlined text-sm" aria-hidden="true">shuffle</span>',
           '</a>'
         );
       } else {

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

@@ -461,7 +461,7 @@
         '<a href="', escapeAttr(href), '"', targetRel,
         ' class="group flex h-full items-center gap-3 no-underline">',
         '<div class="w-12 h-12 rounded-[9999px] bg-surface-container-highest flex items-center justify-center group-hover:bg-primary-container transition-colors">',
-        '<span class="material-symbols-outlined text-on-surface group-hover:text-on-primary-container">',
+        '<span class="material-symbols-outlined text-on-surface group-hover:text-on-primary-container" aria-hidden="true">',
         escapeHtml(contact.icon || ''),
         '</span></div><div>',
         '<span class="block marginalia text-tertiary">',

data/_includes/page/network-graph.html

@@ -723,7 +723,7 @@
            settled layout in placePool() below.
 
            Drawn inside the SVG because the canvas rectangle above is opaque
-           and would cover anything beNewsreader it, and between that rectangle and
+           and would cover anything behind it, and between that rectangle and
            the zoom group so it stays a backdrop: every edge, mark and label is
            painted over it. It sits in screen space rather than in graph space,
            like the hover card, so the blur is the same 60px at every
@@ -1182,7 +1182,7 @@
         }
 
         /* Screen space, like the hover card: the pools track their clusters
-           under panning and scale with the zoom, but the blur beNewsreader them stays
+           under panning and scale with the zoom, but the blur behind them stays
            the same 60px at every magnification instead of dissolving as the
            reader pulls back. */
         function placePool() {

data/_includes/page/site-footer.html

@@ -5,7 +5,7 @@
   Five of the six mockups draw the same footer: a wide masthead, a colophon
   with a typeset line, an index of external repositories, and a mono imprint
   carrying coordinates and an edition number. Almost none of that has a field
-  beNewsreader it. What is left after the hard rule is three blocks over one
+  behind it. What is left after the hard rule is three blocks over one
   imprint, and every one of them reads a value that already exists:
 
     Masthead  site.author + the home hero catch phrase
@@ -14,7 +14,7 @@
     Imprint   site.author + site.content_license
 
   A colophon block naming the four type roles was added and then removed at
-  the owner's request: the faces did have a field beNewsreader them, but the line
+  the owner's request: the faces did have a field behind them, but the line
   was not wanted in the footer. The mockup's edition number, paper stock and
   press note have no field at all and were never drawn.
 

data/_includes/theme/font-loader.html

@@ -1,62 +1,10 @@
-{% include theme/theme-context.liquid %}
-{% assign font_title = sf.title | default: "Lora" %}
-{% assign font_subtitle = sf.subtitle | default: "Lato" %}
-{% assign font_label = sf.label | default: "Ysabeau SC" %}
-{% assign font_body = sf.body | default: "Newsreader" %}
-{% assign font_mono = sf.mono %}
-{% assign font_code = sf.code %}
-{% assign font_cv_body = sf.cv_body %}
-{% assign title_slug = font_title | replace: ' ', '+' %}
-{% assign subtitle_slug = font_subtitle | replace: ' ', '+' %}
-{% assign label_slug = font_label | replace: ' ', '+' %}
-{% assign body_slug = font_body | replace: ' ', '+' %}
-{% assign mono_slug = font_mono | replace: ' ', '+' %}
-{% assign code_slug = font_code | replace: ' ', '+' %}
-{% assign cv_body_slug = font_cv_body | replace: ' ', '+' %}
-{% assign title_spec = sf.google_title_spec | default: "ital,wght@0,400;0,500;0,700;1,400;1,500" %}
-{% assign subtitle_spec = sf.google_subtitle_spec | default: "ital,wght@0,300;0,400;0,500;0,700;1,400;1,500" %}
-{% assign label_spec = sf.google_label_spec | default: "ital,wght@0,400;0,500;0,700;1,400;1,500" %}
-{% assign body_spec = sf.google_body_spec | default: "ital,wght@0,300;0,400;0,500;0,700;1,400;1,500;1,700" %}
-{% assign mono_spec = sf.google_mono_spec | default: "wght@400;500;700" %}
-{% assign code_spec = sf.google_code_spec | default: "wght@300;400;500;600;700" %}
-{% assign cv_body_spec = sf.google_cv_body_spec | default: "wght@300;400;500;600;700" %}
-{% comment %}
-  Build the Google Fonts URL without repeating a family. Title is always
-  requested. Body / label / subtitle / mono / code append only when their
-  family name differs from ones already on the URL.
-{% endcomment %}
-{% assign fonts_href = "https://fonts.googleapis.com/css2?family=" | append: title_slug | append: ":" | append: title_spec %}
-{% unless font_label == font_title %}
-  {% assign fonts_href = fonts_href | append: "&family=" | append: label_slug | append: ":" | append: label_spec %}
-{% endunless %}
-{% unless font_body == font_title or font_body == font_label %}
-  {% assign fonts_href = fonts_href | append: "&family=" | append: body_slug | append: ":" | append: body_spec %}
-{% endunless %}
-{% if font_mono and font_mono != '' %}
-  {% unless font_mono == font_title or font_mono == font_label or font_mono == font_body %}
-    {% assign fonts_href = fonts_href | append: "&family=" | append: mono_slug | append: ":" | append: mono_spec %}
-  {% endunless %}
-{% endif %}
-{% if font_code and font_code != '' %}
-  {% unless font_code == font_title or font_code == font_label or font_code == font_body or font_code == font_mono %}
-    {% assign fonts_href = fonts_href | append: "&family=" | append: code_slug | append: ":" | append: code_spec %}
-  {% endunless %}
-{% endif %}
-{% if font_subtitle != font_body and font_subtitle != font_label and font_subtitle != font_title %}
-  {% assign fonts_href = fonts_href | append: "&family=" | append: subtitle_slug | append: ":" | append: subtitle_spec %}
-{% endif %}
-{% if font_cv_body and font_cv_body != '' %}
-  {% unless font_cv_body == font_title or font_cv_body == font_label or font_cv_body == font_body or font_cv_body == font_subtitle %}
-    {% assign fonts_href = fonts_href | append: "&family=" | append: cv_body_slug | append: ":" | append: cv_body_spec %}
-  {% endunless %}
-{% endif %}
-{% assign fonts_href = fonts_href | append: "&display=swap" %}
 {% comment %}
   Not a render-blocking head link, and not the load event. A blocking
   sheet holds first paint on the font host. The load event holds the hero
   summary until images finish. The shell inserts this sheet after the
-  first paint. display=swap stays.
+  first paint. The URL always ends in &display=swap.
 {% endcomment %}
+{% assign fonts_href = site | pandorga_font_stylesheet %}
 <script>
   window.__pandorgaFontsHref = {{ fonts_href | jsonify }};
 </script>

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

@@ -1,6 +1,7 @@
 {% comment %}
   Emits CSS custom properties for one palette. Expects `theme_name` (e.g. light, dark).
-  Colour roles come from _data/themes/<name>.yml; fonts / motion / geometry from shared.yml.
+  Colour roles come from _data/themes/<name>.yml. Type stacks come from
+  pandorga.fonts, then shared.yml. Motion and geometry come from shared.yml.
 {% endcomment %}
 {% assign theme_profile = site.data.themes[theme_name] %}
 {% if theme_profile == nil %}
@@ -17,34 +18,25 @@
 {% assign color_primary = tc.primary | default: "#1c5a7a" %}
 {% assign color_secondary = tc.secondary | default: "#287445" %}
 {% assign color_tertiary = tc.tertiary | default: "#746f30" %}
-{% assign font_title = sf.title | default: "Lora" %}
-{% assign font_subtitle = sf.subtitle | default: "Lato" %}
-{% assign font_label = sf.label | default: "Ysabeau SC" %}
-{% assign font_body = sf.body | default: "Newsreader" %}
-{% assign font_cv_body = sf.cv_body | default: "Newsreader" %}
 {% assign font_cv_body_weight = sf.cv_body_weight | default: 400 %}
-{% assign font_title_fallback = sf.title_fallback | default: "serif" %}
-{% assign font_subtitle_fallback = sf.subtitle_fallback | default: "serif" %}
-{% assign font_label_fallback = sf.label_fallback | default: "serif" %}
-{% assign font_body_fallback = sf.body_fallback | default: "Georgia, serif" %}
 {% 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" %}
 {% if theme_name == "light" %}:root,{% endif %}
   [data-theme="{{ theme_name }}"] {
-    --font-title: '{{ font_title }}', {{ font_title_fallback }};
-    --font-subtitle: '{{ font_subtitle }}', {{ font_subtitle_fallback }};
-    --font-label: '{{ font_label }}', {{ font_label_fallback }};
-    --font-body: '{{ font_body }}', {{ font_body_fallback }};
-    --font-cv-body: '{{ font_cv_body }}', {{ font_body_fallback }};
+    --font-title: {{ site | pandorga_font_stack: "title" }};
+    --font-subtitle: {{ site | pandorga_font_stack: "subtitle" }};
+    --font-label: {{ site | pandorga_font_stack: "label" }};
+    --font-body: {{ site | pandorga_font_stack: "body" }};
+    --font-cv-body: {{ site | pandorga_font_stack: "cv_body" }};
     --font-cv-body-weight: {{ font_cv_body_weight }};
-    --font-serif: '{{ font_title }}', {{ font_title_fallback }};
+    --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);
     --font-sans: var(--font-body);
-    --font-mono: {% if sf.mono and sf.mono != '' %}'{{ sf.mono }}', {% endif %}ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
-    --font-code: {% if sf.code and sf.code != '' %}'{{ sf.code }}', {% elsif sf.mono and sf.mono != '' %}'{{ sf.mono }}', {% endif %}ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
+    --font-mono: {{ site | pandorga_font_stack: "mono" }};
+    --font-code: {{ site | pandorga_font_stack: "code" }};
 
     /* Motion. Named for what they are for: state change, poster filter
        warm-up, poster/plate scale. Shared across palettes. */

data/_layouts/articles.html

@@ -327,7 +327,7 @@ layout: shell
     /* Lead panel. Binds title, date, revision, tags, description and the
      * thumbnail — the same strip as the rows below it, language pill included
      * in the omission. The mockup's topology figure, its DOI/arXiv line and its
-     * "Critical Notes" list have no field beNewsreader them, so none is rendered.
+     * "Critical Notes" list have no field behind them, so none is rendered.
      *
      * The panel reads down the left and stops on the action: kicker, ledger
      * line, title, summary, tags, then "Read article" — with the plate holding

data/_layouts/projects.html

@@ -102,7 +102,7 @@ layout: shell
 
     /* ── Field readers ──────────────────────────────────────────────────
        Each returns '' when its field is unset, so an absent field drops the
-       element rather than leaving a placeholder beNewsreader. */
+       element rather than leaving a placeholder behind. */
 
     function projectName(item) {
       var fm = item.front_matter || {};
@@ -297,7 +297,7 @@ layout: shell
 
     /* Closing ledger. One row per repository that front matter actually
        names — five of seven today. The mockup's licence stamp, spec download
-       and commit hashes have nothing beNewsreader them and are not drawn. */
+       and commit hashes have nothing behind them and are not drawn. */
     function renderRepositories(items) {
       var rows = items.filter(function (item) {
         return (item.front_matter || {}).github;

data/_layouts/resources.html

@@ -173,7 +173,7 @@ layout: shell
 
     /* The four facets a source is filed under: what it is, how it is
        classified, what language it speaks, and where it speaks from. Each
-       renders only when the field beNewsreader it is populated, so a source missing
+       renders only when the field behind it is populated, so a source missing
        a category shows three chips and no gap where the fourth would be. */
     function renderFacets(fm, medium) {
       var chips = [

data/_layouts/shell.html

@@ -47,7 +47,7 @@
   {% assign og_image_type = "image/png" %}
   {% endif %}
   <meta property="og:image" content="{{ og_image_url }}" />
-  <meta name="image" property="og:image" content="{{ og_image_url }}" />
+  <meta name="image" content="{{ og_image_url }}" />
   <meta property="og:image:width" content="1200" />
   <meta property="og:image:height" content="630" />
   <meta property="og:image:type" content="{{ og_image_type }}" />

data/_layouts/text.html

@@ -69,7 +69,7 @@ layout: shell
         {% if page.collection == "posts" or page.collection == "articles" or page.layout == "product" or page.layout == "project" %}
         <div class="article-sidebar-heading mb-8">
           {% if page.icon %}
-          <span class="material-symbols-outlined text-5xl md:text-6xl text-secondary mb-4 block leading-none">{{ page.icon }}</span>
+          <span class="material-symbols-outlined text-5xl md:text-6xl text-secondary mb-4 block leading-none" aria-hidden="true">{{ page.icon }}</span>
           {% endif %}
           <h1 class="text-title">{{ page.title }}</h1>
           {% if page.collection == "posts" and page.thumbnail %}
@@ -202,7 +202,7 @@ layout: shell
       <nav class="text-page-nav text-reading-column w-full" aria-label="Article navigation">
         {% if page.previous %}
         <a href="{{ page.previous.url }}">
-          <span class="material-symbols-outlined text-sm">arrow_left_alt</span>
+          <span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_left_alt</span>
           {{ t.previous_text[lang] }}
         </a>
         {% else %}
@@ -211,12 +211,12 @@ layout: shell
         {% if page.next %}
         <a href="{{ page.next.url }}">
           {{ t.next_text[lang] }}
-          <span class="material-symbols-outlined text-sm">arrow_right_alt</span>
+          <span class="material-symbols-outlined text-sm" aria-hidden="true">arrow_right_alt</span>
         </a>
         {% elsif page.collection == "posts" %}
         <a href="#" id="random-post-link">
           {{ t.random_text[lang] }}
-          <span class="material-symbols-outlined text-sm">shuffle</span>
+          <span class="material-symbols-outlined text-sm" aria-hidden="true">shuffle</span>
         </a>
         {% else %}
         <span></span>

data/_plugins/lib/writing_entry.rb

@@ -15,7 +15,7 @@ require_relative "text_excerpt"
 # (standalone, for scripts/content/export-content-json.rb). They differ only in how
 # they derive the repo-relative path used for Git chronology, so each passes
 # its own. Everything downstream lives here, because a field added or a bug
-# fixed in one copy used to leave the other silently beNewsreader.
+# fixed in one copy used to leave the other silently behind.
 module WritingEntry
   XCITE_RE = /\{%-?\s*include\s+xcite\.html\s+key=["']([^"']+)["'][^%]*-?%\}/
 

data/assets/css/article.css

@@ -186,7 +186,7 @@
   justify-content: center;
   box-sizing: border-box;
   padding: 0.35rem 0.55rem;
-  /* A fixed dark plate beNewsreader light-on-transparent marks. It must stay dark in
+  /* A fixed dark plate behind light-on-transparent marks. It must stay dark in
      both themes, so no surface token fits: every one of them flips. */
   background: #111;
 }
@@ -349,7 +349,7 @@
 
    The projects page had this to itself until now; these rules are the ones it
    proved, moved up so the treatment is the site's rather than one page's. What
-   stayed beNewsreader in ledger/projects.css is the *other* thing that page does —
+   stayed behind in ledger/projects.css is the *other* thing that page does —
    letting media out of the reading measure — which is a separate decision.
 
    `.plotly-figure` and the videos both carry the `figure` element, so one
@@ -436,7 +436,7 @@ body.figure-lightbox-open {
 .figure-lightbox-backdrop {
   position: absolute;
   inset: 0;
-  /* Near-opaque black so the article beNewsreader never reads as “another page”. */
+  /* Near-opaque black so the article behind never reads as “another page”. */
   background: rgba(0, 0, 0, 0.85);
   cursor: zoom-out;
   animation: figure-lightbox-fade-in var(--motion-duration-fast) var(--motion-ease-out);

data/assets/css/base.css

@@ -208,24 +208,6 @@ html body {
   letter-spacing: 0.05em;
 }
 
-/* ── Display title scale (home hero, 404) ── */
-.page-title {
-  font-family: var(--font-title);
-  font-size: var(--type-display);
-  font-weight: var(--weight-display);
-  line-height: 1.05;
-  color: var(--color-on-surface);
-  letter-spacing: normal;
-  font-synthesis: none;
-  font-optical-sizing: auto;
-}
-
-@media (min-width: 768px) {
-  .page-title {
-    font-size: var(--type-display-lg);
-  }
-}
-
 /* Listing page headers (CV, Articles, Portfolio, Rascunhos, …) */
 .page-header-title {
   font-family: var(--font-title);
@@ -345,22 +327,6 @@ html body {
       color-mix(in srgb, var(--color-tertiary) 2%, transparent) 98%);
 }
 
-.ledger-marker--primary {
-  background: linear-gradient(104deg,
-      transparent 0.9%,
-      color-mix(in srgb, var(--color-primary) 16%, transparent) 2.4%,
-      color-mix(in srgb, var(--color-primary) 12%, transparent) 58%,
-      color-mix(in srgb, var(--color-primary) 4%, transparent) 98%);
-}
-
-[data-theme="dark"] .ledger-marker--primary {
-  background: linear-gradient(104deg,
-      transparent 0.9%,
-      color-mix(in srgb, var(--color-primary) 9%, transparent) 2.4%,
-      color-mix(in srgb, var(--color-primary) 6%, transparent) 58%,
-      color-mix(in srgb, var(--color-primary) 2%, transparent) 98%);
-}
-
 /* ── Page-level accent ────────────────────────────────────────────────
    The shared triad (theme/theme-vars-block.liquid) declares one primary per
    theme, but each section of the site reads in its own hue: Projects and
@@ -1175,25 +1141,6 @@ html[data-theme="light"] .ledger-system-card {
   border-color: var(--border-ink);
 }
 
-/* Triad top hairline — reusable edge accent (home grids + any listing). */
-.ledger-card--edge-primary {
-  border-top-width: 2px;
-  border-top-style: solid;
-  border-top-color: var(--color-primary);
-}
-
-.ledger-card--edge-secondary {
-  border-top-width: 2px;
-  border-top-style: solid;
-  border-top-color: var(--color-secondary);
-}
-
-.ledger-card--edge-tertiary {
-  border-top-width: 2px;
-  border-top-style: solid;
-  border-top-color: var(--color-tertiary);
-}
-
 /* Drafting corner brackets — four L-corners, no labels. Pure decoration.
    Outline ink (not primary): the corners are drafting marks on the plate,
    same register as `.ledger-frame-crosshairs`, not a brand accent. */
@@ -1234,32 +1181,6 @@ html[data-theme="light"] .ledger-system-card {
     linear-gradient(var(--color-outline), var(--color-outline)) bottom right / var(--cross-thick) var(--cross-arm) no-repeat;
 }
 
-/* Lithography section divider — double hairline with a short primary tick. */
-.ledger-section-rule {
-  display: block;
-  height: 0;
-  margin: 0 0 var(--space-xl);
-  border: 0;
-  border-top: 1px solid var(--border-gentle-divider);
-  box-shadow: 0 3px 0 -2px var(--border-gentle-faint);
-  position: relative;
-}
-
-.ledger-section-rule::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: -1.5px;
-  width: 2.5rem;
-  height: 2px;
-  background: var(--color-primary);
-}
-
-.ledger-section-rule--dashed {
-  border-top-style: dashed;
-  box-shadow: none;
-}
-
 /* Hover lifts the card one rung and warms its hairline toward the page's
    accent. The reference mockup states this as "the line transitions to
    subtle charcoal slate or warm antique brass at 40% opacity" — the accent

data/assets/css/global-link.css

@@ -22,7 +22,6 @@ a {
  * titles, plus the chip exceptions that were being added one class at a time
  * as each new piece of card chrome turned up underlined. */
 p a:hover,
-.post-content a:hover,
 .article-content a:hover,
 .description a:hover {
   color: var(--color-link-hover);

data/assets/css/ledger/chrome.css

@@ -2,7 +2,7 @@
    belong in assets/css/base.css under "Architectural Ledger blocks".
 
    The mockups put the sections in a flat, always-visible rail rather than
-   beNewsreader a button. The links still come from _data/nav.yml, so the site keeps
+   behind a button. The links still come from _data/nav.yml, so the site keeps
    one source of navigation; only the presentation changes. The Explore menu
    stays for narrow viewports, where six links do not fit. */
 

data/assets/css/ledger/cv.css

@@ -347,7 +347,7 @@ html[data-theme="light"] .cv-product {
 
 /* A place is prose, not notation, so it reads in the body face rather than
    mono — and on the same left edge as every other line of the card. The pin
-   icon and the indent it sat beNewsreader said nothing the word "France" does not
+   icon and the indent it sat behind said nothing the word "France" does not
    already say, and cost the entry its one straight margin. */
 .cv-entry-place {
   color: var(--color-on-surface-variant);

data/assets/css/ledger/detail.css

@@ -14,7 +14,7 @@
    to beat one are written with two compound parts on purpose. */
 
 /* ══ Reading progress ══
-   Pure UI state, no field beNewsreader it, and no DOM hook to hang it on — the
+   Pure UI state, no field behind it, and no DOM hook to hang it on — the
    runtime owns the detail markup. A scroll-driven animation on a pseudo of
    the detail section gives the mockup's indicator with zero markup, and the
    @supports guard means older engines simply get no bar.

data/assets/css/ledger/footer.css

@@ -230,7 +230,7 @@
 }
 
 /* A middot between items rather than a separator element, so an absent
-   license leaves no orphaned punctuation beNewsreader. */
+   license leaves no orphaned punctuation behind. */
 .site-footer-imprint-item+.site-footer-imprint-item::before {
   content: "·";
   margin-right: var(--space-md);