@cogenta/theme-entreprise 1.1.3 → 1.4.0

package/dist/src/index.d.ts

@@ -13,4 +13,5 @@ export * from './render/blocks/stats.js';
 export * from './render/chrome.js';
 export * from './render/render-block.js';
 export * from './render/term-archive.js';
+export * from './render/widget-areas.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAA;AAClD,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAA;AAClD,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

package/dist/src/index.js

@@ -13,4 +13,5 @@ export * from './render/blocks/stats.js';
 export * from './render/chrome.js';
 export * from './render/render-block.js';
 export * from './render/term-archive.js';
+export * from './render/widget-areas.js';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAA;AAClD,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAA;AAClD,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

package/dist/src/render/blocks/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAEL,KAAK,WAAW,EAGhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAkC3B,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAiBtF"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAEL,KAAK,WAAW,EAGhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAgC3B,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAwBtF"}

package/dist/src/render/blocks/accordion.js

@@ -1,24 +1,21 @@
 import { blockHeadingTag, h, heading, renderRichText, } from '@cogenta/theme-kit';
+import { ordinal, section } from '../layout.js';
 /**
- * `blocks@2.0` (RFC 0001). Reuses `faq`'s zero-JS `<details>`/`<summary>`
- * mechanics — expanding, keyboard operation and the expanded state
- * announced to assistive technology all come from the browser — but with a
- * markup vocabulary and class names of its own (`cg-panels`, not
- * `cg-faq`) so the two blocks can diverge visually later without one
- * depending on the other: "accordion" and "frequently asked question" are
- * different editorial intents even where the underlying question/answer
- * shape coincides.
+ * `blocks@2.0` (RFC 0001). The same zero-JavaScript `<details>`/`<summary>`
+ * mechanics as `faq`, laid out for a different intent: a specification or a
+ * method in numbered steps, across the full grid. The title sits above the
+ * list rather than beside it, each row carries its ordinal in the left
+ * column, and the open panel's text lines up with the question it answers.
  *
- * Where `faq` numbers its rows, this one reads as a stack of bordered
- * panels with a rotating chevron mark, closer to a features/specification
- * accordion than a support page.
+ * Class names are its own (`cg-accordion`, not `cg-faq`) so the two blocks
+ * can diverge without one depending on the other.
  */
-function renderItem(item, ctx) {
-    return h('li', { class: 'cg-panels__item' }, h('details', { class: 'cg-panels__details' }, h('summary', { class: 'cg-panels__question' }, h('span', { class: 'cg-panels__question-text' }, item.question), h('span', { class: 'cg-panels__chevron', 'aria-hidden': 'true' })), h('div', { class: 'cg-panels__answer' }, renderRichText(ctx, item.answer))));
+function renderItem(item, index, ctx) {
+    return h('li', { class: 'cg-accordion__item' }, h('details', { class: 'cg-accordion__details' }, h('summary', { class: 'cg-accordion__question' }, h('span', { class: 'cg-accordion__index', 'aria-hidden': 'true' }, ordinal(index)), h('span', { class: 'cg-accordion__question-text' }, item.question), h('span', { class: 'cg-toggle-mark', 'aria-hidden': 'true' })), h('div', { class: 'cg-accordion__answer' }, renderRichText(ctx, item.answer))));
 }
 export function renderAccordion(block, ctx) {
-    return h('section', { class: 'cg-panels', 'data-block': 'accordion' }, block.title === undefined
+    return section('section', 'accordion', 'cg-accordion', {}, 'div', block.title === undefined
         ? null
-        : heading(blockHeadingTag('accordion') ?? 'h2', { class: 'cg-panels__title', 'data-field': 'title' }, block.title), h('ul', { class: 'cg-panels__items' }, block.items.map((item) => renderItem(item, ctx))));
+        : h('div', { class: 'cg-head' }, heading(blockHeadingTag('accordion') ?? 'h2', { class: 'cg-head__title', 'data-field': 'title' }, block.title)), h('ol', { class: 'cg-accordion__items' }, block.items.map((item, index) => renderItem(item, index, ctx))));
 }
 //# sourceMappingURL=accordion.js.map

package/dist/src/render/blocks/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/render/blocks/accordion.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,EAEP,cAAc,GACf,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;;;;GAaG;AACH,SAAS,UAAU,CAAC,IAAmB,EAAE,GAAkB;IACzD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAC/D,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAClE,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAC3E,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,GAAkB;IACvE,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,EACjD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,WAAW,CAAC,IAAI,IAAI,EACpC,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,OAAO,EAAE,EACpD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CACjD,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/render/blocks/accordion.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,EAEP,cAAc,GACf,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE/C;;;;;;;;;GASG;AACH,SAAS,UAAU,CAAC,IAAmB,EAAE,KAAa,EAAE,GAAkB;IACxE,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,wBAAwB,EAAE,EACnC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAClF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAClE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAC9D,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAC9E,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,GAAkB;IACvE,OAAO,OAAO,CACZ,SAAS,EACT,WAAW,EACX,cAAc,EACd,EAAE,EACF,KAAK,EACL,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,OAAO,CACL,eAAe,CAAC,WAAW,CAAC,IAAI,IAAI,EACpC,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,EAClD,KAAK,CAAC,KAAK,CACZ,CACF,EACL,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAC/D,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/collection-list.d.ts

@@ -1,13 +1,11 @@
 import type { CollectionListBlock } from '@cogenta/blocks';
 import { buildCollectionListQuery, type ContentEntry, type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * The only block of the seventeen that reads data at render time — contract B
- * marks it `runtime: 'server'` for that reason. The read is *not* done
- * here: `query` builds the request from the block's own fields
- * (`@cogenta/theme-kit`'s `buildCollectionListQuery`, shared across every
- * theme), the caller awaits `ctx.content.list(...)` before rendering
- * starts, and this function stays a pure function of the entries handed to
- * it.
+ * The only block of the seventeen that reads data at render time (contract B
+ * marks it `runtime: 'server'`). The read is not done here: `query` builds
+ * the request from the block's own fields, the caller awaits
+ * `ctx.content.list(...)` before rendering starts, and this function stays a
+ * pure function of the entries handed to it.
  */
 export { buildCollectionListQuery as query };
 export declare function renderCollectionList(block: CollectionListBlock, ctx: RenderContext, entries: readonly ContentEntry[]): HtmlElement;

package/dist/src/render/blocks/collection-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-list.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/collection-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAEL,wBAAwB,EACxB,KAAK,YAAY,EAOjB,KAAK,WAAW,EAIhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;GAQG;AACH,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,CAAA;AAkD5C,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,EAC1B,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,SAAS,YAAY,EAAE,GAC/B,WAAW,CAuCb"}
+{"version":3,"file":"collection-list.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/collection-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAEL,wBAAwB,EACxB,KAAK,YAAY,EAOjB,KAAK,WAAW,EAIhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAG3B;;;;;;GAMG;AACH,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,CAAA;AAkG5C,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,EAC1B,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,SAAS,YAAY,EAAE,GAC/B,WAAW,CA0Cb"}

package/dist/src/render/blocks/collection-list.js

@@ -1,51 +1,80 @@
 import { blockHeadingTag, buildCollectionListQuery, entryDate, entryExcerpt, entryHref, entryImage, entryTitle, h, heading, nestedHeadingTag, renderImageSource, } from '@cogenta/theme-kit';
+import { arrow, monthYear, ordinal, section } from '../layout.js';
 /**
- * The only block of the seventeen that reads data at render time — contract B
- * marks it `runtime: 'server'` for that reason. The read is *not* done
- * here: `query` builds the request from the block's own fields
- * (`@cogenta/theme-kit`'s `buildCollectionListQuery`, shared across every
- * theme), the caller awaits `ctx.content.list(...)` before rendering
- * starts, and this function stays a pure function of the entries handed to
- * it.
+ * The only block of the seventeen that reads data at render time (contract B
+ * marks it `runtime: 'server'`). The read is not done here: `query` builds
+ * the request from the block's own fields, the caller awaits
+ * `ctx.content.list(...)` before rendering starts, and this function stays a
+ * pure function of the entries handed to it.
  */
 export { buildCollectionListQuery as query };
 /**
- * A card in every layout: a 16:9 cover on top (`entryImage`, the same
- * `coverImage`/`cover`/… convention every entry-carrying block on this site
- * reads), then title and excerpt below it — the "services/insights card"
- * register a B2B site's listing pages use, replacing the previous ledger
- * row (a date rail beside plain text, no visual at all). An entry with no
- * image still renders a complete card; the cover slot is simply absent
- * rather than a placeholder box standing in for one.
+ * Three designed layouts, one markup per entry:
+ *
+ * - `list` is the case-study register: alternating rows, the picture on
+ *   seven columns and the text on four, swapping sides from one row to the
+ *   next. An entry with no picture becomes a typographic row (title left,
+ *   summary right) under the same hairline, never a row with a hole in it.
+ * - `grid` is an editorial index in three columns: a 3:2 picture, a hairline,
+ *   the title in the display serif and its summary. No card border, no lift
+ *   on hover.
+ * - `carousel` is the grid's item in a scroll-snapping, focusable row.
+ *
+ * The picture link is hidden from assistive technology and from the tab
+ * order: it goes where the title link goes, and one link per entry is what
+ * a keyboard or screen reader user should meet.
  */
-function renderCover(entry, ctx) {
-    const cover = entryImage(entry, ctx);
-    if (cover === undefined)
+function renderPicture(entry, ctx, url) {
+    const picture = entryImage(entry, ctx);
+    if (picture === undefined)
         return null;
-    return h('span', { class: 'cg-list__cover' }, renderImageSource(cover, { className: 'cg-list__cover-image', loading: 'lazy' }));
+    return h('a', { class: 'cg-entry__media', href: url, tabindex: '-1', 'aria-hidden': 'true' }, renderImageSource(picture, {
+        className: 'cg-entry__image',
+        loading: 'lazy',
+        sizes: '(min-width: 64rem) 55vw, 100vw',
+    }));
 }
-function renderEntry(entry, ctx, tag) {
-    const date = entryDate(entry);
+function renderEntry(entry, index, ctx, tag) {
+    const url = entryHref(entry, ctx);
     const excerpt = entryExcerpt(entry);
-    return h('li', { class: 'cg-list__row' }, renderCover(entry, ctx), h('div', { class: 'cg-list__body' }, heading(tag, { class: 'cg-list__title' }, h('a', { class: 'cg-list__link', href: entryHref(entry, ctx) }, entryTitle(entry, ctx))), excerpt === undefined ? null : h('p', { class: 'cg-list__excerpt' }, excerpt), date === undefined
+    // Only a declared publication date is shown: `entryDate` falls back to
+    // `createdAt`, and the day a record was typed in is not a date a reader of
+    // a case study or a practice page is owed.
+    const iso = typeof entry.publishedAt === 'string' ? entryDate(entry) : undefined;
+    const date = iso === undefined ? null : monthYear(iso, ctx.locale);
+    const picture = renderPicture(entry, ctx, url);
+    return h('li', { class: 'cg-entry', 'data-media': picture === null ? 'none' : 'present' }, picture, h('div', { class: 'cg-entry__body' }, h('p', { class: 'cg-entry__meta' }, h('span', { class: 'cg-entry__index', 'aria-hidden': 'true' }, ordinal(index)), iso === undefined || date === null
         ? null
-        : h('time', { class: 'cg-list__date', datetime: date }, new Intl.DateTimeFormat(ctx.locale, { month: 'short', day: '2-digit' }).format(new Date(date)))));
+        : h('time', { class: 'cg-entry__date', datetime: iso }, date)), 
+    // The title is the link, and the arrow sits inline after its last word
+    // inside the same link: a bare arrow on a line of its own reads as a
+    // placeholder, not as a way into the case study.
+    heading(tag, { class: 'cg-entry__title' }, h('a', { class: 'cg-entry__link', href: url }, h('span', { class: 'cg-entry__link-text' }, entryTitle(entry, ctx)), h('span', { class: 'cg-entry__arrow', 'aria-hidden': 'true' }, arrow()))), excerpt === undefined ? null : h('p', { class: 'cg-entry__excerpt' }, excerpt), renderKeyFigure(entry)));
+}
+/**
+ * The one number a case study is remembered by, when the entry declares it
+ * (`keyFigure`, and `keyFigureLabel` for what it measures): set large under
+ * the summary, as a result on a data sheet. An entry without it renders
+ * exactly as before.
+ */
+function renderKeyFigure(entry) {
+    const value = entry.keyFigure;
+    if (typeof value !== 'string' || value.trim() === '')
+        return null;
+    const label = typeof entry.keyFigureLabel === 'string' ? entry.keyFigureLabel : undefined;
+    return h('p', { class: 'cg-entry__figure' }, h('span', { class: 'cg-entry__figure-value' }, value), label === undefined ? null : h('span', { class: 'cg-entry__figure-label' }, label));
 }
 export function renderCollectionList(block, ctx, entries) {
     const hasTitle = block.title !== undefined;
     const entryTag = nestedHeadingTag('collectionList', hasTitle);
     const items = entries.length === 0
-        ? h('p', { class: 'cg-list__empty' }, ctx.t('collection.empty'))
-        : h('ul', { class: 'cg-list__items' }, entries.map((entry) => renderEntry(entry, ctx, entryTag)));
-    return h('section', {
-        class: 'cg-list',
-        'data-block': 'collectionList',
-        'data-layout': block.layout,
-    }, hasTitle
-        ? heading(blockHeadingTag('collectionList') ?? 'h2', { class: 'cg-list__title-heading', 'data-field': 'title' }, block.title ?? '')
-        : null, block.layout === 'carousel'
+        ? h('p', { class: 'cg-collection__empty' }, ctx.t('collection.empty'))
+        : h(block.layout === 'list' ? 'ol' : 'ul', { class: 'cg-collection__items', 'data-count': String(entries.length) }, entries.map((entry, index) => renderEntry(entry, index, ctx, entryTag)));
+    return section('section', 'collectionList', 'cg-collection', { 'data-layout': block.layout }, 'div', hasTitle
+        ? h('div', { class: 'cg-head' }, heading(blockHeadingTag('collectionList') ?? 'h2', { class: 'cg-head__title', 'data-field': 'title' }, block.title ?? ''))
+        : null, block.layout === 'carousel' && entries.length > 0
         ? h('div', {
-            class: 'cg-list__viewport',
+            class: 'cg-collection__viewport',
             role: 'region',
             'aria-label': block.title ?? ctx.t('collection.carousel'),
             tabindex: '0',

package/dist/src/render/blocks/collection-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection-list.js","sourceRoot":"","sources":["../../../../src/render/blocks/collection-list.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"collection-list.js","sourceRoot":"","sources":["../../../../src/render/blocks/collection-list.ts"],"names":[],"mappings":"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"}

package/dist/src/render/blocks/cta.d.ts

@@ -1,12 +1,12 @@
 import type { CtaBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * A full-width flat band, not a garish sales strip: the ask on the left and
- * the action on the right, separated by a vertical rule on wide screens —
- * the layout a serious B2B site uses for "talk to us", never centred copy
- * stacked above a button. `.cg-banner__inner` re-centres the ask/action
- * pair to the page's own measure while the flat tinted fill itself goes
- * edge to edge (`blocks.css`).
+ * The ink band: the one dark plane on a light page, edge to edge.
+ *
+ * The ask is set in the display serif across the left eight columns, the
+ * supporting line beneath it, and the actions sit in the right-hand columns
+ * on the band's baseline. In dark mode the band becomes the raised ink
+ * surface between two hairlines, so it keeps its role without inverting.
  */
 export declare function renderCta(block: CtaBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=cta.d.ts.map

package/dist/src/render/blocks/cta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cta.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/cta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAGL,KAAK,WAAW,EAGhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA6B1E"}
+{"version":3,"file":"cta.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/cta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAGL,KAAK,WAAW,EAGhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAG3B;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA2B1E"}

package/dist/src/render/blocks/cta.js

@@ -1,19 +1,19 @@
 import { actionList, blockHeadingTag, h, heading, } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * A full-width flat band, not a garish sales strip: the ask on the left and
- * the action on the right, separated by a vertical rule on wide screens —
- * the layout a serious B2B site uses for "talk to us", never centred copy
- * stacked above a button. `.cg-banner__inner` re-centres the ask/action
- * pair to the page's own measure while the flat tinted fill itself goes
- * edge to edge (`blocks.css`).
+ * The ink band: the one dark plane on a light page, edge to edge.
+ *
+ * The ask is set in the display serif across the left eight columns, the
+ * supporting line beneath it, and the actions sit in the right-hand columns
+ * on the band's baseline. In dark mode the band becomes the raised ink
+ * surface between two hairlines, so it keeps its role without inverting.
  */
 export function renderCta(block, ctx) {
-    return h('section', { class: 'cg-banner', 'data-block': 'cta' }, h('div', { class: 'cg-banner__inner' }, h('div', { class: 'cg-banner__content' }, heading(blockHeadingTag('cta') ?? 'h2', { class: 'cg-banner__title', 'data-field': 'title' }, block.title), block.text === undefined
+    return section('section', 'cta', 'cg-cta', {}, 'div', h('div', { class: 'cg-cta__copy' }, heading(blockHeadingTag('cta') ?? 'h2', { class: 'cg-cta__title', 'data-field': 'title' }, block.title), block.text === undefined
         ? null
-        : h('p', { class: 'cg-banner__text', 'data-field': 'text' }, block.text)), h('div', { class: 'cg-banner__actions' }, 
-    // `actions` is required and non-empty for a `cta`, so the list is
-    // always rendered; the null branch stays reachable only through
-    // invalid data.
-    actionList(ctx, block.actions, block.title))));
+        : h('p', { class: 'cg-cta__text', 'data-field': 'text' }, block.text)), h('div', { class: 'cg-cta__actions' }, 
+    // `actions` is required and non-empty for a `cta`; the null branch is
+    // reachable only through invalid data.
+    actionList(ctx, block.actions, block.title)));
 }
 //# sourceMappingURL=cta.js.map

package/dist/src/render/blocks/cta.js.map

@@ -1 +1 @@
-{"version":3,"file":"cta.js","sourceRoot":"","sources":["../../../../src/render/blocks/cta.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,eAAe,EAEf,CAAC,EACD,OAAO,GAER,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,KAAe,EAAE,GAAkB;IAC3D,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,EAC3C,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,OAAO,CACL,eAAe,CAAC,KAAK,CAAC,IAAI,IAAI,EAC9B,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,OAAO,EAAE,EACpD,KAAK,CAAC,KAAK,CACZ,EACD,KAAK,CAAC,IAAI,KAAK,SAAS;QACtB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAC3E,EACD,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC/B,kEAAkE;IAClE,gEAAgE;IAChE,gBAAgB;IAChB,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAC5C,CACF,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"cta.js","sourceRoot":"","sources":["../../../../src/render/blocks/cta.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,eAAe,EAEf,CAAC,EACD,OAAO,GAER,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,KAAe,EAAE,GAAkB;IAC3D,OAAO,OAAO,CACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,EAAE,EACF,KAAK,EACL,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,cAAc,EAAE,EACzB,OAAO,CACL,eAAe,CAAC,KAAK,CAAC,IAAI,IAAI,EAC9B,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,EACjD,KAAK,CAAC,KAAK,CACZ,EACD,KAAK,CAAC,IAAI,KAAK,SAAS;QACtB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CACxE,EACD,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,iBAAiB,EAAE;IAC5B,sEAAsE;IACtE,uCAAuC;IACvC,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAC5C,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/embed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"embed.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/embed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAe,KAAK,WAAW,EAAK,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AA4EzF,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAqC9E"}
+{"version":3,"file":"embed.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/embed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAe,KAAK,WAAW,EAAK,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AA2EzF,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAyC9E"}

package/dist/src/render/blocks/embed.js

@@ -1,20 +1,19 @@
 import { aspectRatio, h } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
  * Nothing here contacts a third party before the visitor has consented.
  *
- * When `consentRequired` is true the block renders a self-contained card and
- * an outbound link — no `<iframe>`, no `<script>`, no preconnect, no poster
- * image fetched from the provider. An embed that "only" loads a thumbnail
- * has already handed the visitor's IP address and a cookie to the provider,
- * which is the exact transfer consent was supposed to gate.
+ * When `consentRequired` is true the block renders a notice and an outbound
+ * link: no `<iframe>`, no `<script>`, no preconnect, no poster fetched from
+ * the provider. An embed that "only" loads a thumbnail has already handed
+ * the visitor's IP address to the provider, which is the transfer consent
+ * was supposed to gate.
  *
- * The theme ships no consent *button*, because it ships no JavaScript:
- * granting consent is a site-wide decision that belongs to the consent
- * layer, not to a block. Until that layer exists, the card is the honest
- * rendering — it says what would be loaded and lets the visitor go there
- * deliberately. The card is framed the same way `mediaFigure` and `gallery`
- * are (a thin bordered plate with a small provider tag), so the three read
- * as one family of "media placeholder" treatments.
+ * The theme ships no consent button, because it ships no JavaScript:
+ * granting consent is a site-wide decision for the consent layer, not a
+ * block. The notice is the honest rendering until that layer exists. It
+ * holds the same eight central columns and the same ratio the frame would,
+ * so the page does not reflow when consent is later granted.
  */
 /** `null` means "this provider has no embeddable frame we trust". */
 function frameSource(provider, rawUrl) {
@@ -25,7 +24,7 @@ function frameSource(provider, rawUrl) {
     switch (provider) {
         case 'youtube': {
             // `youtube-nocookie.com` is the privacy-preserving host, and the only
-            // one this theme will point an iframe at.
+            // one this theme points an iframe at.
             const id = url.hostname.endsWith('youtu.be')
                 ? segments[0]
                 : (url.searchParams.get('v') ?? segments[1]);
@@ -49,12 +48,12 @@ function frameSource(provider, rawUrl) {
             return `https://w.soundcloud.com/player/?url=${encodeURIComponent(rawUrl)}`;
         default:
             // bluesky, mastodon, other: a post embed is a script tag, which this
-            // theme does not load. The link card is the rendering.
+            // theme does not load. The notice is the rendering.
             return null;
     }
 }
-function consentCard(block, ctx, reason) {
-    return h('div', { class: 'cg-embed__placeholder' }, h('p', { class: 'cg-embed__provider', 'aria-hidden': 'true' }, block.provider), h('p', { class: 'cg-embed__notice' }, reason), h('a', {
+function consentNotice(block, ctx, reason) {
+    return h('div', { class: 'cg-embed__notice' }, h('p', { class: 'cg-embed__provider', 'aria-hidden': 'true' }, block.provider), h('p', { class: 'cg-embed__reason' }, reason), h('a', {
         class: 'cg-embed__link',
         href: ctx.link(block.url),
         rel: 'noopener noreferrer nofollow',
@@ -62,31 +61,27 @@ function consentCard(block, ctx, reason) {
 }
 export function renderEmbed(block, ctx) {
     const source = block.consentRequired ? null : frameSource(block.provider, block.url);
-    // Video providers are 16:9 unless the editor framed them otherwise;
-    // without a ratio the frame would collapse and shift the layout as it
-    // loads.
+    // Video providers are 16:9 unless the editor framed them otherwise; without
+    // a ratio the frame would collapse and shift the layout as it loads.
     const ratio = aspectRatio(block.ratio) ?? '16 / 9';
-    return h('div', {
-        class: 'cg-embed',
-        'data-block': 'embed',
+    return section('div', 'embed', 'cg-embed', {
         'data-provider': block.provider,
         'data-consent': block.consentRequired ? 'required' : 'not-required',
         style: `--cg-ratio:${ratio}`,
-    }, source === null
-        ? consentCard(block, ctx, block.consentRequired
+    }, 'div', h('div', { class: 'cg-embed__frame-box' }, source === null
+        ? consentNotice(block, ctx, block.consentRequired
             ? ctx.t('embed.consentRequired', { provider: block.provider })
             : ctx.t('embed.unsupported', { provider: block.provider }))
         : h('iframe', {
             class: 'cg-embed__frame',
             src: source,
             // An iframe with no accessible name is announced as "frame" and
-            // nothing else. WCAG 4.1.2, and the single most common embed
-            // defect.
+            // nothing else (WCAG 4.1.2).
             title: ctx.t('embed.title', { provider: block.provider }),
             loading: 'lazy',
             referrerpolicy: 'strict-origin-when-cross-origin',
             allow: 'accelerometer; clipboard-write; encrypted-media; picture-in-picture; fullscreen',
             allowfullscreen: true,
-        }));
+        })));
 }
 //# sourceMappingURL=embed.js.map

package/dist/src/render/blocks/embed.js.map

@@ -1 +1 @@
-{"version":3,"file":"embed.js","sourceRoot":"","sources":["../../../../src/render/blocks/embed.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"embed.js","sourceRoot":"","sources":["../../../../src/render/blocks/embed.ts"],"names":[],"mappings":"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"}

package/dist/src/render/blocks/faq.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/faq.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAW,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAEL,KAAK,WAAW,EAGhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAmC3B,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAiB1E"}
+{"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/faq.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAW,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAEL,KAAK,WAAW,EAGhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAgC3B,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAwB1E"}

package/dist/src/render/blocks/faq.js

@@ -1,25 +1,22 @@
 import { blockHeadingTag, h, heading, renderRichText, } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `<details>`/`<summary>` rather than a scripted accordion: expanding,
- * keyboard operation, and the expanded state announced to assistive
- * technology all come from the browser, at zero bytes of JavaScript.
- *
- * Each row carries a numeral (`01`, `02`, …) ahead of the question — the
- * same indexing language `featureGrid` uses — and the disclosure affordance
- * is a plus/minus mark drawn from two CSS borders, not an icon font.
+ * Two columns: the title holds the left four and stays in view while the
+ * questions, on the right eight, scroll past it. Each question is a row
+ * between hairlines with a plus that turns into a minus when open.
  *
- * The question is plain text inside `<summary>`, never a heading: a heading
- * nested in a `<summary>` renders inconsistently across screen readers, and
- * the questions are already reachable as a list under the block's own
- * heading.
+ * `<details>`/`<summary>` rather than a scripted accordion: expanding,
+ * keyboard operation and the expanded state announced to assistive
+ * technology all come from the browser, at zero bytes of JavaScript. The
+ * question is plain text inside `<summary>`, never a heading: a heading
+ * nested in a `<summary>` is announced inconsistently across screen readers.
  */
-function renderItem(item, ctx, index) {
-    const number = String(index + 1).padStart(2, '0');
-    return h('li', { class: 'cg-faq__item' }, h('details', { class: 'cg-faq__details' }, h('summary', { class: 'cg-faq__question' }, h('span', { class: 'cg-faq__index', 'aria-hidden': 'true' }, number), h('span', { class: 'cg-faq__question-text' }, item.question)), h('div', { class: 'cg-faq__answer' }, renderRichText(ctx, item.answer))));
+function renderItem(item, ctx) {
+    return h('li', { class: 'cg-faq__item' }, h('details', { class: 'cg-faq__details' }, h('summary', { class: 'cg-faq__question' }, h('span', { class: 'cg-faq__question-text' }, item.question), h('span', { class: 'cg-toggle-mark', 'aria-hidden': 'true' })), h('div', { class: 'cg-faq__answer' }, renderRichText(ctx, item.answer))));
 }
 export function renderFaq(block, ctx) {
-    return h('section', { class: 'cg-faq', 'data-block': 'faq' }, block.title === undefined
+    return section('section', 'faq', 'cg-faq', { 'data-titled': block.title === undefined ? 'false' : 'true' }, 'div', block.title === undefined
         ? null
-        : heading(blockHeadingTag('faq') ?? 'h2', { class: 'cg-faq__title', 'data-field': 'title' }, block.title), h('ul', { class: 'cg-faq__items' }, block.items.map((item, index) => renderItem(item, ctx, index))));
+        : h('div', { class: 'cg-head cg-head--aside cg-head--sticky' }, heading(blockHeadingTag('faq') ?? 'h2', { class: 'cg-head__title', 'data-field': 'title' }, block.title)), h('ul', { class: 'cg-faq__items' }, block.items.map((item) => renderItem(item, ctx))));
 }
 //# sourceMappingURL=faq.js.map

package/dist/src/render/blocks/faq.js.map

@@ -1 +1 @@
-{"version":3,"file":"faq.js","sourceRoot":"","sources":["../../../../src/render/blocks/faq.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,EAEP,cAAc,GACf,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;;;;GAaG;AACH,SAAS,UAAU,CAAC,IAAa,EAAE,GAAkB,EAAE,KAAa;IAClE,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACjD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,cAAc,EAAE,EACzB,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC,EACpE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAC7D,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CACxE,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAe,EAAE,GAAkB;IAC3D,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,EACxC,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,KAAK,CAAC,IAAI,IAAI,EAC9B,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,EACjD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAC/D,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"faq.js","sourceRoot":"","sources":["../../../../src/render/blocks/faq.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,EAEP,cAAc,GACf,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;;;;GAUG;AACH,SAAS,UAAU,CAAC,IAAa,EAAE,GAAkB;IACnD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,cAAc,EAAE,EACzB,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CACC,SAAS,EACT,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAC5D,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAC9D,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CACxE,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAe,EAAE,GAAkB;IAC3D,OAAO,OAAO,CACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EAC/D,KAAK,EACL,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,wCAAwC,EAAE,EACnD,OAAO,CACL,eAAe,CAAC,KAAK,CAAC,IAAI,IAAI,EAC9B,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,EAClD,KAAK,CAAC,KAAK,CACZ,CACF,EACL,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CACjD,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/feature-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-grid.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/feature-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAGL,KAAK,WAAW,EAKhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AA0C3B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAmB1F"}
+{"version":3,"file":"feature-grid.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/feature-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAGL,KAAK,WAAW,EAKhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AA2C3B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA0B1F"}

package/dist/src/render/blocks/feature-grid.js

@@ -1,33 +1,33 @@
-import { blockHeadingTag, h, heading, href, nestedHeadingTag, renderIcon, } from '@cogenta/theme-kit';
+import { blockHeadingTag, h, heading, href, nestedHeadingTag, } from '@cogenta/theme-kit';
+import { arrow, ordinal, section } from '../layout.js';
 /**
- * This theme's "our services" section — a card grid, each card led by a
- * real inline glyph (`renderIcon`) inside a flat, accent-tinted square, the
- * B2B "capability card" register a consultancy or software vendor's
- * services page uses, replacing the numbered ledger rows this block used to
- * render (a plain list read as a table of contents, not as a services
- * pitch a visitor scans in one pass).
+ * A numbered list of capabilities, ruled by hairlines: `01` to `06`, each
+ * row a name in the display serif and a short description beside it.
  *
- * Capped at three columns on a wide screen — a six-item grid staying 3×2
- * rather than drifting to four columns plus two orphans, the same
- * discipline `theme-saas`'s own `featureGrid` holds.
+ * This is how a consultancy presents its practices, and deliberately not a
+ * grid of identical cards with icon tiles. The block's own title holds the
+ * left four columns (and stays in view while the list scrolls past it on a
+ * wide screen); the list takes the right eight.
  *
- * As in every other theme, the item's title carries the link so the link's
- * accessible name is the feature's own name (WCAG 2.4.4) — the block has no
- * separate label field to write a "learn more" with anyway.
+ * `icon` is stored by contract B as a symbol name, and this theme chooses not
+ * to draw it: in a numbered, typographic list an icon is decoration, and the
+ * ordinal already does the work of marking each row.
+ *
+ * A row with a link is clickable as a whole, but the link itself stays on the
+ * item's title, so its accessible name is the practice's own name
+ * (WCAG 2.4.4).
  */
-function renderItem(item, ctx, tag) {
+function renderItem(item, index, ctx, tag) {
     const title = item.link === undefined
-        ? heading(tag, { class: 'cg-service__title' }, item.title)
-        : heading(tag, { class: 'cg-service__title' }, h('a', { class: 'cg-service__link', href: href(ctx, item.link) }, item.title));
-    return h('li', { class: 'cg-service' }, item.icon === undefined
-        ? null
-        : h('span', { class: 'cg-service__icon', 'data-icon': item.icon, 'aria-hidden': 'true' }, renderIcon(item.icon)), title, item.text === undefined ? null : h('p', { class: 'cg-service__text' }, item.text));
+        ? heading(tag, { class: 'cg-practice__title' }, item.title)
+        : heading(tag, { class: 'cg-practice__title' }, h('a', { class: 'cg-practice__link', href: href(ctx, item.link) }, item.title, arrow()));
+    return h('li', { class: 'cg-practice', 'data-linked': item.link === undefined ? undefined : 'true' }, h('span', { class: 'cg-practice__index', 'aria-hidden': 'true' }, ordinal(index)), title, item.text === undefined ? null : h('p', { class: 'cg-practice__text' }, item.text));
 }
 export function renderFeatureGrid(block, ctx) {
     const hasTitle = block.title !== undefined;
     const itemTag = nestedHeadingTag('featureGrid', hasTitle);
-    return h('section', { class: 'cg-services', 'data-block': 'featureGrid' }, hasTitle
-        ? heading(blockHeadingTag('featureGrid') ?? 'h2', { class: 'cg-services__title', 'data-field': 'title' }, block.title ?? '')
-        : null, h('ul', { class: 'cg-services__items' }, block.items.map((item) => renderItem(item, ctx, itemTag))));
+    return section('section', 'featureGrid', 'cg-practices', { 'data-titled': hasTitle ? 'true' : 'false' }, 'div', hasTitle
+        ? h('div', { class: 'cg-head cg-head--aside' }, heading(blockHeadingTag('featureGrid') ?? 'h2', { class: 'cg-head__title', 'data-field': 'title' }, block.title ?? ''))
+        : null, h('ol', { class: 'cg-practices__items' }, block.items.map((item, index) => renderItem(item, index, ctx, itemTag))));
 }
 //# sourceMappingURL=feature-grid.js.map