@riverbankcms/sdk 0.104.0 → 0.104.3

package/dist/client/rendering.mjs

@@ -959,11 +959,11 @@ var init_fileStorage = __esmMin((() => {
 var init_fileAssetLegacyProjection = __esmMin((() => {}));
 //#endregion
 //#region ../media-core/src/typeGuards.ts
-function isRecord$33(value) {
+function isRecord$35(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function asRecord$3(value) {
-	return isRecord$33(value) ? value : void 0;
+	return isRecord$35(value) ? value : void 0;
 }
 var init_typeGuards$1 = __esmMin((() => {}));
 function isFileJsonObject(value) {
@@ -973,7 +973,7 @@ function isFileJsonValue(value) {
 	if (value === null || typeof value === "string" || typeof value === "boolean") return true;
 	if (typeof value === "number") return Number.isFinite(value);
 	if (Array.isArray(value)) return value.every(isFileJsonValue);
-	return isRecord$33(value) && isFileJsonObject(value);
+	return isRecord$35(value) && isFileJsonObject(value);
 }
 var init_filePersistence = __esmMin((() => {
 	init_src$3();
@@ -1383,7 +1383,7 @@ function isCmsMediaObjectType(value) {
 	return typeof value === "string" && CMS_MEDIA_OBJECT_TYPES.includes(value);
 }
 function isCmsMediaObject(value) {
-	if (!isRecord$33(value)) return false;
+	if (!isRecord$35(value)) return false;
 	const type = value.type;
 	if (!isCmsMediaObjectType(type)) return false;
 	if ("attrs" in value) return false;
@@ -1394,7 +1394,7 @@ function collectMediaObjects(value, out, location = "") {
 		value.forEach((item, index) => collectMediaObjects(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$33(value)) return;
+	if (!isRecord$35(value)) return;
 	if (isCmsMediaObject(value)) out.push({
 		obj: value,
 		location
@@ -1428,8 +1428,8 @@ function walkAndCollectImageAttrs(value, out, location = "") {
 		value.forEach((item, index) => walkAndCollectImageAttrs(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$33(value)) return;
-	if (value.type === "image" && isRecord$33(value.attrs)) out.push({
+	if (!isRecord$35(value)) return;
+	if (value.type === "image" && isRecord$35(value.attrs)) out.push({
 		attrs: value.attrs,
 		location: location ? `${location}.attrs` : "attrs"
 	});
@@ -1639,7 +1639,7 @@ var init_media$2 = __esmMin((() => {
 /**
 * Strict record guard: excludes null, primitives, and arrays.
 */
-function isRecord$32(value) {
+function isRecord$34(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 /**
@@ -1675,10 +1675,10 @@ var init_typeGuards = __esmMin((() => {}));
 * helper inside `@riverbankcms/blocks/bindings`.
 */
 function unwrapRichTextRoot(value) {
-	if (!isRecord$32(value)) return value;
+	if (!isRecord$34(value)) return value;
 	if (!("doc" in value)) return value;
 	const inner = value.doc;
-	if (isRecord$32(inner) && inner.type === "doc") return inner;
+	if (isRecord$34(inner) && inner.type === "doc") return inner;
 	return value;
 }
 function createHardBreakNode() {
@@ -2979,6 +2979,82 @@ var init_ctaRow$1 = __esmMin((() => {
 	init_ctaButton();
 }));
 //#endregion
+//#region ../theme-core/src/surfaces/foregroundRoles.ts
+var SURFACE_FOREGROUND_ROLES;
+var init_foregroundRoles = __esmMin((() => {
+	SURFACE_FOREGROUND_ROLES = [
+		"text",
+		"heading",
+		"link",
+		"supporting"
+	];
+}));
+//#endregion
+//#region ../theme-core/src/surfaces/foregroundContract.ts
+function requireSurfaceColorValue(role, value) {
+	const normalized = value.trim();
+	if (normalized.length === 0) throw new RangeError(`Surface foreground ${role} must be a non-empty CSS color.`);
+	return normalized;
+}
+function completeSurfaceForegrounds(input) {
+	const text = requireSurfaceColorValue("text", input.text);
+	return {
+		text,
+		heading: input.heading === void 0 ? text : requireSurfaceColorValue("heading", input.heading),
+		link: input.link === void 0 ? text : requireSurfaceColorValue("link", input.link),
+		supporting: input.supporting === void 0 ? text : requireSurfaceColorValue("supporting", input.supporting)
+	};
+}
+function surfaceForegroundValue(role, outsideProviderFallback = DEFAULT_ROLE_FALLBACKS[role]) {
+	const roleVariable = SURFACE_FOREGROUND_CSS_VARS[role];
+	const fallback = requireSurfaceColorValue("fallback", outsideProviderFallback);
+	if (role === "text") return `var(${roleVariable}, ${fallback})`;
+	return `var(${roleVariable}, var(${SURFACE_FOREGROUND_CSS_VARS.text}, ${fallback}))`;
+}
+function surfaceForegroundValueWithOpacity(role, opacityPercent) {
+	if (!Number.isFinite(opacityPercent) || opacityPercent < 0 || opacityPercent > 100) throw new RangeError("Surface foreground opacity must be between 0 and 100.");
+	return `color-mix(in srgb, ${surfaceForegroundValue(role)} ${opacityPercent}%, transparent)`;
+}
+function surfaceForegroundStyle(input) {
+	const foregrounds = completeSurfaceForegrounds(input);
+	return {
+		color: foregrounds.text,
+		[SURFACE_FOREGROUND_CSS_VARS.text]: foregrounds.text,
+		[SURFACE_FOREGROUND_CSS_VARS.heading]: foregrounds.heading,
+		[SURFACE_FOREGROUND_CSS_VARS.link]: foregrounds.link,
+		[SURFACE_FOREGROUND_CSS_VARS.supporting]: foregrounds.supporting
+	};
+}
+function surfaceForegroundDeclarations(input) {
+	const foregrounds = completeSurfaceForegrounds(input);
+	return [`color: ${foregrounds.text}`, ...SURFACE_FOREGROUND_ROLES.map((role) => `${SURFACE_FOREGROUND_CSS_VARS[role]}: ${foregrounds[role]}`)];
+}
+var SURFACE_FOREGROUND_CSS_VARS, DEFAULT_SURFACE_TEXT_COLOR, DEFAULT_SURFACE_LINK_COLOR, DEFAULT_SURFACE_SUPPORTING_COLOR, DEFAULT_ROLE_FALLBACKS;
+var init_foregroundContract = __esmMin((() => {
+	init_foregroundRoles();
+	SURFACE_FOREGROUND_CSS_VARS = {
+		text: "--rb-surface-text-color",
+		heading: "--rb-surface-heading-color",
+		link: "--rb-surface-link-color",
+		supporting: "--rb-surface-supporting-color"
+	};
+	DEFAULT_SURFACE_TEXT_COLOR = "rgb(var(--tb-text, 17 24 39))";
+	DEFAULT_SURFACE_LINK_COLOR = "rgb(var(--tb-primary, var(--tb-text, 17 24 39)))";
+	DEFAULT_SURFACE_SUPPORTING_COLOR = "rgb(var(--tb-mutedText, 100 116 139))";
+	DEFAULT_ROLE_FALLBACKS = {
+		text: DEFAULT_SURFACE_TEXT_COLOR,
+		heading: DEFAULT_SURFACE_TEXT_COLOR,
+		link: DEFAULT_SURFACE_LINK_COLOR,
+		supporting: DEFAULT_SURFACE_SUPPORTING_COLOR
+	};
+}));
+//#endregion
+//#region ../theme-core/src/surfaces/index.ts
+var init_surfaces = __esmMin((() => {
+	init_foregroundContract();
+	init_foregroundRoles();
+}));
+//#endregion
 //#region ../theme-core/src/tokens/colorTokenParts.ts
 function parseOpacityPercent(source) {
 	const trimmed = source.trim();
@@ -3028,9 +3104,12 @@ function parseToken(source) {
 	if (parts.kind === "invalid") return { token: source };
 	return {
 		token: parts.token,
-		alpha: parts.opacityPercent === null ? void 0 : parts.opacityPercent / 100
+		opacityPercent: parts.opacityPercent === null ? void 0 : parts.opacityPercent
 	};
 }
+function surfaceRoleForTextToken(token) {
+	return Object.prototype.hasOwnProperty.call(SURFACE_TEXT_ROLE_BY_TOKEN, token) ? SURFACE_TEXT_ROLE_BY_TOKEN[token] : null;
+}
 /**
 * Converts a theme color token to a CSS rgb value.
 * This is the primary function for applying theme colors to CSS properties.
@@ -3044,11 +3123,26 @@ function parseToken(source) {
 * rgbColorValue('raw:transparent') // => 'transparent'
 */
 function rgbColorValue(token) {
-	const { token: baseToken, alpha, raw } = parseToken(token);
+	const { token: baseToken, opacityPercent, raw } = parseToken(token);
 	if (raw) return raw;
 	const cssVar = `${COLOR_VAR_PREFIX}${baseToken}`;
-	if (alpha === void 0) return `rgb(var(${cssVar}))`;
-	return `rgb(var(${cssVar}) / ${alpha})`;
+	if (opacityPercent === void 0) return `rgb(var(${cssVar}))`;
+	return `rgb(var(${cssVar}) / ${opacityPercent / 100})`;
+}
+/**
+* Converts a theme color token to a CSS variable reference.
+* Note: This returns the base variable without rgb() wrapper, ignoring opacity.
+*
+* @param token - Theme color token
+* @returns CSS variable reference
+*
+* @example
+* cssVarValue('primary') // => 'var(--tb-primary)'
+* cssVarValue('surface/95') // => 'var(--tb-surface)' (opacity ignored)
+*/
+function cssVarValue(token) {
+	const { token: baseToken } = parseToken(token);
+	return `var(${COLOR_VAR_PREFIX}${baseToken})`;
 }
 /**
 * Creates a backgroundColor style object from a theme token.
@@ -3066,6 +3160,9 @@ function backgroundColorStyle(token) {
 * @returns CSSProperties with color
 */
 function textColorStyle(token) {
+	const parsed = parseToken(token);
+	const surfaceRole = parsed.raw ? null : surfaceRoleForTextToken(parsed.token);
+	if (surfaceRole) return { color: parsed.opacityPercent === void 0 ? surfaceForegroundValue(surfaceRole) : surfaceForegroundValueWithOpacity(surfaceRole, parsed.opacityPercent) };
 	return { color: rgbColorValue(token) };
 }
 /**
@@ -3101,10 +3198,16 @@ function mergeStyles(...styles) {
 	}
 	return Object.keys(merged).length ? merged : void 0;
 }
-var COLOR_VAR_PREFIX;
+var COLOR_VAR_PREFIX, SURFACE_TEXT_ROLE_BY_TOKEN;
 var init_colorStyles = __esmMin((() => {
+	init_surfaces();
 	init_colorTokenParts();
 	COLOR_VAR_PREFIX = "--tb-";
+	SURFACE_TEXT_ROLE_BY_TOKEN = {
+		text: "text",
+		heading: "heading",
+		mutedText: "supporting"
+	};
 }));
 var init_cardContainer = __esmMin((() => {
 	init_builder$2();
@@ -5058,6 +5161,207 @@ var init_all = __esmMin((() => {
 	init_vibrant_creative();
 	init_PaletteCard();
 }));
+function isBlockColorToken(value) {
+	if (typeof value !== "string") return false;
+	const parts = parseColorTokenParts(value);
+	return parts.kind === "token" && blockColorTokenNameSet.has(parts.token);
+}
+function parseBlockColorToken(value) {
+	if (!isBlockColorToken(value)) return null;
+	return value.trim();
+}
+var blockColorTokenNames, blockColorTokenNameSet;
+var init_blockColorTokens = __esmMin((() => {
+	init_colorTokenParts();
+	blockColorTokenNames = [
+		"text",
+		"heading",
+		"mutedText",
+		"surface",
+		"background",
+		"foreground",
+		"border",
+		"primary",
+		"secondary",
+		"accent",
+		"success",
+		"warning",
+		"info",
+		"error",
+		"destructive",
+		"scrim",
+		"shadow",
+		"onPrimary",
+		"onSecondary",
+		"onAccent",
+		"onSuccess",
+		"onWarning",
+		"onInfo",
+		"onError",
+		"onDestructive",
+		"onSurface"
+	];
+	blockColorTokenNameSet = new Set(blockColorTokenNames);
+}));
+//#endregion
+//#region ../theme-core/src/tokens/themeColorTokens.ts
+function isKnownBaseToken(value) {
+	return themeColorBaseTokenSet.has(value);
+}
+function isKnownShadeToken(value) {
+	const match = value.match(/^([a-zA-Z][a-zA-Z0-9]*)(?:-([0-9]{2,3}))$/);
+	if (!match) return false;
+	const [, base, shade] = match;
+	return Boolean(base && shade && isKnownBaseToken(base) && shadeStepSet.has(shade));
+}
+function isThemeColorTokenBase(value) {
+	return isKnownBaseToken(value) || isKnownShadeToken(value);
+}
+function isThemeColorToken(value) {
+	if (typeof value !== "string") return false;
+	const parts = parseColorTokenParts(value);
+	return parts.kind === "token" && isThemeColorTokenBase(parts.token);
+}
+function parseThemeColorToken(value) {
+	if (!isThemeColorToken(value)) return null;
+	return value.trim();
+}
+var PALETTE_TOKEN_NAMES, paletteTokenNameSchema, themeColorBaseTokenNames, themeColorBaseTokenSet, themeColorShadeSteps, shadeStepSet, themeColorTokenSchema;
+var init_themeColorTokens = __esmMin((() => {
+	init_blockColorTokens();
+	init_colorTokenParts();
+	PALETTE_TOKEN_NAMES = [
+		"primary",
+		"primaryForeground",
+		"secondary",
+		"accent",
+		"success",
+		"warning",
+		"destructive",
+		"background",
+		"surface",
+		"surfaceAlt",
+		"muted",
+		"text",
+		"border"
+	];
+	paletteTokenNameSchema = z$1.enum(PALETTE_TOKEN_NAMES);
+	themeColorBaseTokenNames = [
+		...PALETTE_TOKEN_NAMES,
+		...blockColorTokenNames,
+		"white",
+		"neutral",
+		"primaryText",
+		"secondaryForeground",
+		"accentForeground"
+	];
+	themeColorBaseTokenSet = new Set(themeColorBaseTokenNames);
+	themeColorShadeSteps = [
+		"50",
+		"100",
+		"200",
+		"300",
+		"400",
+		"500",
+		"600",
+		"700",
+		"800",
+		"900",
+		"950"
+	];
+	shadeStepSet = new Set(themeColorShadeSteps);
+	themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
+}));
+//#endregion
+//#region ../theme-core/src/palette/colors.ts
+function normalizePaletteHex(value) {
+	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
+	const normalized = value.toLowerCase();
+	if (normalized.length === 7) return normalized;
+	const triplet = normalized.slice(1);
+	const red = triplet.charAt(0);
+	const green = triplet.charAt(1);
+	const blue = triplet.charAt(2);
+	return `#${red}${red}${green}${green}${blue}${blue}`;
+}
+function paletteColorsFromEntries(entries) {
+	const values = {};
+	for (const entry of entries) {
+		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
+		if (!parsedRole.success) return {
+			ok: false,
+			error: {
+				kind: "unknown-role",
+				role: entry.name
+			}
+		};
+		const role = parsedRole.data;
+		if (values[role] !== void 0) return {
+			ok: false,
+			error: {
+				kind: "duplicate-role",
+				role
+			}
+		};
+		const hex = normalizePaletteHex(entry.hex);
+		if (!hex) return {
+			ok: false,
+			error: {
+				kind: "invalid-color",
+				role,
+				value: entry.hex
+			}
+		};
+		values[role] = hex;
+	}
+	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
+	if (missing.length > 0) return {
+		ok: false,
+		error: {
+			kind: "missing-roles",
+			roles: missing
+		}
+	};
+	return {
+		ok: true,
+		colors: paletteColorsSchema.parse(values)
+	};
+}
+function requirePaletteColorsFromEntries(entries) {
+	const result = paletteColorsFromEntries(entries);
+	if (result.ok) return result.colors;
+	throw new Error(`Invalid complete palette: ${result.error.kind}`);
+}
+var HEX_COLOR_REGEX, NORMALIZABLE_HEX_REGEX, hexColorSchema, paletteModeSchema, paletteColorsSchema, init_colors = __esmMin((() => {
+	init_themeColorTokens();
+	HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
+	NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+	hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
+	paletteModeSchema = z$1.enum(["light", "dark"]);
+	z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
+	paletteColorsSchema = z$1.object({
+		primary: hexColorSchema,
+		primaryForeground: hexColorSchema,
+		secondary: hexColorSchema,
+		accent: hexColorSchema,
+		success: hexColorSchema,
+		warning: hexColorSchema,
+		destructive: hexColorSchema,
+		background: hexColorSchema,
+		surface: hexColorSchema,
+		surfaceAlt: hexColorSchema,
+		muted: hexColorSchema,
+		text: hexColorSchema,
+		border: hexColorSchema
+	}).strict().transform((value) => value);
+}));
+var init_historicalThemePalette = __esmMin((() => {
+	init_themeColorTokens();
+	init_colors();
+	init_colorConversion();
+	init_textColor();
+	new Set(PALETTE_TOKEN_NAMES);
+}));
 //#endregion
 //#region ../theme-core/src/palette/types.ts
 var init_types$15 = __esmMin((() => {}));
@@ -6185,201 +6489,6 @@ var init_browser = __esmMin((() => {
 var init_extractPalette = __esmMin((() => {
 	init_browser();
 }));
-function isBlockColorToken(value) {
-	if (typeof value !== "string") return false;
-	const parts = parseColorTokenParts(value);
-	return parts.kind === "token" && blockColorTokenNameSet.has(parts.token);
-}
-function parseBlockColorToken(value) {
-	if (!isBlockColorToken(value)) return null;
-	return value.trim();
-}
-var blockColorTokenNames, blockColorTokenNameSet;
-var init_blockColorTokens = __esmMin((() => {
-	init_colorTokenParts();
-	blockColorTokenNames = [
-		"text",
-		"heading",
-		"mutedText",
-		"surface",
-		"background",
-		"foreground",
-		"border",
-		"primary",
-		"secondary",
-		"accent",
-		"success",
-		"warning",
-		"info",
-		"error",
-		"destructive",
-		"scrim",
-		"shadow",
-		"onPrimary",
-		"onSecondary",
-		"onAccent",
-		"onSuccess",
-		"onWarning",
-		"onInfo",
-		"onError",
-		"onDestructive",
-		"onSurface"
-	];
-	blockColorTokenNameSet = new Set(blockColorTokenNames);
-}));
-//#endregion
-//#region ../theme-core/src/tokens/themeColorTokens.ts
-function isKnownBaseToken(value) {
-	return themeColorBaseTokenSet.has(value);
-}
-function isKnownShadeToken(value) {
-	const match = value.match(/^([a-zA-Z][a-zA-Z0-9]*)(?:-([0-9]{2,3}))$/);
-	if (!match) return false;
-	const [, base, shade] = match;
-	return Boolean(base && shade && isKnownBaseToken(base) && shadeStepSet.has(shade));
-}
-function isThemeColorTokenBase(value) {
-	return isKnownBaseToken(value) || isKnownShadeToken(value);
-}
-function isThemeColorToken(value) {
-	if (typeof value !== "string") return false;
-	const parts = parseColorTokenParts(value);
-	return parts.kind === "token" && isThemeColorTokenBase(parts.token);
-}
-function parseThemeColorToken(value) {
-	if (!isThemeColorToken(value)) return null;
-	return value.trim();
-}
-var PALETTE_TOKEN_NAMES, paletteTokenNameSchema, themeColorBaseTokenNames, themeColorBaseTokenSet, themeColorShadeSteps, shadeStepSet, themeColorTokenSchema;
-var init_themeColorTokens = __esmMin((() => {
-	init_blockColorTokens();
-	init_colorTokenParts();
-	PALETTE_TOKEN_NAMES = [
-		"primary",
-		"primaryForeground",
-		"secondary",
-		"accent",
-		"success",
-		"warning",
-		"destructive",
-		"background",
-		"surface",
-		"surfaceAlt",
-		"muted",
-		"text",
-		"border"
-	];
-	paletteTokenNameSchema = z$1.enum(PALETTE_TOKEN_NAMES);
-	themeColorBaseTokenNames = [
-		...PALETTE_TOKEN_NAMES,
-		...blockColorTokenNames,
-		"white",
-		"neutral",
-		"primaryText",
-		"secondaryForeground",
-		"accentForeground"
-	];
-	themeColorBaseTokenSet = new Set(themeColorBaseTokenNames);
-	themeColorShadeSteps = [
-		"50",
-		"100",
-		"200",
-		"300",
-		"400",
-		"500",
-		"600",
-		"700",
-		"800",
-		"900",
-		"950"
-	];
-	shadeStepSet = new Set(themeColorShadeSteps);
-	themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
-}));
-//#endregion
-//#region ../theme-core/src/palette/colors.ts
-function normalizePaletteHex(value) {
-	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
-	const normalized = value.toLowerCase();
-	if (normalized.length === 7) return normalized;
-	const triplet = normalized.slice(1);
-	const red = triplet.charAt(0);
-	const green = triplet.charAt(1);
-	const blue = triplet.charAt(2);
-	return `#${red}${red}${green}${green}${blue}${blue}`;
-}
-function paletteColorsFromEntries(entries) {
-	const values = {};
-	for (const entry of entries) {
-		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
-		if (!parsedRole.success) return {
-			ok: false,
-			error: {
-				kind: "unknown-role",
-				role: entry.name
-			}
-		};
-		const role = parsedRole.data;
-		if (values[role] !== void 0) return {
-			ok: false,
-			error: {
-				kind: "duplicate-role",
-				role
-			}
-		};
-		const hex = normalizePaletteHex(entry.hex);
-		if (!hex) return {
-			ok: false,
-			error: {
-				kind: "invalid-color",
-				role,
-				value: entry.hex
-			}
-		};
-		values[role] = hex;
-	}
-	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
-	if (missing.length > 0) return {
-		ok: false,
-		error: {
-			kind: "missing-roles",
-			roles: missing
-		}
-	};
-	return {
-		ok: true,
-		colors: paletteColorsSchema.parse(values)
-	};
-}
-function requirePaletteColorsFromEntries(entries) {
-	const result = paletteColorsFromEntries(entries);
-	if (result.ok) return result.colors;
-	throw new Error(`Invalid complete palette: ${result.error.kind}`);
-}
-var HEX_COLOR_REGEX, NORMALIZABLE_HEX_REGEX, hexColorSchema, paletteModeSchema, paletteColorsSchema;
-var init_colors = __esmMin((() => {
-	init_themeColorTokens();
-	HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
-	NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-	hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
-	paletteModeSchema = z$1.enum(["light", "dark"]);
-	z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
-	paletteColorsSchema = z$1.object({
-		primary: hexColorSchema,
-		primaryForeground: hexColorSchema,
-		secondary: hexColorSchema,
-		accent: hexColorSchema,
-		success: hexColorSchema,
-		warning: hexColorSchema,
-		destructive: hexColorSchema,
-		background: hexColorSchema,
-		surface: hexColorSchema,
-		surfaceAlt: hexColorSchema,
-		muted: hexColorSchema,
-		text: hexColorSchema,
-		border: hexColorSchema
-	}).strict().transform((value) => value);
-}));
 var init_editorState = __esmMin((() => {}));
 var init_libraryModel = __esmMin((() => {}));
 var init_themePaletteCompatibility = __esmMin((() => {
@@ -6390,6 +6499,7 @@ var init_legacySelection = __esmMin((() => {
 	init_themeColorTokens();
 	init_colors();
 	init_themePaletteCompatibility();
+	init_historicalThemePalette();
 }));
 //#endregion
 //#region ../theme-core/src/site-styles/styleTags.ts
@@ -6470,7 +6580,7 @@ var init_types$14 = __esmMin((() => {
 }));
 //#endregion
 //#region ../theme-core/src/palette/curated/brand-led.ts
-var brandLedCool, brandLedWarm, brandLedJewel, brandLedBurgundyGold;
+var brandLedCool, brandLedWarm, brandLedJewel, brandLedSpruce, brandLedBurgundyGold;
 var init_brand_led = __esmMin((() => {
 	init_types$14();
 	brandLedCool = defineCuratedPalette({
@@ -6668,6 +6778,71 @@ var init_brand_led = __esmMin((() => {
 			}
 		]
 	});
+	brandLedSpruce = defineCuratedPalette({
+		id: "brand-led-spruce",
+		name: "Brand-led — Spruce",
+		description: "Spruce-ink primary and moss secondary with an amber accent over a green-mist ground and hairline sage borders.",
+		tags: {
+			tone: "classic",
+			energy: "calm",
+			era: "editorial"
+		},
+		mode: "light",
+		colors: [
+			{
+				name: "primary",
+				hex: "#14312b"
+			},
+			{
+				name: "secondary",
+				hex: "#356a59"
+			},
+			{
+				name: "accent",
+				hex: "#f08a4b"
+			},
+			{
+				name: "success",
+				hex: "#356a59"
+			},
+			{
+				name: "warning",
+				hex: "#f08a4b"
+			},
+			{
+				name: "destructive",
+				hex: "#b5561f"
+			},
+			{
+				name: "background",
+				hex: "#ecefe9"
+			},
+			{
+				name: "surface",
+				hex: "#ffffff"
+			},
+			{
+				name: "surfaceAlt",
+				hex: "#f4f6f1"
+			},
+			{
+				name: "muted",
+				hex: "#5c6a64"
+			},
+			{
+				name: "text",
+				hex: "#1c2a26"
+			},
+			{
+				name: "primaryForeground",
+				hex: "#f4f7f1"
+			},
+			{
+				name: "border",
+				hex: "#d7ddd2"
+			}
+		]
+	});
 	brandLedBurgundyGold = defineCuratedPalette({
 		id: "brand-led-burgundy-gold",
 		name: "Brand-led — Burgundy Gold",
@@ -7608,8 +7783,7 @@ var init_warm_dark = __esmMin((() => {
 function findCuratedPalette(id) {
 	return curatedPalettesById.get(id);
 }
-var curatedPalettes, curatedPalettesById;
-var init_curated = __esmMin((() => {
+var curatedPalettes, curatedPalettesById, init_curated = __esmMin((() => {
 	init_brand_led();
 	init_high_contrast();
 	init_soft_natural();
@@ -7621,6 +7795,7 @@ var init_curated = __esmMin((() => {
 		brandLedWarm,
 		brandLedJewel,
 		brandLedBurgundyGold,
+		brandLedSpruce,
 		warmNeutralClay,
 		warmNeutralCream,
 		warmNeutralSoftEarth,
@@ -7737,6 +7912,7 @@ var init_palette$1 = __esmMin((() => {
 	init_expandPalette();
 	init_generateCssVars();
 	init_generateShades();
+	init_historicalThemePalette();
 	init_neutralScale();
 	init_types$15();
 	init_utils$5();
@@ -8206,7 +8382,7 @@ function asSpecialVariantId(value) {
 	if (value.length === 0) throw new Error("SpecialVariantId must be a non-empty string");
 	return value;
 }
-var VARIANT_ROLES, DEFAULT_VARIANT_ALIAS_ID, cornerStyleSchema, shadowSizeSchema, textTransformSchema, fontWeightSchema, buttonTypographySchema, letterSpacingSchema, hoverTransformSchema, hoverColorSchema, buttonPaddingPresetSchema, gradientStyleSchema, gradientSharpnessSchema, prioritySchema, buttonSizeNameSchema, PADDING_TOKEN_PATTERN, paddingShorthandSchema, buttonSizeConfigSchema, buttonSizesSchema, buttonGlobalSettingsSchema, gradientDirectionSchema$1, buttonBackgroundSchema, effectApplicationSchema$1, buttonBorderSchema, variantShadowSchema, variantEffectsSchema, variantSizeOverridesSchema, buttonVariantSchema, buttonSystemSchema;
+var VARIANT_ROLES, DEFAULT_VARIANT_ALIAS_ID, cornerStyleSchema, shadowSizeSchema, textTransformSchema, fontWeightSchema, buttonTypographySchema, letterSpacingSchema, hoverTransformSchema, hoverColorSchema, buttonPaddingPresetSchema, gradientStyleSchema, gradientSharpnessSchema, prioritySchema, buttonSizeNameSchema, PADDING_TOKEN_PATTERN, paddingShorthandSchema, buttonSizeConfigSchema, buttonSizesSchema, buttonGlobalSettingsSchema, gradientDirectionSchema$1, buttonBackgroundSchema, effectApplicationSchema$1, buttonBorderSchema, buttonVariantAffordanceSchema, variantShadowSchema, variantEffectsSchema, variantSizeOverridesSchema, buttonVariantSchema, buttonSystemSchema;
 var init_types$13 = __esmMin((() => {
 	init_themeColorTokens();
 	VARIANT_ROLES = [
@@ -8366,6 +8542,10 @@ var init_types$13 = __esmMin((() => {
 		widthClass: z$1.string(),
 		colorToken: themeColorTokenSchema
 	});
+	buttonVariantAffordanceSchema = z$1.object({
+		iconId: z$1.string().min(1),
+		colorToken: themeColorTokenSchema.optional()
+	});
 	variantShadowSchema = z$1.object({
 		elevation: z$1.enum([
 			"none",
@@ -8406,7 +8586,8 @@ var init_types$13 = __esmMin((() => {
 		border: buttonBorderSchema.optional(),
 		hoverBackgroundToken: z$1.string().optional(),
 		effects: variantEffectsSchema.optional(),
-		sizes: variantSizeOverridesSchema.optional()
+		sizes: variantSizeOverridesSchema.optional(),
+		affordance: buttonVariantAffordanceSchema.optional()
 	});
 	buttonSystemSchema = z$1.object({
 		global: buttonGlobalSettingsSchema,
@@ -8956,6 +9137,132 @@ var init_editorial_link = __esmMin((() => {
 	});
 }));
 //#endregion
+//#region ../theme-core/src/buttons/personalities/flat-ink.ts
+var flatInk;
+var init_flat_ink = __esmMin((() => {
+	init_types$12();
+	flatInk = defineButtonPersonality({
+		id: "flat-ink",
+		name: "Flat Ink",
+		description: "Flat solid-ink primary, hairline ghost secondary, and a single amber accent climax — modest radius, no shadow.",
+		tags: {
+			tone: "classic",
+			energy: "calm",
+			motion: "subtle",
+			era: "editorial"
+		},
+		buttonSystem: {
+			global: {
+				cornerStyle: "rounded",
+				shadow: "low",
+				textTransform: "none",
+				fontWeight: 600,
+				borderWidth: 1,
+				typography: "body",
+				letterSpacing: "tight",
+				paddingPreset: "default",
+				hoverTransform: "lift",
+				hoverColor: "none"
+			},
+			sizes: {
+				sm: {
+					padding: "0.625rem 1.125rem",
+					fontSize: "text-sm"
+				},
+				md: { padding: "0.8125rem 1.375rem" },
+				lg: {
+					padding: "0.9375rem 1.625rem",
+					fontSize: "text-lg"
+				},
+				xl: {
+					padding: "1.0625rem 2rem",
+					fontSize: "text-xl"
+				}
+			},
+			variants: [
+				{
+					id: "primary",
+					name: "Primary",
+					enabled: true,
+					priority: 1,
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					textColorToken: "primaryForeground",
+					borderRadius: "rounded-lg",
+					affordance: {
+						iconId: "ArrowRight",
+						colorToken: "accent"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "secondary" }
+					}] }
+				},
+				{
+					id: "secondary",
+					name: "Secondary",
+					enabled: true,
+					priority: 2,
+					background: { type: "transparent" },
+					textColorToken: "primary",
+					borderRadius: "rounded-lg",
+					border: {
+						widthClass: "border",
+						colorToken: "border"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				},
+				{
+					id: "accent",
+					name: "Accent",
+					enabled: true,
+					priority: 3,
+					background: {
+						type: "solid",
+						colorToken: "accent"
+					},
+					textColorToken: "accentForeground",
+					borderRadius: "rounded-lg",
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					affordance: {
+						iconId: "ArrowRight",
+						colorToken: "accentForeground"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}] }
+				}
+			]
+		}
+	});
+}));
+//#endregion
 //#region ../theme-core/src/buttons/personalities/ink-stamp.ts
 var inkStamp;
 var init_ink_stamp = __esmMin((() => {
@@ -9722,6 +10029,7 @@ var init_personalities = __esmMin((() => {
 	init_confident_chip();
 	init_earth_pill();
 	init_editorial_link();
+	init_flat_ink();
 	init_ink_stamp();
 	init_joy_stamp();
 	init_ornate_ritual();
@@ -9736,6 +10044,7 @@ var init_personalities = __esmMin((() => {
 		editorialLink,
 		pebble,
 		inkStamp,
+		flatInk,
 		brushedWash,
 		showtimePill,
 		joyStamp,
@@ -10205,6 +10514,50 @@ function getCompatibleHeaderStyleIds(layoutId) {
 		return isHeaderStyleCompatibleWithLayout(getHeaderStyleOrThrow(styleId), layoutId);
 	});
 }
+function applyNavTypography(style, typography) {
+	switch (typography) {
+		case "plain": return style;
+		case "heading": return {
+			...style,
+			typography: "heading",
+			fontWeight: "medium",
+			letterSpacing: "wide"
+		};
+		case "quiet-caps": return {
+			...style,
+			textTransform: "uppercase",
+			textSize: "sm",
+			letterSpacing: "wide"
+		};
+		case "brand-caps": return {
+			...style,
+			textTransform: "uppercase",
+			textSize: "sm",
+			letterSpacing: "wider"
+		};
+		default: return assertNever$16(typography, "Unhandled header nav typography");
+	}
+}
+function underlineNavLinkStyle(colorToken, underlineColorToken, typography = "plain") {
+	return applyNavTypography({
+		name: "Underline grow",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken,
+		padding: "compact",
+		paddingX: "compact",
+		borderRadius: "none",
+		effects: { hover: [{
+			effectId: "nav-underline",
+			options: {
+				style: "grow",
+				...underlineColorToken ? { colorToken: underlineColorToken } : {}
+			}
+		}] }
+	}, typography);
+}
 function themedHeaderShadow(theme) {
 	switch (theme.shadow.elevation) {
 		case "none": return;
@@ -10304,6 +10657,38 @@ function cleanBaseHeader(theme) {
 		ctaGap: "default"
 	};
 }
+function classicCenteredNavHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "classic",
+		navPlacement: "center",
+		positioning: "sticky",
+		shrinkOnScroll: false,
+		background: {
+			type: "color",
+			color: "surface"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "underline-grow",
+		navWeight: "medium",
+		navLinkStyle: underlineNavLinkStyle("text", "accent"),
+		border: {
+			style: "solid",
+			width: "thin",
+			position: "bottom",
+			colorToken: "border"
+		},
+		ctaTreatment: "primary",
+		ctaVariant: resolveHeaderCtaVariant(theme, "primary"),
+		ctaGap: "default",
+		logoText: {
+			mobileMaxWidth: "sm",
+			mobileWrapLines: 1,
+			hideOnShrink: false
+		}
+	};
+}
 function serifLineHeader(theme) {
 	return {
 		...baseHeader(theme),
@@ -10882,6 +11267,13 @@ var init_headerLooks = __esmMin((() => {
 				styleId: asHeaderStyleId("minimal")
 			}
 		},
+		{
+			lookId: asHeaderLookId("classic-centered-nav"),
+			selection: {
+				layoutId: asHeaderLayoutId("classic"),
+				styleId: asHeaderStyleId("fine-line")
+			}
+		},
 		{
 			lookId: asHeaderLookId("brand-solid"),
 			selection: {
@@ -10948,6 +11340,21 @@ var init_headerLooks = __esmMin((() => {
 			logoAccommodations: inlineClassicLogoAccommodations,
 			compile: cleanBaseHeader
 		},
+		{
+			id: asHeaderLookId("classic-centered-nav"),
+			label: "Centered nav",
+			visualTreatment: "solid-neutral",
+			layoutBehavior: "sticky",
+			configuration: {
+				structure: "inline-classic",
+				treatment: "solid-neutral",
+				behavior: "sticky"
+			},
+			openingRequirement: "none",
+			maxRecommendedNavItems: 6,
+			logoAccommodations: inlineClassicLogoAccommodations,
+			compile: classicCenteredNavHeader
+		},
 		{
 			id: asHeaderLookId("brand-solid"),
 			label: "Brand solid",
@@ -11508,7 +11915,7 @@ function defineTypographyPreset(preset) {
 		id: asTypographyPresetId(preset.id)
 	};
 }
-var bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, kirtanOrnateTypography, boldDisplayTypography, originalJoyTypography, typographyPresets;
+var bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, kirtanOrnateTypography, boldDisplayTypography, originalJoyTypography, fulcrumTypography, typographyPresets;
 var init_typographyPresets = __esmMin((() => {
 	bodyReadablePolicy = {
 		recommendedCategories: ["sans-serif", "serif"],
@@ -11870,6 +12277,49 @@ var init_typographyPresets = __esmMin((() => {
 		},
 		scale: "balanced"
 	};
+	fulcrumTypography = {
+		body: {
+			family: "IBM Plex Sans, system-ui, -apple-system, sans-serif",
+			size: "lg",
+			weight: "regular",
+			lineHeight: "relaxed",
+			letterSpacing: "normal"
+		},
+		headings: {
+			default: {
+				family: "Newsreader, Georgia, \"Times New Roman\", serif",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				colorToken: "primary",
+				italic: null,
+				case: null
+			},
+			h1: {
+				size: "2xl",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				italic: null
+			},
+			h2: {
+				size: "xl",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				italic: null
+			},
+			h3: {
+				size: "md",
+				weight: "semibold",
+				lineHeight: "normal",
+				letterSpacing: "normal",
+				italic: null
+			}
+		},
+		scale: "spacious",
+		eyebrow: { family: "IBM Plex Mono, ui-monospace, \"SF Mono\", monospace" }
+	};
 	typographyPresets = [
 		defineTypographyPreset({
 			id: "typography-preset:modern-sans",
@@ -12129,6 +12579,32 @@ var init_typographyPresets = __esmMin((() => {
 					}
 				}
 			}
+		}),
+		defineTypographyPreset({
+			id: "typography-preset:fulcrum",
+			name: "Fulcrum",
+			description: "Newsreader serif headings over an IBM Plex Sans body, with an IBM Plex Mono eyebrow role for uppercase kickers and mono captions.",
+			defaultFonts: {
+				body: "IBM Plex Sans, system-ui, -apple-system, sans-serif",
+				heading: "Newsreader, Georgia, \"Times New Roman\", serif"
+			},
+			recommendedFonts: {
+				body: [
+					"IBM Plex Sans",
+					"Source Sans 3",
+					"Inter"
+				],
+				heading: [
+					"Newsreader",
+					"Source Serif 4",
+					"Lora"
+				]
+			},
+			slotPolicies: {
+				body: bodyReadablePolicy,
+				heading: displayHeadingPolicy
+			},
+			typography: fulcrumTypography
 		})
 	];
 	new Map(typographyPresets.map((preset) => [preset.id, preset]));
@@ -13847,6 +14323,28 @@ var init_generateDefaultButtonSystem = __esmMin((() => {
 		"high"
 	];
 }));
+/**
+* Build a `data:image/svg+xml,...` URL for an affordance icon, suitable for use
+* as a CSS `mask-image`. The stroke is painted solid black so the mask's alpha
+* traces the icon outline; the visible colour is supplied separately by the
+* `::after` rule's `background-color`. Returns `null` for unknown ids.
+*/
+function affordanceIconMaskUrl(iconId) {
+	const paths = AFFORDANCE_ICON_PATHS[iconId];
+	if (!paths || paths.length === 0) return null;
+	return `data:image/svg+xml,${`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>${paths.map((d) => `<path d='${d}'/>`).join("")}</svg>`.replace(/"/g, "'").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ")}`;
+}
+var AFFORDANCE_ICON_PATHS;
+var init_affordanceIcons = __esmMin((() => {
+	AFFORDANCE_ICON_PATHS = {
+		ArrowRight: ["M5 12h14", "m13 6 6 6-6 6"],
+		ArrowLeft: ["M19 12H5", "m11 6-6 6 6 6"],
+		ChevronRight: ["m9 18 6-6-6-6"],
+		ChevronLeft: ["m15 18-6-6 6-6"],
+		ChevronDown: ["m6 9 6 6 6-6"],
+		ArrowUpRight: ["M7 17 17 7", "M7 7h10v10"]
+	};
+}));
 //#endregion
 //#region ../theme-core/src/buttons/generateButtonCss.ts
 function rule(selector, declarations) {
@@ -13925,10 +14423,40 @@ function variantChunks(variant, global, themeSizes, themeId, tokens, theme) {
 	out.push(variantFocusVisibleRule(variantId, themeId));
 	const effects = variantEffectsCss(variant, themeId, tokens, theme);
 	if (effects) out.push({ raw: effects });
+	const affordance = variantAffordanceRule(variant, selector, tokens);
+	if (affordance) out.push(affordance);
 	out.push(...variantDisabledRules(variantId, themeId));
 	out.push(...variantSizeRules(variant, variantId, themeSizes, themeId));
 	return out;
 }
+/**
+* Emit the optional trailing affordance icon as a masked `::after`.
+*
+* Only variants that declare `affordance` with a known icon id produce a rule —
+* every other variant is byte-identical to before. The `:not(.rb-affordance-off)`
+* guard lets a `button` node that renders its own trailing icon suppress this
+* one (node overrides personality). Colour comes from the affordance token, or
+* `currentColor` (the button text colour) when no token is given.
+*/
+function variantAffordanceRule(variant, selector, tokens) {
+	const affordance = variant.affordance;
+	if (!affordance) return null;
+	const maskUrl = affordanceIconMaskUrl(affordance.iconId);
+	if (!maskUrl) return null;
+	const color = affordance.colorToken ? tokens.getColor(affordance.colorToken) : "currentColor";
+	const mask = `url("${maskUrl}") no-repeat center / contain`;
+	return rule(`${selector}:not(.${AFFORDANCE_SUPPRESS_CLASS})::after`, [
+		["content", "\"\""],
+		["display", "inline-block"],
+		["width", "1em"],
+		["height", "1em"],
+		["margin-inline-start", "0.5em"],
+		["flex", "0 0 auto"],
+		["background-color", color],
+		["-webkit-mask", mask],
+		["mask", mask]
+	]);
+}
 function parseButtonVariantIdForCss(value) {
 	const variantId = parseThemeButtonVariantId(value);
 	if (!variantId) throw new Error("Button variant id must be a non-empty string");
@@ -14075,7 +14603,7 @@ function resolveBoxShadow(variant, global, theme, tokens) {
 	const color = shadowConfig.colorToken ? tokens.getColor(shadowConfig.colorToken) : void 0;
 	return generateShadowValue$1(shadowConfig.elevation, shadowConfig.softness, shadowConfig.position ?? "bottom", color);
 }
-var BUTTON_SIZE_NAMES, LETTER_SPACING_MAP, STRUCTURAL_DECLARATIONS;
+var AFFORDANCE_SUPPRESS_CLASS, BUTTON_SIZE_NAMES, LETTER_SPACING_MAP, STRUCTURAL_DECLARATIONS;
 var init_generateButtonCss = __esmMin((() => {
 	init_types$13();
 	init_classNames();
@@ -14084,6 +14612,8 @@ var init_generateButtonCss = __esmMin((() => {
 	init_generateEffectsCSS();
 	init_constants$2();
 	init_generateDefaultButtonSystem();
+	init_affordanceIcons();
+	AFFORDANCE_SUPPRESS_CLASS = "rb-affordance-off";
 	BUTTON_SIZE_NAMES = buttonSizeNameSchema.options;
 	LETTER_SPACING_MAP = {
 		tight: "-0.025em",
@@ -14110,6 +14640,7 @@ var init_buttons = __esmMin((() => {
 	init_types$13();
 	init_classNames();
 	init_generateButtonCss();
+	init_affordanceIcons();
 	init_generateDefaultButtonSystem();
 	init_constants$2();
 	init_presets$1();
@@ -14350,23 +14881,6 @@ function generateDefaultCardSystem(theme) {
 }
 var init_generateDefaultCardSystem = __esmMin((() => {}));
 //#endregion
-//#region ../theme-core/src/status/contextualColors.ts
-function statusMutedColorValue() {
-	return `var(${STATUS_MUTED_COLOR_VAR}, ${DEFAULT_STATUS_MUTED_COLOR})`;
-}
-function statusMutedColorDeclaration() {
-	return `color: ${statusMutedColorValue()};`;
-}
-function contextualMutedStatusColorDeclaration(value) {
-	return `${STATUS_MUTED_COLOR_VAR}: ${value}`;
-}
-var STATUS_MUTED_COLOR_VAR, DEFAULT_STATUS_MUTED_COLOR, SURFACE_MUTED_STATUS_COLOR;
-var init_contextualColors = __esmMin((() => {
-	STATUS_MUTED_COLOR_VAR = "--rb-status-muted-color";
-	DEFAULT_STATUS_MUTED_COLOR = "rgb(var(--tb-mutedText))";
-	SURFACE_MUTED_STATUS_COLOR = "color-mix(in oklab, currentColor, transparent 18%)";
-}));
-//#endregion
 //#region ../theme-core/src/cards/generateCardCss.ts
 function resolveCornerRadiiCss$1(cornerRadii, fallback) {
 	const fallbackValue = CORNER_RADIUS_MAP$2[fallback];
@@ -14411,8 +14925,10 @@ function generateVariantCSS(variant, themeId, tokens, theme) {
 		const direction = GRADIENT_DIRECTION_MAP$1[variant.background.direction] || "to right";
 		rules.push(`background: linear-gradient(${direction}, ${fromColor}, ${toColor})`);
 	} else rules.push(`background: transparent`);
-	if (variant.foregroundToken) rules.push(`color: ${tokens.getColor(variant.foregroundToken)}`);
-	rules.push(contextualMutedStatusColorDeclaration(SURFACE_MUTED_STATUS_COLOR));
+	if (variant.background.type !== "transparent") {
+		const foreground = tokens.getColor(variant.foregroundToken ?? "text");
+		rules.push(...surfaceForegroundDeclarations({ text: foreground }));
+	}
 	if (variant.accentEdge) {
 		const side = ACCENT_EDGE_SIDE_MAP$1[variant.accentEdge.edge];
 		const width = ACCENT_EDGE_WIDTH_MAP$1[variant.accentEdge.width];
@@ -14450,7 +14966,7 @@ var PER_CORNER_RADIUS_MAP$1, ACCENT_EDGE_WIDTH_MAP$1, ACCENT_EDGE_SIDE_MAP$1, CO
 	init_resolver$1();
 	init_constants$1();
 	init_generateDefaultCardSystem();
-	init_contextualColors();
+	init_surfaces();
 	PER_CORNER_RADIUS_MAP$1 = {
 		square: "0",
 		soft: "0.5rem",
@@ -14485,7 +15001,9 @@ var PER_CORNER_RADIUS_MAP$1, ACCENT_EDGE_WIDTH_MAP$1, ACCENT_EDGE_SIDE_MAP$1, CO
 		pill: "1.5rem"
 	};
 }));
-var init_core = __esmMin((() => {}));
+var init_core = __esmMin((() => {
+	init_surfaces();
+}));
 //#endregion
 //#region ../theme-core/src/cards/index.ts
 var init_cards = __esmMin((() => {
@@ -14778,16 +15296,22 @@ var init_types$8 = __esmMin((() => {
 /**
 * Gradient configuration types and schemas
 */
-var gradientStopSchema, gradientConfigSchema;
+var gradientStopSchema, radialGradientShapeSchema, gradientConfigSchema;
 var init_types$7 = __esmMin((() => {
 	init_themeColorTokens();
 	gradientStopSchema = z$1.object({
 		color: themeColorTokenSchema,
 		position: z$1.number().min(0).max(100)
 	});
+	radialGradientShapeSchema = z$1.enum(["circle", "ellipse"]);
 	gradientConfigSchema = z$1.object({
-		type: z$1.enum(["linear", "radial"]),
+		type: z$1.enum([
+			"linear",
+			"radial",
+			"conic"
+		]).default("linear"),
 		angle: z$1.number().min(0).max(360).optional(),
+		shape: radialGradientShapeSchema.optional(),
 		position: z$1.string().optional(),
 		stops: z$1.array(gradientStopSchema).min(2)
 	});
@@ -15326,7 +15850,7 @@ var init_tokenOrColor = __esmMin((() => {
 		"white",
 		"yellow"
 	]);
-})), axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
+})), axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, eyebrowTypographyStyleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
 var init_schema$1 = __esmMin((() => {
 	init_media$1();
 	init_buttons();
@@ -15606,6 +16130,7 @@ var init_schema$1 = __esmMin((() => {
 		"majorThird",
 		"perfectFourth"
 	]);
+	eyebrowTypographyStyleSchema = z$1.object({ family: z$1.string().min(1) });
 	typographySchema = z$1.object({
 		body: bodyTypographyStyleSchema,
 		headings: z$1.object({
@@ -15618,7 +16143,8 @@ var init_schema$1 = __esmMin((() => {
 			h6: headingTypographyOverridesSchema.optional()
 		}),
 		scale: typographyScaleSchema,
-		proseLinkStyle: proseLinkStyleSchema.optional()
+		proseLinkStyle: proseLinkStyleSchema.optional(),
+		eyebrow: eyebrowTypographyStyleSchema.optional()
 	});
 	spaceSchema = z$1.enum([
 		"comfortable",
@@ -15643,7 +16169,8 @@ var init_schema$1 = __esmMin((() => {
 			"soft",
 			"hard"
 		]).nullable(),
-		position: z$1.enum(["bottom", "bottom-right"]).default("bottom")
+		position: z$1.enum(["bottom", "bottom-right"]).default("bottom"),
+		colorToken: themeColorTokenSchema.optional()
 	});
 	border = z$1.object({
 		width: z$1.enum([
@@ -15884,6 +16411,7 @@ var init_schema$1 = __esmMin((() => {
 		navWeight: navFontWeight.default("medium"),
 		navTypography: z$1.enum(["body", "heading"]).optional(),
 		navTextSize: navLinkStyleSchema.shape.textSize,
+		navPlacement: z$1.enum(["end", "center"]).optional(),
 		container: headerContainerSchema,
 		border: headerBorderSchema,
 		shadow: componentShadowSchema.optional(),
@@ -16642,7 +17170,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 		"site-style:bold-launch",
 		"site-style:south-west-twerk-school",
 		"site-style:kirtan-ornate",
-		"site-style:original-joy"
+		"site-style:original-joy",
+		"site-style:fulcrum"
 	];
 	quietBudget = {
 		accentDensity: "low",
@@ -17854,6 +18383,104 @@ var init_curatedSiteStyles = __esmMin((() => {
 				buttonChoice("showtime-pill")
 			],
 			paletteRecommendations: [paletteRecommendation("warm-dark-ember")]
+		}),
+		defineCuratedSiteStyle({
+			id: "site-style:fulcrum",
+			name: "Fulcrum",
+			headingDecoration: {
+				family: "short-center-rule",
+				colorToken: "accent"
+			},
+			description: "Spruce-ink and moss with an amber climax, Newsreader serif over IBM Plex Sans, hairline sage borders and flat buttons — a grounded, editorial physiotherapy skin.",
+			generationBrief: "Use a calm, clinician-led voice: precise, reassuring and specific rather than clinical-cold. Lead with the assessment-treatment-rehab journey, mono uppercase eyebrows for practical labels (hours, registrations, appointment windows), Newsreader serif headings over IBM Plex Sans body, and a single amber call to action as the page climax. Keep proof concrete (registrations, same-week appointments, return-to-activity outcomes) and avoid spa or hard-sell wellness language or medical claims.",
+			siteCreatorSelection: {
+				kind: "site_creator_keyword_heuristic",
+				priority: 28
+			},
+			selectionKeywordRules: [
+				{
+					kind: "substring",
+					value: "physiotherap"
+				},
+				{
+					kind: "word",
+					value: "physio"
+				},
+				{
+					kind: "phrase",
+					value: "sports injury"
+				},
+				{
+					kind: "phrase",
+					value: "rehab clinic"
+				},
+				{
+					kind: "substring",
+					value: "musculoskeletal"
+				},
+				{
+					kind: "phrase",
+					value: "sports therapy"
+				}
+			],
+			tokenRecipes: {
+				palette: "brand-led",
+				contrast: "standard",
+				radius: "rounded",
+				shadow: "subtle",
+				typography: "serif-editorial",
+				spacing: "airy",
+				motion: "subtle"
+			},
+			compositionBudget: quietBudget,
+			typographyPresetChoices: [
+				typographyChoice("typography-preset:fulcrum"),
+				typographyChoice("typography-preset:editorial-serif"),
+				typographyChoice("typography-preset:modern-sans")
+			],
+			defaultTypographyPresetId: "typography-preset:fulcrum",
+			themeOverrides: {
+				shadow: { colorToken: "primary" },
+				accordions: {
+					background: null,
+					spacing: "comfortable",
+					corners: "square",
+					border: null,
+					shadow: null,
+					icon: {
+						style: "plus-minus",
+						position: "right",
+						size: "md",
+						colorToken: "accent"
+					},
+					trigger: {
+						textColorToken: "primary",
+						fontWeight: "medium",
+						fontFamily: "heading",
+						fontScale: "md"
+					},
+					hover: { textColorToken: "secondary" },
+					content: { textColorToken: "muted" }
+				},
+				testimonialQuote: serifDisplayQuote
+			},
+			recommendedHeaderLookIds: [
+				"classic-centered-nav",
+				"serif-line",
+				"centered-calm",
+				"clean-base"
+			],
+			recommendedFooterLookIds: ["footer-editorial-columns", "footer-muted-grounding"],
+			buttonPersonalityChoices: [
+				buttonChoice("flat-ink"),
+				buttonChoice("confident-chip"),
+				buttonChoice("editorial-link")
+			],
+			paletteRecommendations: [
+				paletteRecommendation("brand-led-spruce"),
+				paletteRecommendation("warm-neutral-forest"),
+				paletteRecommendation("soft-natural-sage")
+			]
 		})
 	];
 	curatedSiteStylesById = new Map(curatedSiteStyles.map((style) => [style.id, style]));
@@ -18335,7 +18962,7 @@ var init_themeColorResolution = __esmMin((() => {
 	init_tokenOrColor();
 }));
 //#endregion
-//#region ../blocks/src/system/transforms/registry/_utils/sectionForegroundStyles.ts
+//#region ../blocks/src/system/transforms/registry/_utils/surfaceForegroundStyles.ts
 function readColorToken(input, key) {
 	const value = input[key];
 	return typeof value === "string" && value.trim().length > 0 ? value.trim() : null;
@@ -18344,20 +18971,20 @@ function resolveOptionalForegroundColor(value, context) {
 	if (!value) return null;
 	return resolveBackgroundColorValue(value, context);
 }
-function resolveSectionForegroundStyles(value, context) {
+function resolveSurfaceForegroundStyles(value, context) {
 	if (!value || typeof value !== "object") return {};
 	const input = value;
 	const resolvedText = resolveOptionalForegroundColor(readColorToken(input, "textColor"), context);
 	if (!resolvedText) return {};
-	return {
-		color: resolvedText,
-		"--section-text-color": resolvedText,
-		"--section-heading-color": resolveOptionalForegroundColor(readColorToken(input, "headingColor"), context) ?? resolvedText,
-		"--section-link-color": resolveOptionalForegroundColor(readColorToken(input, "linkColor"), context) ?? resolvedText,
-		"--section-supporting-color": resolveOptionalForegroundColor(readColorToken(input, "supportingColor"), context) ?? resolvedText
-	};
+	return { ...surfaceForegroundStyle({
+		text: resolvedText,
+		heading: resolveOptionalForegroundColor(readColorToken(input, "headingColor"), context) ?? void 0,
+		link: resolveOptionalForegroundColor(readColorToken(input, "linkColor"), context) ?? void 0,
+		supporting: resolveOptionalForegroundColor(readColorToken(input, "supportingColor"), context) ?? void 0
+	}) };
 }
-var init_sectionForegroundStyles = __esmMin((() => {
+var init_surfaceForegroundStyles = __esmMin((() => {
+	init_surfaces();
 	init_themeColorResolution();
 }));
 //#endregion
@@ -18389,7 +19016,7 @@ function isTileTreatment(value) {
 function isEventListTreatment(value) {
 	return typeof value === "string" && eventListTreatmentSet.has(value);
 }
-var spacingTransform, raisedTransform, roundedTransform, boxStylesCompositeTransform, cardVariantClassTransform, boxStylesBorderColorTransform, fixedFrameScopeClass, tileTreatmentClassMap, tileTreatmentSet, eventListTreatmentClassMap, eventListTreatmentSet, sectionClassNameTransform, containerStylesResolveClassName, containerStylesResolveBoxClassName, sectionTextColorStyleTransform, sectionHeadingColorStyleTransform, sectionColorsStyleTransform, GAP_CLASS_MAP, GAP_VALUE_MAP, semanticGapTransform, semanticGapValueTransform, boxStylesTransforms;
+var spacingTransform, raisedTransform, roundedTransform, boxStylesCompositeTransform, cardVariantClassTransform, boxStylesBorderColorTransform, fixedFrameScopeClass, tileTreatmentClassMap, tileTreatmentSet, eventListTreatmentClassMap, eventListTreatmentSet, sectionClassNameTransform, containerStylesResolveClassName, containerStylesResolveBoxClassName, sectionColorsStyleTransform, GAP_CLASS_MAP, GAP_VALUE_MAP, semanticGapTransform, semanticGapValueTransform, boxStylesTransforms;
 var init_boxStyles$1 = __esmMin((() => {
 	init_core$2();
 	init_spacing();
@@ -18397,8 +19024,7 @@ var init_boxStyles$1 = __esmMin((() => {
 	init_colorStyles();
 	init_cards();
 	init_blockColorTokens();
-	init_themeColorResolution();
-	init_sectionForegroundStyles();
+	init_surfaceForegroundStyles();
 	spacingTransform = {
 		id: "boxStyles.spacing",
 		kind: "string",
@@ -18624,45 +19250,11 @@ var init_boxStyles$1 = __esmMin((() => {
 			}, context);
 		}
 	};
-	sectionTextColorStyleTransform = {
-		id: "sectionStyles.resolveTextColorStyle",
-		kind: "formatter",
-		summary: "Resolve section text color token into a style object",
-		run: (value, options, context) => {
-			const fallbackToken = options?.fallbackToken;
-			if (typeof value === "string" && value.trim()) {
-				const colorValue = resolveBackgroundColorValue(value.trim(), context);
-				return {
-					color: colorValue,
-					"--section-text-color": colorValue
-				};
-			}
-			if (typeof fallbackToken === "string" && fallbackToken.trim()) {
-				const colorValue = resolveBackgroundColorValue(fallbackToken.trim(), context);
-				return {
-					color: colorValue,
-					"--section-text-color": colorValue
-				};
-			}
-			return {};
-		}
-	};
-	sectionHeadingColorStyleTransform = {
-		id: "sectionStyles.resolveHeadingColorStyle",
-		kind: "formatter",
-		summary: "Resolve section heading color token into a style object",
-		run: (value, options, context) => {
-			const fallbackToken = options?.fallbackToken;
-			if (typeof value === "string" && value.trim()) return { "--section-heading-color": resolveBackgroundColorValue(value.trim(), context) };
-			if (typeof fallbackToken === "string" && fallbackToken.trim()) return { "--section-heading-color": resolveBackgroundColorValue(fallbackToken.trim(), context) };
-			return {};
-		}
-	};
 	sectionColorsStyleTransform = {
 		id: "sectionStyles.resolveColorsStyle",
 		kind: "formatter",
-		summary: "Resolve section foreground colors into a style object",
-		run: (value, _options, context) => resolveSectionForegroundStyles(value, context)
+		summary: "Resolve surface foreground colors into a style object",
+		run: (value, _options, context) => resolveSurfaceForegroundStyles(value, context)
 	};
 	GAP_CLASS_MAP = {
 		none: "rb-gap-semantic-none",
@@ -18710,8 +19302,6 @@ var init_boxStyles$1 = __esmMin((() => {
 		sectionClassNameTransform,
 		containerStylesResolveClassName,
 		containerStylesResolveBoxClassName,
-		sectionTextColorStyleTransform,
-		sectionHeadingColorStyleTransform,
 		sectionColorsStyleTransform,
 		semanticGapTransform,
 		semanticGapValueTransform
@@ -19340,8 +19930,11 @@ var init_filtering = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/layout.ts
-function eventSectionHeaderLayoutNodes() {
-	return [text({ as: "h2" }, bind("content.heading"), when("content.heading", { authoringPresence: recoverEmptyHeadingWhenActive })), richText({ className: "rb-prose rb-max-w-none" }, bind("content.description"), when("content.description", { authoringPresence: recoverEmptyDescriptionWhenActive }))];
+function eventSectionHeaderLayoutNodes(options = {}) {
+	const headingNode = text({ as: "h2" }, bind("content.heading"), when("content.heading", { authoringPresence: recoverEmptyHeadingWhenActive }));
+	const descriptionNode = richText({ className: "rb-prose rb-max-w-none" }, bind("content.description"), when("content.description", { authoringPresence: recoverEmptyDescriptionWhenActive }));
+	if (options.splitClassName) return [el("div", { className: options.splitClassName }, [headingNode, descriptionNode])];
+	return [headingNode, descriptionNode];
 }
 var recoverEmptyHeadingWhenActive, recoverEmptyDescriptionWhenActive;
 var init_layout = __esmMin((() => {
@@ -19424,6 +20017,9 @@ var init_validation_constants = __esmMin((() => {
 		"richText",
 		"media",
 		"videoEmbed",
+		"icon",
+		"feature-card-icon",
+		"svg",
 		"button",
 		"link",
 		"carousel",
@@ -19453,11 +20049,13 @@ var init_validation_constants = __esmMin((() => {
 		"value.jsonArray",
 		"value.csv",
 		"array.marqueeLoop",
+		"value.mapToken",
 		"layout.maxWidthClass",
 		"layout.headerRootClass",
 		"layout.footerRootClass",
 		"layout.headerRootStyle",
 		"layout.headerSectionBackground",
+		"layout.classicNavMode",
 		"layout.footerRootStyle",
 		"ui.headerNavLinkClass",
 		"ui.headingClassFromAlignment",
@@ -20634,7 +21232,29 @@ var init_ctaRow = __esmMin((() => {
 		fields: [createCtasRepeater({
 			label: "Calls to action",
 			itemLabel: "CTA",
-			maxItems: 3
+			maxItems: 3,
+			button: { variants: [
+				{
+					value: "primary",
+					label: "Primary"
+				},
+				{
+					value: "secondary",
+					label: "Secondary"
+				},
+				{
+					value: "outline",
+					label: "Outline"
+				},
+				{
+					value: "link",
+					label: "Link"
+				},
+				{
+					value: "accent",
+					label: "Accent"
+				}
+			] }
 		})],
 		layout: [ctaRow({
 			collectionPath: "content.ctas",
@@ -20937,6 +21557,55 @@ function buildHighlightLayout() {
 function buildGridCardsLayout(className) {
 	return el("div", { className }, buildResponsiveGridCards());
 }
+/**
+* Build a single "featured editorial" testimonial card.
+*
+* This card type deliberately renders NO avatar/headshot: an amber quote mark,
+* the quote body, then the author name and a context line. Colour + surface
+* treatment is driven entirely by `variantClass` (see testimonials.css):
+*   - `rb-testimonials-fe-card--feature` → spruce-ink card (dark primary bg)
+*   - `rb-testimonials-fe-card--plain`   → white surface card
+*
+* Extra modifiers (`repeat`, `when`) are forwarded to the card node so the
+* caller can drive first-vs-rest branching.
+*/
+function buildFeaturedEditorialCard(variantClass, ...mods) {
+	const quoteMark = text({
+		as: "span",
+		className: "rb-testimonials-fe-qmark",
+		"aria-hidden": "true"
+	}, props({ value: "“" }));
+	const quote = richText({ className: "rb-testimonials-fe-quote rb-max-w-none" }, bind("testimonial.content.body"), when("testimonial.content.body"));
+	const meta = el("div", { className: "rb-testimonials-fe-meta" }, [text({
+		as: "strong",
+		className: "rb-testimonials-fe-name"
+	}, bind("testimonial.content.name", { fallback: "Anonymous" })), text({
+		as: "span",
+		className: "rb-testimonials-fe-context"
+	}, when("testimonial.content.jobTitle"), bind("testimonial.content.jobTitle"))]);
+	return el("div", { className: `rb-testimonials-fe-card ${variantClass}` }, [
+		quoteMark,
+		quote,
+		meta
+	], ...mods);
+}
+/**
+* Build the "featured editorial" layout: an asymmetric two-column arrangement
+* where the FIRST testimonial is a large featured (spruce-ink) card and the
+* remaining testimonials stack as white cards beside it.
+*
+* First-vs-rest branching is done without an offset primitive: the featured
+* card uses `repeat(..., { limit: 1 })` (entry 0 only), and the rest column
+* repeats over every entry but skips index 0 via `when("tIndex", { equals: 0,
+* not: true })`. The `$when` guard is re-evaluated per repeated item with the
+* index scope in context, so entry 0 produces no node in the rest column.
+*/
+function buildFeaturedEditorialLayout() {
+	return el("div", { className: "rb-testimonials-fe-grid" }, [buildFeaturedEditorialCard("rb-testimonials-fe-card--feature", repeat("data.entries", "testimonial", { limit: 1 })), el("div", { className: "rb-testimonials-fe-col" }, [buildFeaturedEditorialCard("rb-testimonials-fe-card--plain", repeat("data.entries", "testimonial", { indexName: "tIndex" }), when("tIndex", {
+		equals: 0,
+		not: true
+	}))])]);
+}
 var grid$4, testimonialsCarouselFragment;
 var init_testimonialsCarousel = __esmMin((() => {
 	init_types$4();
@@ -25085,7 +25754,8 @@ var init_events$1 = __esmMin((() => {
 		"combined",
 		"calendar",
 		"list",
-		"timetable"
+		"timetable",
+		"week-board"
 	];
 	eventCalendarDefaultViewValues = ["month", "week"];
 	eventCalendarListLayoutValues = [
@@ -25873,6 +26543,40 @@ function getEventAvailability(event) {
 		isFull: false
 	};
 }
+/**
+* Derive the three-state availability status (available / filling / waitlist)
+* plus a short pill label. Builds on {@link getEventAvailability} so the
+* capacity math (availableSpots with a `capacity - registeredCount` fallback)
+* stays consistent with the binary helper used elsewhere.
+*/
+function getEventAvailabilityStatus(event, options) {
+	const threshold = options?.fillingThreshold ?? 2;
+	const { available, isFull } = getEventAvailability(event);
+	if (available == null) return {
+		status: "available",
+		available: null,
+		isFull: false,
+		label: null
+	};
+	if (isFull) return {
+		status: "waitlist",
+		available: 0,
+		isFull: true,
+		label: event.waitlistEnabled ? "Waitlist" : "Full"
+	};
+	if (available <= threshold) return {
+		status: "filling",
+		available,
+		isFull: false,
+		label: `${available} left`
+	};
+	return {
+		status: "available",
+		available,
+		isFull: false,
+		label: `${available} places`
+	};
+}
 var init_eventCapacity = __esmMin((() => {}));
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/destination.ts
@@ -101179,7 +101883,7 @@ var init_event_registration_client = __esmMin((() => {
 * Loads Leaflet CSS/JS from CDN to avoid bundling in the blocks package.
 */
 function isLeafletApi(value) {
-	if (!isRecord$32(value)) return false;
+	if (!isRecord$34(value)) return false;
 	return typeof value.map === "function" && typeof value.tileLayer === "function" && typeof value.marker === "function";
 }
 function loadLeaflet() {
@@ -103754,6 +104458,153 @@ var init_EventCombined_client = __esmMin((() => {
 	EventCombinedIslandClient = (props) => /* @__PURE__ */ jsx(EventCombinedClient, { ...toEventCombinedControllerProps(props) });
 }));
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/events/shared/WeekBoardView.tsx
+/**
+* Format an event's start–end as a compact range, merging the shared meridiem.
+* "6:00 PM" + "7:00 PM" -> "6:00 – 7:00 PM"; "9:30 AM" + "10:15 AM" -> "9:30 – 10:15 AM".
+*/
+function formatCompactTimeRange(event) {
+	const timeZone = event.timeZone ?? null;
+	const start = formatTime$3(event.startsAt, { timeZone });
+	const end = formatTime$3(event.endsAt, { timeZone });
+	const startMeridiem = start.slice(-2);
+	const endMeridiem = end.slice(-2);
+	if ((startMeridiem === "AM" || startMeridiem === "PM") && startMeridiem === endMeridiem) return `${start.slice(0, -3).trim()} – ${end}`;
+	return `${start} – ${end}`;
+}
+var SHORT_DAY_NAMES, LEGEND_ITEMS, WeekBoardCard, WeekBoardView;
+var init_WeekBoardView = __esmMin((() => {
+	init_clsx();
+	init_buttons();
+	init_eventCapacity();
+	init_utils$3();
+	SHORT_DAY_NAMES = [
+		"Sun",
+		"Mon",
+		"Tue",
+		"Wed",
+		"Thu",
+		"Fri",
+		"Sat"
+	];
+	LEGEND_ITEMS = [
+		{
+			status: "available",
+			label: "Places available"
+		},
+		{
+			status: "filling",
+			label: "Filling up"
+		},
+		{
+			status: "waitlist",
+			label: "Waitlist"
+		}
+	];
+	WeekBoardCard = ({ event, showCapacity }) => {
+		const linkProps = resolveEventLinkProps(event);
+		const { status, label } = getEventAvailabilityStatus(event);
+		const pill = showCapacity ? label : null;
+		return /* @__PURE__ */ jsxs("a", {
+			...linkProps,
+			className: "event-week-board-card",
+			"data-status": status,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "event-week-board-card-title",
+					children: event.title
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "event-week-board-card-time",
+					children: formatCompactTimeRange(event)
+				}),
+				pill ? /* @__PURE__ */ jsx("span", {
+					className: "event-week-board-card-pill",
+					"data-status": status,
+					children: pill
+				}) : null
+			]
+		});
+	};
+	WeekBoardView = ({ days, events, showCapacity, emptyMessage = "No classes scheduled this week", title = "The week ahead", footerNote = "New to a class? We'll check it's right for you first.", ctaLabel = "Reserve a place", ctaHref = null, buttonVariant = "outline" }) => {
+		const eventsByDate = groupEventsByDate(events);
+		const hasAnyEvents = days.some((date) => (eventsByDate.get(formatDateKey(date)) ?? []).length > 0);
+		const ctaClassName = themeButtonClassName({
+			variant: buttonVariant,
+			size: "sm"
+		});
+		return /* @__PURE__ */ jsx("div", {
+			className: "event-calendar event-calendar--week-board",
+			"data-block": "event-calendar",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "event-week-board",
+				style: { "--event-week-board-cols": String(days.length) },
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "event-week-board-top",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "event-week-board-title",
+							children: title
+						}), /* @__PURE__ */ jsx("div", {
+							className: "event-week-board-legend",
+							"aria-hidden": "true",
+							children: LEGEND_ITEMS.map((item) => /* @__PURE__ */ jsxs("span", {
+								className: "event-week-board-legend-item",
+								children: [/* @__PURE__ */ jsx("i", {
+									className: "event-week-board-legend-dot",
+									"data-status": item.status
+								}), item.label]
+							}, item.status))
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "event-week-board-grid",
+						children: days.map((date) => {
+							const dateKey = formatDateKey(date);
+							const dayEvents = eventsByDate.get(dateKey) ?? [];
+							const today = isToday(date);
+							return /* @__PURE__ */ jsxs("div", {
+								className: clsx("event-week-board-day", dayEvents.length === 0 && "event-week-board-day--empty", today && "event-week-board-day--today"),
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "event-week-board-day-head",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "event-week-board-day-abbr",
+										children: SHORT_DAY_NAMES[date.getDay()]
+									}), /* @__PURE__ */ jsx("span", {
+										className: "event-week-board-day-num",
+										children: date.getDate()
+									})]
+								}), /* @__PURE__ */ jsx("div", {
+									className: "event-week-board-day-body",
+									children: dayEvents.map((event) => /* @__PURE__ */ jsx(WeekBoardCard, {
+										event,
+										showCapacity
+									}, event.occurrenceId || event.id))
+								})]
+							}, dateKey);
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "event-week-board-foot",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "event-week-board-foot-note",
+							children: hasAnyEvents ? footerNote : emptyMessage
+						}), ctaHref ? /* @__PURE__ */ jsx("a", {
+							className: ctaClassName,
+							href: ctaHref,
+							children: ctaLabel
+						}) : /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: ctaClassName,
+							children: ctaLabel
+						})]
+					})
+				]
+			})
+		});
+	};
+}));
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/timetableModel.ts
 function buildTimetableModel(input) {
 	const generic = buildTimetableModel$1({
@@ -104054,7 +104905,7 @@ function buildDisplayFilterParams(display) {
 		filterVenueId: display.filterVenueId
 	});
 }
-var EventCalendarClient, EventCalendarTimetableClient, EventCalendarGridClient, EventCalendarChrome;
+var EventCalendarClient, EventCalendarWeekBoardClient, EventCalendarTimetableClient, EventCalendarGridClient, EventCalendarChrome;
 var init_EventCalendar_client = __esmMin((() => {
 	init_EventCalendar_interactive();
 	init_EventListing_client();
@@ -104067,6 +104918,7 @@ var init_EventCalendar_client = __esmMin((() => {
 	init_EventModalContext();
 	init_EventModals();
 	init_WeekAgendaView();
+	init_WeekBoardView();
 	init_WeekTimetableView();
 	init_buttons();
 	init_listOptions();
@@ -104104,8 +104956,20 @@ var init_EventCalendar_client = __esmMin((() => {
 		});
 		if (display.displayMode === "list") return /* @__PURE__ */ jsx(EventListingController, { render: buildEventCalendarListingRender(render) });
 		if (display.displayMode === "timetable") return /* @__PURE__ */ jsx(EventCalendarTimetableClient, { render });
+		if (display.displayMode === "week-board") return /* @__PURE__ */ jsx(EventCalendarWeekBoardClient, { display });
 		return /* @__PURE__ */ jsx(EventCalendarGridClient, { render });
 	};
+	EventCalendarWeekBoardClient = ({ display }) => {
+		const days = useMemo(() => getWeekCalendarDayTuple(/* @__PURE__ */ new Date(), display.startOfWeek), [display.startOfWeek]);
+		return /* @__PURE__ */ jsx(WeekBoardView, {
+			days,
+			events: [...display.events],
+			showCapacity: display.showCapacity,
+			emptyMessage: display.emptyMessage,
+			ctaLabel: display.buttonText,
+			buttonVariant: display.buttonVariant
+		});
+	};
 	EventCalendarTimetableClient = ({ render }) => {
 		const { display, hydration } = render;
 		const { filtersNode, listFilters } = useEventCalendarFilterState(display);
@@ -106816,7 +107680,7 @@ var init_RichText = __esmMin((() => {
 function coerceRichTextDoc(value) {
 	const raw = unwrapRichTextRoot(value);
 	if (typeof raw === "string") return createRichTextDocFromMarkdown(raw);
-	if (isRecord$32(raw) && typeof raw.type === "string") return raw;
+	if (isRecord$34(raw) && typeof raw.type === "string") return raw;
 	return null;
 }
 var init_richText_coerce = __esmMin((() => {
@@ -112524,7 +113388,7 @@ const defaultLayout = styledSection({
 	children: styledContainer({
 		baseClassName: "rb-relative rb-isolate",
 		children: stack({
-			gap: "xl",
+			gap: "lg",
 			className: "rb-w-full rb-max-w-4xl rb-mx-auto"
 		}, [headingLayout, accordionLayout])
 	}),
@@ -112541,7 +113405,7 @@ const questionColumnsLayout = styledSection({
 	children: styledContainer({
 		baseClassName: "rb-relative rb-isolate",
 		children: stack({
-			gap: "xl",
+			gap: "lg",
 			className: "rb-w-full"
 		}, [headingLayout, questionColumnsAccordionLayout])
 	}),
@@ -112706,7 +113570,26 @@ const formattingTransforms = [
 	arrayLengthTransform,
 	jsonArrayTransform,
 	csvTransform,
-	marqueeLoopTransform
+	marqueeLoopTransform,
+	{
+		id: "value.mapToken",
+		kind: "formatter",
+		summary: "Map a state/enum value to a theme token colour (rgb(var(--tb-<role>)))",
+		schema: z$1.object({
+			/**
+			* Maps an input state/enum value (stringified) to a theme token ROLE name
+			* (e.g. `secondary`, `accent`, `muted`, `border`). The role is wrapped to
+			* `rgb(var(--tb-<role>))` so the result drops straight into a `style` binding.
+			*/
+			cases: z$1.record(z$1.string(), z$1.string()),
+			/** Role used when the value matches no case. Omit to yield `undefined`. */
+			fallback: z$1.string().optional()
+		}),
+		run: (value, options) => {
+			const role = options.cases[String(value)] ?? options.fallback;
+			return role ? `rgb(var(--tb-${role}))` : void 0;
+		}
+	}
 ];
 //#endregion
 //#region ../blocks/src/system/transforms/registry/ui.ts
@@ -113290,6 +114173,7 @@ function splitSiteChromePlacementClasses(className) {
 init_colorConversion();
 init_core$2();
 init_colorStyles();
+init_surfaces();
 const joinClasses$1 = (parts) => parts.filter((part) => typeof part === "string" && part.trim().length > 0).join(" ").replace(/\s+/g, " ").trim();
 function resolveHeaderBrandDisplay(logo) {
 	const display = logo?.brandDisplay ?? "logo-plus-title";
@@ -113359,6 +114243,26 @@ const headerLogoTextVisibleTransform = {
 		return resolveHeaderBrandDisplay(asPartialObject(value)) !== "logo-only";
 	}
 };
+/**
+* Selects which classic-layout nav row should render.
+*
+* - `'inline'`  → classic variant with the historical logo-left / nav-right row
+* - `'centered'`→ classic variant with a centred (flex-1) nav and a right CTA
+* - `'other'`   → not a classic variant (centered/floating/transparent handle it)
+*
+* Consumed by the site-header block's `$when` gates so the two classic rows are
+* mutually exclusive without introducing a new top-level header variant.
+*/
+const classicNavModeTransform = {
+	id: "layout.classicNavMode",
+	kind: "formatter",
+	summary: "Resolve which classic-layout nav row to render",
+	run: (value) => {
+		const header = asPartialObject(value);
+		if (header?.variant !== "classic") return "other";
+		return header?.navPlacement === "center" ? "centered" : "inline";
+	}
+};
 const maxWidthClassTransform = {
 	id: "layout.maxWidthClass",
 	kind: "string",
@@ -113541,8 +114445,9 @@ const footerRootStyleTransform = {
 				styleParts.push(backgroundColorStyle(token));
 			}
 		}
-		if (visuals.textColorOverride) styleParts.push({ color: visuals.textColorOverride });
-		else if (visuals.textColorToken) styleParts.push(textColorStyle(visuals.textColorToken));
+		const foreground = visuals.textColorOverride ?? (visuals.textColorToken ? rgbColorValue(visuals.textColorToken) : null);
+		if (!visuals.isTransparent && foreground) styleParts.push(surfaceForegroundStyle({ text: foreground }));
+		else if (foreground) styleParts.push({ color: foreground });
 		styleParts.push(borderColorStyle("border"));
 		return mergeStyles(...styleParts);
 	}
@@ -113628,18 +114533,16 @@ const footerBottomBarStyleTransform = {
 		const styleParts = [];
 		const background = bottomBar?.background;
 		if (background?.type === "color") styleParts.push(backgroundColorStyle(background.color ?? "surface"));
-		if (bottomBar?.textColor) styleParts.push(textColorStyle(bottomBar.textColor));
 		const borderColorToken = bottomBar?.borderTop?.colorToken;
 		if (borderColorToken) styleParts.push(borderColorStyle(borderColorToken));
 		else styleParts.push(borderColorStyle("border"));
 		const borderWidth = bottomBar?.borderTop?.width;
 		if (borderWidth && borderWidth !== "none") styleParts.push({ borderTopWidth: borderWidth === "thin" ? "1px" : borderWidth === "medium" ? "2px" : "3px" });
 		else if (borderWidth === "none") styleParts.push({ borderTopWidth: "0px" });
-		if (!bottomBar?.textColor) {
-			const visuals = resolveBackgroundVisualStyles(extractBackgroundColorToken(background, "surface"), context.theme);
-			if (visuals.textColorOverride) styleParts.push({ color: visuals.textColorOverride });
-			else if (visuals.textColorToken) styleParts.push(textColorStyle(visuals.textColorToken));
-		}
+		const visuals = resolveBackgroundVisualStyles(extractBackgroundColorToken(background, "surface"), context.theme);
+		const foreground = bottomBar?.textColor ? rgbColorValue(bottomBar.textColor) : visuals.textColorOverride ?? (visuals.textColorToken ? rgbColorValue(visuals.textColorToken) : null);
+		if (background?.type === "color" && foreground) styleParts.push(surfaceForegroundStyle({ text: foreground }));
+		else if (foreground && bottomBar?.textColor) styleParts.push({ color: foreground });
 		return mergeStyles(...styleParts);
 	}
 };
@@ -113774,6 +114677,7 @@ const layoutTransforms = [
 	headerLogoClassTransform,
 	headerLogoMediaClassTransform,
 	headerLogoTextVisibleTransform,
+	classicNavModeTransform,
 	footerRootClassTransform,
 	headerRootStyleTransform,
 	headerSectionBackgroundTransform,
@@ -113853,16 +114757,16 @@ const interpolateRichTextTokensOptionsSchema = z$1.object({ tokens: z$1.array(su
 const richTextTokenPattern = /\{\{\s*([a-zA-Z0-9_]+)\s*\}\}/g;
 function getSiteName(context) {
 	const viewModel = context.viewModel;
-	if (!isRecord$32(viewModel)) return null;
+	if (!isRecord$34(viewModel)) return null;
 	const site = viewModel.site;
-	if (isRecord$32(site) && typeof site.title === "string") {
+	if (isRecord$34(site) && typeof site.title === "string") {
 		const title = site.title.trim();
 		return title.length > 0 ? title : null;
 	}
 	const root = viewModel.$root;
-	if (isRecord$32(root)) {
+	if (isRecord$34(root)) {
 		const rootSite = root.site;
-		if (isRecord$32(rootSite) && typeof rootSite.title === "string") {
+		if (isRecord$34(rootSite) && typeof rootSite.title === "string") {
 			const title = rootSite.title.trim();
 			if (title.length > 0) return title;
 		}
@@ -113884,7 +114788,7 @@ function replaceTokenText(input, allowedTokens, tokenValues) {
 	});
 }
 function visitRichTextNode(node, allowedTokens, tokenValues) {
-	if (!isRecord$32(node)) return node;
+	if (!isRecord$34(node)) return node;
 	let changed = false;
 	const nextNode = { ...node };
 	if (nextNode.type === "text" && typeof nextNode.text === "string") {
@@ -113905,13 +114809,13 @@ function visitRichTextNode(node, allowedTokens, tokenValues) {
 	return changed ? nextNode : node;
 }
 function interpolateRichTextTokens(value, options, context) {
-	if (!isRecord$32(value)) return value;
+	if (!isRecord$34(value)) return value;
 	const allowedTokens = new Set(options.tokens);
 	const tokenValues = {
 		year: String((/* @__PURE__ */ new Date()).getFullYear()),
 		site_name: getSiteName(context)
 	};
-	if (isRecord$32(value.doc)) {
+	if (isRecord$34(value.doc)) {
 		const nextDoc = visitRichTextNode(value.doc, allowedTokens, tokenValues);
 		if (nextDoc === value.doc) return value;
 		return {
@@ -114191,7 +115095,18 @@ const classicLayout = inline({
 	logoRow,
 	createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
 	headerCta
-], when("$root.theme.header.variant", { equals: "classic" }));
+], whenTransformed$1("$root.theme.header", "layout.classicNavMode", "inline"));
+const classicCenteredNavLayout = inline({
+	className: bindProp("$root.theme.header.maxWidth", {
+		transforms: pipe(tx("layout.maxWidthClass", { base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6` })),
+		fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
+	}),
+	align: "center"
+}, [
+	logoRow,
+	createNavRow(`rb-flex-1 rb-justify-center ${desktopOnlyDisplay("flex")} rb-gap-6`, "center"),
+	headerCta
+], whenTransformed$1("$root.theme.header", "layout.classicNavMode", "centered"));
 const centeredLayout = stack({
 	gap: "md",
 	align: "center",
@@ -114266,6 +115181,7 @@ const siteHeaderManifest = createBlockManifest({
 	}, [
 		mobileHeaderBar,
 		classicLayout,
+		classicCenteredNavLayout,
 		centeredLayout,
 		transparentLayout,
 		floatingLayout,
@@ -114314,6 +115230,7 @@ init_builder$2();
 init_fragments();
 init_defineBlock();
 init_colorStyles();
+init_surfaces();
 const footerTextLayout = () => materializeFragment({ fragment: footerBottomTextFragment }).layout;
 const whenTransformed = (from, transformId, equals = true) => (node) => ({
 	...node,
@@ -114483,7 +115400,7 @@ const footerLayout = section$1({
 	style: { $bind: {
 		from: "$root.theme.footer",
 		transforms: [{ id: "layout.footerRootStyle" }],
-		fallback: mergeStyles(backgroundColorStyle("surface"), textColorStyle("text"), borderColorStyle("border"))
+		fallback: mergeStyles(backgroundColorStyle("surface"), surfaceForegroundStyle({ text: "rgb(var(--tb-text))" }), borderColorStyle("border"))
 	} }
 }, [
 	simpleFooterLayout,
@@ -114546,7 +115463,7 @@ const backgroundImageClassName = "rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full r
 */
 const wrapVariant$2 = (variantLayout) => styledSection({
 	children: styledContainer({ children: stack({
-		gap: "xl",
+		gap: "lg",
 		className: "rb-relative"
 	}, [...testimonialsHeadingFragment.layout, variantLayout]) }),
 	baseClass: "",
@@ -114572,6 +115489,27 @@ const splitGridLayout = styledSection({
 	spacing: "comfortable",
 	imageClassName: backgroundImageClassName
 });
+const featuredEditorialHead = el("div", { className: "rb-testimonials-fe-head" }, [text({
+	as: "h2",
+	className: "rb-text-left",
+	headingDecoration: "off"
+}, when("content.heading"), bind("content.heading")), el("div", { className: "rb-testimonials-fe-leadin" }, [text({
+	as: "p",
+	className: "rb-prose",
+	style: textColorStyle("mutedText")
+}, when("content.subheading"), bind("content.subheading"))])]);
+const featuredEditorialLayout = styledSection({
+	children: styledContainer({
+		baseClassName: "rb-relative rb-isolate",
+		children: stack({
+			gap: "lg",
+			className: "rb-relative"
+		}, [featuredEditorialHead, buildFeaturedEditorialLayout()])
+	}),
+	baseClass: "",
+	spacing: "comfortable",
+	imageClassName: backgroundImageClassName
+});
 const additionalFields = parseFieldDefinitions([
 	...testimonialsHeadingFragment.fields,
 	{
@@ -114659,6 +115597,7 @@ const testimonialsBlockDefinition = {
 			carousel: carouselLayout$1,
 			grid: gridLayout$1,
 			"split-grid": splitGridLayout,
+			"featured-editorial": featuredEditorialLayout,
 			highlight: highlightLayout
 		},
 		defaultVariant: "carousel",
@@ -114678,6 +115617,11 @@ const testimonialsBlockDefinition = {
 				description: "Heading on the left with testimonial cards on the right",
 				icon: "PanelLeft"
 			},
+			"featured-editorial": {
+				label: "Featured editorial",
+				description: "A large featured ink quote beside a column of stacked cards (no avatars)",
+				icon: "Quote"
+			},
 			highlight: {
 				label: "Highlight",
 				description: "A single, centered testimonial with no carousel",
@@ -115221,7 +116165,7 @@ function grid$2(props, children) {
 const cardsLayout = styledSection({
 	children: styledContainer({
 		rootType: "stack",
-		rootProps: { gap: "xl" },
+		rootProps: { gap: "lg" },
 		children: [stack({
 			gap: "sm",
 			className: "rb-feature-cards-heading rb-mx-auto rb-max-w-3xl rb-text-center"
@@ -117575,7 +118519,7 @@ const eventCalendarLayout = [styledSection({
 	children: styledContainer({
 		rootType: "stack",
 		rootProps: { gap: "lg" },
-		children: [...eventSectionHeaderLayoutNodes(), el("event-calendar", withApiBindings({
+		children: [...eventSectionHeaderLayoutNodes({ splitClassName: "event-section-head event-section-head--split" }), el("event-calendar", withApiBindings({
 			events: { $bind: { from: "data.events" } },
 			stage: { $bind: {
 				from: "$root.previewStage",
@@ -117686,6 +118630,10 @@ const eventCalendarAdditionalFields = [
 				value: "timetable",
 				label: "Timetable"
 			},
+			{
+				value: "week-board",
+				label: "Week board"
+			},
 			{
 				value: "list",
 				label: "List"
@@ -117868,7 +118816,8 @@ const eventCalendarAdditionalFields = [
 				oneOf: [
 					"combined",
 					"calendar",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}
 		}
@@ -117971,7 +118920,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}
 		}
@@ -118006,7 +118956,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -118029,7 +118980,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -118052,7 +119004,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -118074,7 +119027,8 @@ const eventCalendarAdditionalFields = [
 				oneOf: [
 					"combined",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, { allOf: [{
 				field: "variant",
@@ -118250,6 +119204,7 @@ const eventCalendarVariants = {
 	combined: eventCalendarLayout[0],
 	calendar: eventCalendarLayout[0],
 	timetable: eventCalendarLayout[0],
+	"week-board": eventCalendarLayout[0],
 	list: eventCalendarLayout[0]
 };
 const eventCalendarContentShape = {
@@ -118263,6 +119218,7 @@ const eventCalendarContentShape = {
 				{ value: "combined" },
 				{ value: "calendar" },
 				{ value: "timetable" },
+				{ value: "week-board" },
 				{ value: "list" }
 			]
 		},
@@ -118329,6 +119285,7 @@ const eventCalendarBlockDefinition = {
 			combined: { label: "Combined" },
 			calendar: { label: "Calendar" },
 			timetable: { label: "Timetable" },
+			"week-board": { label: "Week board" },
 			list: { label: "List" }
 		}
 	}, eventCalendarContentShape),
@@ -122694,6 +123651,12 @@ const systemBlockDefinitions = [
 				family: "centered",
 				weight: "featured",
 				bias: "soft"
+			}),
+			layoutProfile({
+				variantKey: "featured-editorial",
+				family: "split",
+				weight: "featured",
+				bias: "soft"
 			})
 		]
 	})),
@@ -122826,6 +123789,11 @@ const systemBlockDefinitions = [
 				variantKey: "timetable",
 				family: "stack",
 				weight: "standard"
+			}),
+			layoutProfile({
+				variantKey: "week-board",
+				family: "stack",
+				weight: "standard"
 			})
 		]
 	})),
@@ -123186,7 +124154,15 @@ function gradientToCss(config, tokens) {
 	const stops = config.stops.map((stop) => {
 		return `${tokens[stop.color] ?? "#000000"} ${stop.position}%`;
 	}).join(", ");
-	if (config.type === "radial") return `radial-gradient(circle at ${config.position ?? "center"}, ${stops})`;
+	const type = config.type ?? "linear";
+	if (type === "radial") {
+		const position = config.position ?? "center";
+		return `radial-gradient(${config.shape ?? "circle"} at ${position}, ${stops})`;
+	}
+	if (type === "conic") {
+		const position = config.position ?? "center";
+		return `conic-gradient(from ${config.angle ?? 0}deg at ${position}, ${stops})`;
+	}
 	return `linear-gradient(${config.angle ?? 180}deg, ${stops})`;
 }
 //#endregion
@@ -123215,7 +124191,7 @@ function backgroundVideoMobileClassNames(input) {
 //#region ../blocks/src/system/transforms/registry/background.ts
 init_background$1();
 init_themeColorResolution();
-init_sectionForegroundStyles();
+init_surfaceForegroundStyles();
 init_media();
 const isString$1 = (value) => typeof value === "string" && value.trim().length > 0;
 const isNumber$1 = (value) => typeof value === "number" && !isNaN(value);
@@ -123272,8 +124248,8 @@ const backgroundTransforms = [
 	{
 		id: "background.resolveColorsStyle",
 		kind: "formatter",
-		summary: "Resolve section foreground colors from a background object into scoped CSS vars",
-		run: (value, _options, context) => resolveSectionForegroundStyles(value, context)
+		summary: "Resolve surface foreground colors from a background object into scoped CSS vars",
+		run: (value, _options, context) => resolveSurfaceForegroundStyles(value, context)
 	},
 	{
 		id: "background.resolveAllowOverflow",
@@ -123909,21 +124885,53 @@ function Inline({ as: Comp = "div", gap = "md", align = "center", justify = "sta
 //#endregion
 //#region ../blocks/src/primitives/layout/Grid.tsx
 init_clsx();
+/** Utility class for a numeric column COUNT at a given breakpoint. */
+const COL_COUNT_CLASS = {
+	base: (n) => `rb-grid-cols-${n}`,
+	sm: (n) => `rb-sm-grid-cols-${n}`,
+	md: (n) => `rb-md-grid-cols-${n}`,
+	lg: (n) => `rb-lg-grid-cols-${n}`,
+	xl: (n) => `rb-xl-grid-cols-${n}`
+};
+/** Inline custom property read by the `.rb-grid-tracks` utility per breakpoint. */
+const TRACK_VAR = {
+	base: "--rb-gtc-base",
+	sm: "--rb-gtc-sm",
+	md: "--rb-gtc-md",
+	lg: "--rb-gtc-lg",
+	xl: "--rb-gtc-xl"
+};
+const GRID_BREAKPOINTS = [
+	"base",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
 function Grid({ as: Comp = "div", cols = {
 	base: 1,
 	md: 2
-}, gap = "md", className, children, "data-slot": dataSlot, ...rest }) {
-	const colsObj = typeof cols === "number" ? { base: cols } : cols;
-	const colClasses = [
-		colsObj.base && `rb-grid-cols-${colsObj.base}`,
-		colsObj.sm && `rb-sm-grid-cols-${colsObj.sm}`,
-		colsObj.md && `rb-md-grid-cols-${colsObj.md}`,
-		colsObj.lg && `rb-lg-grid-cols-${colsObj.lg}`,
-		colsObj.xl && `rb-xl-grid-cols-${colsObj.xl}`
-	];
+}, gap = "md", className, style, children, "data-slot": dataSlot, ...rest }) {
+	const colsObj = typeof cols === "number" || typeof cols === "string" ? { base: cols } : cols;
+	const colClasses = [];
+	const trackVars = {};
+	let hasTracks = false;
+	for (const bp of GRID_BREAKPOINTS) {
+		const value = colsObj[bp];
+		if (value == null) continue;
+		if (typeof value === "string") {
+			trackVars[TRACK_VAR[bp]] = value;
+			hasTracks = true;
+		} else colClasses.push(COL_COUNT_CLASS[bp](value));
+	}
+	const mergedStyle = hasTracks ? {
+		...trackVars,
+		...style
+	} : style;
 	return /* @__PURE__ */ jsx(Comp, {
 		...rest,
-		className: clsx("rb-grid", colClasses, {
+		style: mergedStyle,
+		className: clsx("rb-grid", hasTracks && "rb-grid-tracks", colClasses, {
 			"rb-gap-0": gap === "none",
 			"rb-gap-1": gap === "xs",
 			"rb-gap-2": gap === "sm",
@@ -124004,6 +125012,138 @@ function Text$2({ as: Comp = "span", children, className = "", path, maxLength:
 	});
 }
 //#endregion
+//#region ../blocks/src/system/icons/cta.ts
+init_svg();
+/**
+* Curated icon set for CTA/button icons.
+*
+* Guardrail: keep this list small and action-oriented. This is intentionally not the full Lucide set.
+* Extend by adding to CTA_ICON_NAMES and the mapping below (explicit imports only).
+*/
+const CTA_ICON_NAMES = [
+	"ArrowRight",
+	"ArrowLeft",
+	"ChevronRight",
+	"ChevronLeft",
+	"ChevronUp",
+	"ChevronDown",
+	"ExternalLink",
+	"Download",
+	"Upload",
+	"Mail",
+	"Phone",
+	"Play",
+	"ShoppingCart",
+	"Calendar",
+	"MapPin",
+	"Info",
+	"Plus",
+	"Minus",
+	"Check",
+	"X"
+];
+const CTA_ICON_COMPONENTS = {
+	ArrowRight: ArrowRightIcon,
+	ArrowLeft: ArrowLeftIcon,
+	ChevronRight: ChevronRightIcon,
+	ChevronLeft: ChevronLeftIcon,
+	ChevronUp: ChevronUpIcon,
+	ChevronDown: ChevronDownIcon,
+	ExternalLink: ExternalLinkIcon,
+	Download: DownloadIcon,
+	Upload: UploadIcon,
+	Mail: MailIcon,
+	Phone: PhoneIcon,
+	Play: PlayIcon,
+	ShoppingCart: ShoppingCartIcon,
+	Calendar: CalendarIcon,
+	MapPin: MapPinIcon,
+	Info: InfoIcon,
+	Plus: PlusIcon,
+	Minus: MinusIcon,
+	Check: CheckIcon$1,
+	X: XIcon
+};
+function isCtaIconName(value) {
+	return typeof value === "string" && CTA_ICON_NAMES.includes(value);
+}
+function formatLucideName(name) {
+	return name.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+}
+const CTA_ICON_OPTIONS = CTA_ICON_NAMES.map((id) => ({
+	id,
+	label: formatLucideName(id)
+}));
+function getCtaIconComponent(name) {
+	if (!isCtaIconName(name)) return null;
+	return CTA_ICON_COMPONENTS[name] ?? null;
+}
+//#endregion
+//#region ../blocks/src/system/icons/registry.ts
+init_presets();
+function buildSearchText(parts) {
+	return parts.map((part) => part.trim()).filter(Boolean).join(" ");
+}
+function semanticDefinitionToOption(definition, preset) {
+	return {
+		id: definition.id,
+		label: definition.label,
+		searchText: buildSearchText([
+			definition.label,
+			definition.id,
+			...definition.tags,
+			...definition.domains,
+			...definition.tone
+		]),
+		preset
+	};
+}
+CTA_ICON_OPTIONS.map((option) => ({
+	id: option.id,
+	label: option.label,
+	searchText: buildSearchText([option.label, option.id]),
+	preset: "cta"
+}));
+function semanticOptionsForPreset(preset) {
+	return SEMANTIC_ICON_DEFINITIONS.filter((definition) => definition.presets.includes(preset)).map((definition) => semanticDefinitionToOption(definition, preset));
+}
+semanticOptionsForPreset("feature");
+function getIconComponent(name) {
+	return getCtaIconComponent(name) ?? getSemanticIconComponent(name);
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/buttonAffordance.ts
+function normalize(value) {
+	const trimmed = typeof value === "string" ? value.trim() : "";
+	return trimmed.length > 0 ? trimmed : null;
+}
+/**
+* Resolve the trailing affordance a button should render. Node overrides
+* personality; returns `null` when nothing is configured.
+*/
+function resolveButtonAffordance(input) {
+	const nodeIcon = normalize(input.trailingIcon);
+	if (nodeIcon) {
+		const colorToken = normalize(input.trailingIconColorToken);
+		return {
+			iconId: nodeIcon,
+			source: "node",
+			...colorToken ? { colorToken } : {}
+		};
+	}
+	const personality = input.personalityAffordance;
+	const personalityIcon = normalize(personality?.iconId);
+	if (personality && personalityIcon) {
+		const colorToken = normalize(personality.colorToken);
+		return {
+			iconId: personalityIcon,
+			source: "personality",
+			...colorToken ? { colorToken } : {}
+		};
+	}
+	return null;
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/renderInlineText.tsx
 function renderInlineText(value) {
 	return value.map((run, index) => renderRun(run, index));
@@ -124057,37 +125197,57 @@ const RichTextNode = ({ value, blockId: _blockId, blockKind: _blockKind, blockCo
 		...rest
 	});
 };
-const ButtonNode = ({ value, children, href, variantId = "primary", size = "md", disabled, type = "button", target, rel, linkRequired = false, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, className, ...rest }) => {
+/**
+* Render the resolved trailing affordance icon. Colour is applied via a theme
+* CSS var so it recolours with the palette; the icon stroke uses `currentColor`.
+*/
+function renderTrailingAffordanceIcon(affordance) {
+	if (!affordance) return null;
+	const Icon = getIconComponent(affordance.iconId);
+	if (!Icon) return null;
+	return /* @__PURE__ */ jsx(Icon, {
+		"aria-hidden": true,
+		className: "rb-ml-2 rb-h-4 rb-w-4 rb-inline-block",
+		style: affordance.colorToken ? { color: `rgb(var(--tb-${affordance.colorToken}))` } : void 0
+	});
+}
+const ButtonNode = ({ value, children, href, variantId = "primary", size = "md", disabled, type = "button", target, rel, linkRequired = false, trailingIcon, trailingIconColorToken, personalityAffordance, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, className, ...rest }) => {
 	const content = value ?? children;
 	if (!content) {
 		console.warn("[ButtonNode] No content to render - value and children are both empty");
 		return null;
 	}
+	const affordanceIcon = renderTrailingAffordanceIcon(resolveButtonAffordance({
+		trailingIcon,
+		trailingIconColorToken,
+		personalityAffordance
+	}));
 	const resolvedHref = typeof href === "string" ? href.trim() : "";
 	if (linkRequired && resolvedHref.length === 0) {
 		console.warn("[ButtonNode] Missing href for link-required button");
 		return null;
 	}
+	const extraClassName = affordanceIcon ? [className, AFFORDANCE_SUPPRESS_CLASS].filter(Boolean).join(" ") : className;
 	const resolvedVariantId = parseThemeButtonVariantId(variantId);
 	const combinedClassName = resolvedVariantId ? themeButtonClassName({
 		variant: resolvedVariantId,
 		size,
-		extraClassName: className
-	}) : className;
-	if (resolvedHref) return /* @__PURE__ */ jsx("a", {
+		extraClassName
+	}) : extraClassName;
+	if (resolvedHref) return /* @__PURE__ */ jsxs("a", {
 		href: resolvedHref,
 		target,
 		rel,
 		className: combinedClassName,
 		...rest,
-		children: content
+		children: [content, affordanceIcon]
 	});
-	return /* @__PURE__ */ jsx("button", {
+	return /* @__PURE__ */ jsxs("button", {
 		type,
 		disabled,
 		className: combinedClassName,
 		...rest,
-		children: content
+		children: [content, affordanceIcon]
 	});
 };
 const LinkNode = ({ href, children, className, target, rel, linkRequired = false, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
@@ -124112,106 +125272,6 @@ const LinkNode = ({ href, children, className, target, rel, linkRequired = false
 	});
 };
 //#endregion
-//#region ../blocks/src/system/icons/cta.ts
-init_svg();
-/**
-* Curated icon set for CTA/button icons.
-*
-* Guardrail: keep this list small and action-oriented. This is intentionally not the full Lucide set.
-* Extend by adding to CTA_ICON_NAMES and the mapping below (explicit imports only).
-*/
-const CTA_ICON_NAMES = [
-	"ArrowRight",
-	"ArrowLeft",
-	"ChevronRight",
-	"ChevronLeft",
-	"ChevronUp",
-	"ChevronDown",
-	"ExternalLink",
-	"Download",
-	"Upload",
-	"Mail",
-	"Phone",
-	"Play",
-	"ShoppingCart",
-	"Calendar",
-	"MapPin",
-	"Info",
-	"Plus",
-	"Minus",
-	"Check",
-	"X"
-];
-const CTA_ICON_COMPONENTS = {
-	ArrowRight: ArrowRightIcon,
-	ArrowLeft: ArrowLeftIcon,
-	ChevronRight: ChevronRightIcon,
-	ChevronLeft: ChevronLeftIcon,
-	ChevronUp: ChevronUpIcon,
-	ChevronDown: ChevronDownIcon,
-	ExternalLink: ExternalLinkIcon,
-	Download: DownloadIcon,
-	Upload: UploadIcon,
-	Mail: MailIcon,
-	Phone: PhoneIcon,
-	Play: PlayIcon,
-	ShoppingCart: ShoppingCartIcon,
-	Calendar: CalendarIcon,
-	MapPin: MapPinIcon,
-	Info: InfoIcon,
-	Plus: PlusIcon,
-	Minus: MinusIcon,
-	Check: CheckIcon$1,
-	X: XIcon
-};
-function isCtaIconName(value) {
-	return typeof value === "string" && CTA_ICON_NAMES.includes(value);
-}
-function formatLucideName(name) {
-	return name.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
-}
-const CTA_ICON_OPTIONS = CTA_ICON_NAMES.map((id) => ({
-	id,
-	label: formatLucideName(id)
-}));
-function getCtaIconComponent(name) {
-	if (!isCtaIconName(name)) return null;
-	return CTA_ICON_COMPONENTS[name] ?? null;
-}
-//#endregion
-//#region ../blocks/src/system/icons/registry.ts
-init_presets();
-function buildSearchText(parts) {
-	return parts.map((part) => part.trim()).filter(Boolean).join(" ");
-}
-function semanticDefinitionToOption(definition, preset) {
-	return {
-		id: definition.id,
-		label: definition.label,
-		searchText: buildSearchText([
-			definition.label,
-			definition.id,
-			...definition.tags,
-			...definition.domains,
-			...definition.tone
-		]),
-		preset
-	};
-}
-CTA_ICON_OPTIONS.map((option) => ({
-	id: option.id,
-	label: option.label,
-	searchText: buildSearchText([option.label, option.id]),
-	preset: "cta"
-}));
-function semanticOptionsForPreset(preset) {
-	return SEMANTIC_ICON_DEFINITIONS.filter((definition) => definition.presets.includes(preset)).map((definition) => semanticDefinitionToOption(definition, preset));
-}
-semanticOptionsForPreset("feature");
-function getIconComponent(name) {
-	return getCtaIconComponent(name) ?? getSemanticIconComponent(name);
-}
-//#endregion
 //#region ../blocks/src/system/runtime/nodes/icon.tsx
 const IconNode = ({ value, title, className, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
 	const parsedValue = parseBlockIconValue(value);
@@ -124838,6 +125898,77 @@ const HeaderSectionNode = ({ blockId, children, className, "data-preview-site-ch
 };
 var header_section_server_default = markEditableSurfaceForwarding(HeaderSectionNode);
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/svg.tsx
+/**
+* Turn paint props into a CSS style object. Colour values pass through as-is so
+* they may reference theme tokens via `var()`, which only resolves in a CSS
+* property context (not in a bare presentation attribute).
+*/
+function paintStyle(shape) {
+	const style = {};
+	if (shape.fill !== void 0) style.fill = shape.fill;
+	if (shape.stroke !== void 0) style.stroke = shape.stroke;
+	if (shape.strokeWidth !== void 0) style.strokeWidth = shape.strokeWidth;
+	if (shape.fillOpacity !== void 0) style.fillOpacity = shape.fillOpacity;
+	if (shape.strokeOpacity !== void 0) style.strokeOpacity = shape.strokeOpacity;
+	if (shape.strokeLinecap !== void 0) style.strokeLinecap = shape.strokeLinecap;
+	if (shape.strokeLinejoin !== void 0) style.strokeLinejoin = shape.strokeLinejoin;
+	if (shape.strokeDasharray !== void 0) style.strokeDasharray = shape.strokeDasharray;
+	return style;
+}
+function renderShape(shape, key) {
+	const style = paintStyle(shape);
+	switch (shape.kind) {
+		case "path": return /* @__PURE__ */ jsx("path", {
+			d: shape.d,
+			style
+		}, key);
+		case "ellipse": return /* @__PURE__ */ jsx("ellipse", {
+			cx: shape.cx,
+			cy: shape.cy,
+			rx: shape.rx,
+			ry: shape.ry,
+			style
+		}, key);
+		case "circle": return /* @__PURE__ */ jsx("circle", {
+			cx: shape.cx,
+			cy: shape.cy,
+			r: shape.r,
+			style
+		}, key);
+		case "rect": return /* @__PURE__ */ jsx("rect", {
+			x: shape.x,
+			y: shape.y,
+			width: shape.width,
+			height: shape.height,
+			rx: shape.rx,
+			ry: shape.ry,
+			style
+		}, key);
+		case "line": return /* @__PURE__ */ jsx("line", {
+			x1: shape.x1,
+			y1: shape.y1,
+			x2: shape.x2,
+			y2: shape.y2,
+			style
+		}, key);
+		default: return null;
+	}
+}
+const SvgNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, viewBox, width, height, className, style, ariaHidden = true, shapes }) => {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox,
+		width,
+		height,
+		className,
+		style,
+		"aria-hidden": ariaHidden,
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		children: (Array.isArray(shapes) ? shapes : []).map((shape, index) => renderShape(shape, index))
+	});
+};
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.server.tsx
 init_booking_form_interactive();
 /**
@@ -126289,6 +127420,7 @@ init_clsx();
 init_EventListing_view();
 init_EventCalendar_interactive();
 init_WeekAgendaView();
+init_WeekBoardView();
 init_utils$3();
 init_timetableModel();
 init_buttons();
@@ -126633,6 +127765,17 @@ function renderTimetableSsr(display) {
 		})]
 	});
 }
+function renderWeekBoardSsr(display) {
+	const days = getWeekCalendarDayTuple(/* @__PURE__ */ new Date(), display.startOfWeek);
+	return /* @__PURE__ */ jsx(WeekBoardView, {
+		days,
+		events: [...display.events],
+		showCapacity: display.showCapacity,
+		emptyMessage: display.emptyMessage,
+		ctaLabel: display.buttonText,
+		buttonVariant: display.buttonVariant
+	});
+}
 function formatHourLabel(hour) {
 	if (hour === 0) return "12 AM";
 	if (hour === 12) return "12 PM";
@@ -126659,6 +127802,9 @@ const EventCalendarSSR = (props) => {
 		case "timetable":
 			content = renderTimetableSsr(display);
 			break;
+		case "week-board":
+			content = renderWeekBoardSsr(display);
+			break;
 		case "calendar":
 			content = renderCalendarSsr(display);
 			break;
@@ -127222,6 +128368,7 @@ init_spinner();
 const serverComponentRegistry = {
 	div: DivNode,
 	figure: FigureNode,
+	svg: SvgNode,
 	section: SectionNode,
 	headerSection: header_section_server_default,
 	stack: StackNode,
@@ -128734,9 +129881,12 @@ function formatFontFamily(family, fallback = "sans-serif") {
 }
 //#endregion
 //#region ../theme-core/src/styles/shadow.ts
+init_colorStyles();
 function generateShadowCssVars(theme) {
 	const level = theme.shadow.elevation;
 	const soft = theme.shadow.softness !== "crisp";
+	const tintVar = theme.shadow.colorToken ? cssVarValue(theme.shadow.colorToken) : null;
+	const shadowColor = (a) => tintVar ? `rgb(${tintVar} / ${a})` : `rgba(0, 0, 0, ${a})`;
 	const base = {
 		sm: [{
 			y: 1,
@@ -128796,7 +129946,7 @@ function generateShadowCssVars(theme) {
 	const blurMul = soft ? 1.2 : 1;
 	const alphaMul = soft ? .9 : 1.05;
 	const fmt = (layers) => layers.map((l) => {
-		return `0 ${Math.round(l.y * scale)}px ${Math.round(l.blur * scale * blurMul)}px ${Math.round(l.spread * scale)}px rgba(0, 0, 0, ${Math.max(0, Math.min(1, +(l.a * alphaMul).toFixed(3)))})`;
+		return `0 ${Math.round(l.y * scale)}px ${Math.round(l.blur * scale * blurMul)}px ${Math.round(l.spread * scale)}px ${shadowColor(Math.max(0, Math.min(1, +(l.a * alphaMul).toFixed(3))))}`;
 	}).join(", ");
 	return {
 		"--shadow-sm": fmt(base.sm),
@@ -128832,6 +129982,7 @@ function parseBorderWidth(widthClass) {
 init_types$9();
 init_constants$1();
 init_colorStyles();
+init_surfaces();
 /**
 * Corner radius map for accordion surfaces. Pill is capped here because FAQ
 * rows contain long text and expanded content; full capsules clip awkwardly.
@@ -128865,7 +130016,13 @@ function generateAccordionCss({ themeId, theme, accordionSystem }) {
 	const questionColumnsLastItemSelector = `${questionColumnsItemSelector}:last-child`;
 	const questionColumnsTriggerSelector = `${questionColumnsItemSelector} .accordion-trigger`;
 	const rootRules = [];
-	if (accordionSystem.background) rootRules.push(`background-color: ${rgbColorValue(accordionSystem.background.colorToken)}`);
+	if (accordionSystem.background) {
+		rootRules.push(`background-color: ${rgbColorValue(accordionSystem.background.colorToken)}`);
+		rootRules.push(...surfaceForegroundDeclarations({
+			text: rgbColorValue(accordionSystem.content.textColorToken),
+			heading: rgbColorValue(accordionSystem.trigger.textColorToken)
+		}));
+	}
 	const borderRadius = CORNER_MAP$2[accordionSystem.corners ?? theme.corners];
 	rootRules.push(`border-radius: ${borderRadius}`);
 	if (accordionSystem.border) {
@@ -130430,7 +131587,7 @@ function toHeroLineHeight(lineHeight) {
 }
 //#endregion
 //#region ../theme-core/src/status/generateStatusCss.ts
-init_contextualColors();
+init_surfaces();
 /**
 * Corner radius map - derives alert border-radius from theme.corners
 */
@@ -130460,7 +131617,7 @@ ${root} .status-error { color: rgb(var(--tb-destructive)); }
 ${root} .status-success { color: rgb(var(--tb-success)); }
 ${root} .status-warning { color: rgb(var(--tb-warning)); }
 ${root} .status-info { color: rgb(var(--tb-info)); }
-${root} .status-muted { ${statusMutedColorDeclaration()} }`);
+${root} .status-muted { color: ${surfaceForegroundValue("supporting")}; }`);
 	cssBlocks.push(`/* Alert containers */
 ${root} .alert {
   padding: 1rem;
@@ -130514,9 +131671,6 @@ ${root} .button-link:hover {
 	return cssBlocks.join("\n\n");
 }
 //#endregion
-//#region ../theme-core/src/status/index.ts
-init_contextualColors();
-//#endregion
 //#region ../theme-core/src/progress/generateProgressCss.ts
 /**
 * Generate progress indicator CSS from theme settings.
@@ -130601,6 +131755,10 @@ ${root} .step-connector {
 }
 //#endregion
 //#region ../theme-core/src/typography/generateTypographyCss.ts
+init_surfaces();
+function globalHeadingColorFallback(level) {
+	return `var(--hc-h${level}, var(--hc-heading, ${DEFAULT_SURFACE_TEXT_COLOR}))`;
+}
 /**
 * Generate typography CSS for heading elements.
 *
@@ -130629,7 +131787,7 @@ ${root} :where(h1) {
   font-style: var(--fi-h1, var(--fi-heading, normal));
   letter-spacing: var(--ls-h1, var(--ls-heading));
   line-height: var(--lh-h1, var(--lh-heading));
-  color: var(--section-heading-color, var(--section-text-color, var(--hc-h1, var(--hc-heading, inherit))));
+  color: ${surfaceForegroundValue("heading", globalHeadingColorFallback(1))};
 }
 
 ${root} :where(h2) {
@@ -130638,7 +131796,7 @@ ${root} :where(h2) {
   font-style: var(--fi-h2, var(--fi-heading, normal));
   letter-spacing: var(--ls-h2, var(--ls-heading));
   line-height: var(--lh-h2, var(--lh-heading));
-  color: var(--section-heading-color, var(--section-text-color, var(--hc-h2, var(--hc-heading, inherit))));
+  color: ${surfaceForegroundValue("heading", globalHeadingColorFallback(2))};
 }
 
 ${root} :where(h3) {
@@ -130647,7 +131805,7 @@ ${root} :where(h3) {
   font-style: var(--fi-h3, var(--fi-heading, normal));
   letter-spacing: var(--ls-h3, var(--ls-heading));
   line-height: var(--lh-h3, var(--lh-heading));
-  color: var(--section-heading-color, var(--section-text-color, var(--hc-h3, var(--hc-heading, inherit))));
+  color: ${surfaceForegroundValue("heading", globalHeadingColorFallback(3))};
 }
 
 ${root} :where(h4) {
@@ -130656,7 +131814,7 @@ ${root} :where(h4) {
   font-style: var(--fi-h4, var(--fi-heading, normal));
   letter-spacing: var(--ls-h4, var(--ls-heading));
   line-height: var(--lh-h4, var(--lh-heading));
-  color: var(--section-heading-color, var(--section-text-color, var(--hc-h4, var(--hc-heading, inherit))));
+  color: ${surfaceForegroundValue("heading", globalHeadingColorFallback(4))};
 }
 
 ${root} :where(h5) {
@@ -130665,7 +131823,7 @@ ${root} :where(h5) {
   font-style: var(--fi-h5, var(--fi-heading, normal));
   letter-spacing: var(--ls-h5, var(--ls-heading));
   line-height: var(--lh-h5, var(--lh-heading));
-  color: var(--section-heading-color, var(--section-text-color, var(--hc-h5, var(--hc-heading, inherit))));
+  color: ${surfaceForegroundValue("heading", globalHeadingColorFallback(5))};
 }
 
 ${root} :where(h6) {
@@ -130674,7 +131832,7 @@ ${root} :where(h6) {
   font-style: var(--fi-h6, var(--fi-heading, normal));
   letter-spacing: var(--ls-h6, var(--ls-heading));
   line-height: var(--lh-h6, var(--lh-heading));
-  color: var(--section-heading-color, var(--section-text-color, var(--hc-h6, var(--hc-heading, inherit))));
+  color: ${surfaceForegroundValue("heading", globalHeadingColorFallback(6))};
 }`);
 	cssBlocks.push(`/* Display variant for hero/splash headings */
 ${root} :where(.heading-display) {
@@ -131073,6 +132231,7 @@ const THEME_RADIUS_CSS_VARS = {
 	block: "--rb-block-radius",
 	button: "--rb-button-radius",
 	input: "--rb-input-radius",
+	panel: "--rb-panel-radius",
 	legacyCard: "--radius-card",
 	legacyControl: "--radius-control"
 };
@@ -131154,6 +132313,10 @@ ${`:where([data-theme-scope="${themeId}"]) :where([data-block="customer-portal"]
   /* Modal (shared rb-modal classes) */
   --rb-modal-overlay-bg: rgb(var(--tb-text, 0 0 0) / 0.35);
   --rb-modal-bg: var(--cp-card-bg);
+  --rb-modal-text: var(--cp-text);
+  --rb-modal-heading: var(--cp-text);
+  --rb-modal-link: var(--cp-primary);
+  --rb-modal-supporting: var(--cp-muted);
   --rb-modal-border: var(--cp-card-border);
   --rb-modal-shadow: var(--shadow-lg, var(--shadow-elev));
   --rb-modal-radius: var(--cp-card-radius);
@@ -131879,6 +133042,7 @@ function buildThemeCssVars(theme) {
 	const inputSystem = resolveThemeInputSystem(theme);
 	const blockRadius = mapBlockRadius(theme.corners);
 	const buttonRadius = mapButtonRadius(theme.corners);
+	const panelRadius = mapPanelRadius(theme.corners);
 	const inputRadius = mapInputRadius(inputSystem.base.corners, theme.corners);
 	return {
 		...generateCssVars(theme.palette),
@@ -131887,6 +133051,7 @@ function buildThemeCssVars(theme) {
 		...generateShadowCssVars(theme),
 		["--font-heading"]: formatFontFamily(typography.headings.default.family),
 		["--font-body"]: formatFontFamily(typography.body.family),
+		["--font-eyebrow"]: typography.eyebrow?.family ? formatFontFamily(typography.eyebrow.family) : "var(--font-body)",
 		["--font-weight-heading"]: mapWeight(typography.headings.default.weight),
 		["--font-weight-body"]: mapWeight(typography.body.weight),
 		...typography.headings.h1.weight ? { ["--fw-h1"]: mapWeight(typography.headings.h1.weight) } : {},
@@ -131937,12 +133102,13 @@ function buildThemeCssVars(theme) {
 		["--fs-h3-fluid"]: sized.h3Fluid,
 		["--fs-h1-display"]: sized.h1Display,
 		["--fs-h1-display-fluid"]: sized.h1DisplayFluid,
-		["--shadow-elev"]: mapShadow(shadow.elevation, shadow.softness, shadow.position || "bottom"),
+		["--shadow-elev"]: mapShadow(shadow.elevation, shadow.softness, shadow.position || "bottom", shadow.colorToken),
 		["--space-mult"]: mapSpaceMult(space),
 		["--motion-duration"]: mapMotionDuration(motion.level),
 		["--motion-ease"]: mapMotionEasing(motion.easing ?? "standard"),
 		["--rt-space-y"]: mapRhythm(space),
 		[THEME_RADIUS_CSS_VARS.block]: blockRadius,
+		[THEME_RADIUS_CSS_VARS.panel]: panelRadius,
 		["--rb-block-transition"]: mapBlockTransition(motion.level),
 		[THEME_RADIUS_CSS_VARS.button]: buttonRadius,
 		["--rb-border-width"]: mapBorderWidth(border.width),
@@ -131996,20 +133162,22 @@ function mapWeight(w) {
 		bold: 700
 	}[w];
 }
-function mapShadow(level, softness, position = "bottom") {
+function mapShadow(level, softness, position = "bottom", colorToken) {
 	if (level === "none") return "none";
+	const tintVar = colorToken ? cssVarValue(colorToken) : null;
+	const shadowColor = (a) => tintVar ? `rgb(${tintVar} / ${a})` : `rgba(0,0,0,${a})`;
 	const offset = {
 		low: 2,
 		medium: 4,
 		high: 6
 	}[level];
 	const xOffset = position === "bottom-right" ? offset : 0;
-	if (softness === "hard") return `${xOffset}px ${offset}px 0 0 rgba(0,0,0,1)`;
+	if (softness === "hard") return `${xOffset}px ${offset}px 0 0 ${shadowColor("1")}`;
 	const soft = softness !== "crisp";
 	switch (level) {
-		case "low": return soft ? `${xOffset}px 1px 2px rgba(0,0,0,.06)` : `${xOffset}px 1px 1px rgba(0,0,0,.12)`;
-		case "medium": return soft ? `${xOffset}px 10px 20px rgba(0,0,0,.08)` : `${xOffset}px 6px 12px rgba(0,0,0,.16)`;
-		case "high": return soft ? `${xOffset}px 25px 50px rgba(0,0,0,.18)` : `${xOffset}px 20px 30px rgba(0,0,0,.28)`;
+		case "low": return soft ? `${xOffset}px 1px 2px ${shadowColor(".06")}` : `${xOffset}px 1px 1px ${shadowColor(".12")}`;
+		case "medium": return soft ? `${xOffset}px 10px 20px ${shadowColor(".08")}` : `${xOffset}px 6px 12px ${shadowColor(".16")}`;
+		case "high": return soft ? `${xOffset}px 25px 50px ${shadowColor(".18")}` : `${xOffset}px 20px 30px ${shadowColor(".28")}`;
 	}
 }
 function mapSpaceMult(space) {
@@ -132056,6 +133224,21 @@ function mapBlockRadius(corners) {
 	}[corners];
 }
 /**
+* Map corner style to large-panel radius CSS value (Tier 2 `--rb-panel-radius`).
+* Derived from the same `corners` enum, one step more generous than the
+* block/card radius so large surfaces can carry a softer corner without a new
+* schema field. `rounded` lands on 20px (1.25rem), matching the physio mockup's
+* large-panel radius.
+*/
+function mapPanelRadius(corners) {
+	return {
+		square: "0",
+		soft: "0.75rem",
+		rounded: "1.25rem",
+		pill: "2rem"
+	}[corners];
+}
+/**
 * Map motion level to block transition duration.
 * These are Tier 2 vars used consistently across blocks.
 */
@@ -132292,7 +133475,7 @@ function hydrateValue(value, context) {
 			const resolvedItems = value.map((item) => hydrateValue(item, context));
 			return resolvedItems.every((item, index) => item === value[index]) ? value : resolvedItems;
 		}
-		if (isRecord$32(value)) {
+		if (isRecord$34(value)) {
 			if (isInternalLink$1(value)) return hydrateInternalLink(value, context.routes);
 			if (isPageLink$1(value)) return hydratePageLink(value, context);
 			if (isEntryLink$1(value)) return hydrateEntryLink(value, context);
@@ -133049,8 +134232,12 @@ const containerResponsiveThemeCss = `/*
     text-transform: uppercase;
   }
 
-  /* Eyebrow text - small uppercase labels for section introductions */
+  /* Eyebrow text - small uppercase labels for section introductions.
+     font-family resolves to the optional eyebrow/mono font role, falling back
+     to the body font when the theme sets none (so existing themes are
+     unchanged). */
   .rb-eyebrow {
+    font-family: var(--font-eyebrow, var(--font-body));
     font-size: 0.875rem;
     font-weight: 600;
     letter-spacing: 0.025em;
@@ -133065,11 +134252,11 @@ const containerResponsiveThemeCss = `/*
     width: fit-content;
     align-items: center;
     justify-content: center;
-    border: 1px solid color-mix(in srgb, var(--section-text-color, rgb(var(--tb-text))) 46%, transparent);
+    border: 1px solid color-mix(in srgb, var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39))) 46%, transparent);
     border-radius: 9999px;
-    background: color-mix(in srgb, var(--section-text-color, rgb(var(--tb-text))) 14%, transparent);
+    background: color-mix(in srgb, var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39))) 14%, transparent);
     padding: 0.5rem 1rem;
-    color: var(--section-text-color, rgb(var(--tb-text)));
+    color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
     line-height: 1;
   }
   .rb-eyebrow-treatment-pill.rb-eyebrow-treatment-accent {
@@ -133571,6 +134758,58 @@ const containerResponsiveThemeCss = `/*
       }
     }
 
+}
+
+  /*
+   * Responsive fractional grid tracks (rb-grid-tracks).
+   *
+   * Asymmetric AND responsive grid-template-columns, driven by inline custom
+   * properties the Grid primitive sets per breakpoint from string track
+   * templates:
+   *   --rb-gtc-base / --rb-gtc-sm / --rb-gtc-md / --rb-gtc-lg / --rb-gtc-xl
+   * Each breakpoint falls back to the next smaller one, so only the breakpoints
+   * an author actually sets take effect (e.g. base '1fr' + lg '1fr 0.9fr'
+   * collapses to a single column below lg). Authored here (not per node) so the
+   * @media -> @container conversion (container responsive mode) applies too.
+   */
+  .rb-grid-tracks {
+    grid-template-columns: var(--rb-gtc-base, 1fr);
+  }
+  @container rb-site (min-width: 640px) {
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-grid-tracks {
+        grid-template-columns: var(--rb-gtc-sm, var(--rb-gtc-base, 1fr));
+      }
+    }
+
+}
+  @container rb-site (min-width: 768px) {
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-grid-tracks {
+        grid-template-columns: var(--rb-gtc-md, var(--rb-gtc-sm, var(--rb-gtc-base, 1fr)));
+      }
+    }
+
+}
+  @container rb-site (min-width: 1024px) {
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-grid-tracks {
+        grid-template-columns: var(--rb-gtc-lg, var(--rb-gtc-md, var(--rb-gtc-sm, var(--rb-gtc-base, 1fr))));
+      }
+    }
+
+}
+  @container rb-site (min-width: 1280px) {
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-grid-tracks {
+        grid-template-columns: var(--rb-gtc-xl, var(--rb-gtc-lg, var(--rb-gtc-md, var(--rb-gtc-sm, var(--rb-gtc-base, 1fr)))));
+      }
+    }
+
 }
 
   /* Alignment */
@@ -134775,6 +136014,11 @@ const containerResponsiveThemeCss = `/*
   :where(.theme-scope) .rb-modal {
     width: min(var(--rb-modal-max-width, 560px), 100%);
     background: var(--rb-modal-bg, rgb(var(--tb-surface)));
+    color: var(--rb-modal-text, rgb(var(--tb-text, 17 24 39)));
+    --rb-surface-text-color: var(--rb-modal-text, rgb(var(--tb-text, 17 24 39)));
+    --rb-surface-heading-color: var(--rb-modal-heading, var(--rb-modal-text, rgb(var(--tb-text, 17 24 39))));
+    --rb-surface-link-color: var(--rb-modal-link, var(--rb-modal-text, rgb(var(--tb-text, 17 24 39))));
+    --rb-surface-supporting-color: var(--rb-modal-supporting, var(--rb-modal-text, rgb(var(--tb-text, 17 24 39))));
     border: 1px solid var(--rb-modal-border, rgb(var(--tb-border)));
     border-radius: var(--rb-modal-radius, var(--radius-card));
     box-shadow: var(--rb-modal-shadow, var(--shadow-lg, var(--shadow-elev)));
@@ -134794,7 +136038,7 @@ const containerResponsiveThemeCss = `/*
     font-family: var(--font-heading);
     font-size: 1.0625rem;
     font-weight: 600;
-    color: rgb(var(--tb-text));
+    color: var(--rb-surface-heading-color, var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39))));
   }
 
   :where(.theme-scope) .rb-modal__close {
@@ -134804,7 +136048,7 @@ const containerResponsiveThemeCss = `/*
     height: 2.25rem;
     padding: 0;
     line-height: 1;
-    color: rgb(var(--tb-mutedText));
+    color: var(--rb-surface-supporting-color, var(--rb-surface-text-color, rgb(var(--tb-mutedText, 100 116 139))));
     cursor: pointer;
     display: grid;
     place-items: center;
@@ -134812,7 +136056,7 @@ const containerResponsiveThemeCss = `/*
   }
 
   :where(.theme-scope) .rb-modal__close:hover {
-    color: rgb(var(--tb-text));
+    color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
     background: rgba(var(--tb-border), 0.2);
   }
 
@@ -134823,7 +136067,7 @@ const containerResponsiveThemeCss = `/*
 
   :where(.theme-scope) .rb-modal__body {
     padding: 0.875rem 1rem 1rem;
-    color: rgb(var(--tb-text));
+    color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
     font-size: 0.9375rem;
     line-height: 1.45;
   }
@@ -134983,7 +136227,7 @@ const containerResponsiveThemeCss = `/*
     & h6 {
       font-family: var(--font-heading);
       /* Color is set by generateTypographyCss.ts with full cascade:
-       --section-heading-color -> --section-text-color -> --hc-hN -> --hc-heading -> inherit */
+       --rb-surface-heading-color -> --rb-surface-text-color -> --hc-hN -> --hc-heading -> global text */
       font-weight: var(--font-weight-heading);
       text-transform: var(--tt-heading);
       font-variant-caps: var(--fv-heading);
@@ -135131,7 +136375,7 @@ const containerResponsiveThemeCss = `/*
 
   /* Neutral prose uses theme text color by default */
   :where(.theme-scope) .rb-prose-neutral {
-    color: var(--section-text-color, rgb(var(--tb-text)));
+    color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
   }
 
   :where(.theme-scope) .rb-prose p,
@@ -135165,8 +136409,14 @@ const containerResponsiveThemeCss = `/*
 
   :where(.theme-scope) .rb-prose a {
     --rb-prose-effective-link-color: var(
-      --section-link-color,
-      var(--rb-prose-link-color, rgb(var(--tb-primary)))
+      --rb-surface-link-color,
+      var(
+        --rb-surface-text-color,
+        var(
+          --rb-prose-link-color,
+          rgb(var(--tb-primary, var(--tb-text, 17 24 39)))
+        )
+      )
     );
     color: var(--rb-prose-effective-link-color);
     text-decoration-line: var(--rb-prose-link-decoration-line, underline);
@@ -135177,14 +136427,11 @@ const containerResponsiveThemeCss = `/*
     );
     text-underline-offset: var(--rb-prose-link-underline-offset, 0.14em);
     text-decoration-color: var(
-      --section-link-decoration-color,
-      var(
-        --rb-prose-link-decoration-color,
-        color-mix(
-          in srgb,
-          var(--rb-prose-effective-link-color) 35%,
-          transparent
-        )
+      --rb-prose-link-decoration-color,
+      color-mix(
+        in srgb,
+        var(--rb-prose-effective-link-color) 35%,
+        transparent
       )
     );
     transition:
@@ -135208,7 +136455,7 @@ const containerResponsiveThemeCss = `/*
 
   :where(.theme-scope) .rb-prose blockquote {
     /* Blockquotes use muted text color */
-    color: var(--section-supporting-color, rgb(var(--tb-mutedText)));
+    color: var(--rb-surface-supporting-color, var(--rb-surface-text-color, rgb(var(--tb-mutedText, 100 116 139))));
     border-left-color: rgb(var(--tb-border));
   }
 
@@ -136242,6 +137489,10 @@ const containerResponsiveThemeCss = `/*
   :where(.theme-scope) .card-surface {
     background: rgb(var(--tb-surface));
     color: rgb(var(--tb-onSurface, var(--tb-text)));
+    --rb-surface-text-color: rgb(var(--tb-onSurface, var(--tb-text)));
+    --rb-surface-heading-color: rgb(var(--tb-onSurface, var(--tb-text)));
+    --rb-surface-link-color: rgb(var(--tb-onSurface, var(--tb-text)));
+    --rb-surface-supporting-color: rgb(var(--tb-onSurface, var(--tb-text)));
     border: 1px solid rgb(var(--tb-border));
     border-radius: var(--radius-card);
     box-shadow: var(--shadow-elev);
@@ -136385,6 +137636,10 @@ const containerResponsiveThemeCss = `/*
   padding: clamp(1rem, 2vw, 1.5rem);
   background: var(--rb-reg-surface-bg, rgb(var(--tb-surface, 248 250 252)));
   color: var(--rb-reg-on-surface, rgb(var(--tb-onSurface, var(--tb-text, 15 23 42))));
+  --rb-surface-text-color: var(--rb-reg-on-surface, rgb(var(--tb-onSurface, var(--tb-text, 15 23 42))));
+  --rb-surface-heading-color: var(--rb-reg-on-surface, rgb(var(--tb-onSurface, var(--tb-text, 15 23 42))));
+  --rb-surface-link-color: var(--rb-reg-on-surface, rgb(var(--tb-onSurface, var(--tb-text, 15 23 42))));
+  --rb-surface-supporting-color: var(--rb-reg-on-surface-muted, var(--rb-reg-on-surface, rgb(var(--tb-onSurface, var(--tb-text, 15 23 42)))));
   transition: border-color var(--rb-block-transition, 150ms) ease;
   width: 100%;
   max-width: 800px;
@@ -139472,6 +140727,350 @@ const containerResponsiveThemeCss = `/*
 }
 }
 
+/* -----------------------------------------------------------------------------
+ * Week Board View
+ * Compact "class day-board": day columns side by side, one card per class,
+ * three-state availability (available / filling / waitlist), and a footer CTA.
+ * ----------------------------------------------------------------------------- */
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board {
+  /* Status accent tokens — map the three availability states onto theme colours.
+   * available -> secondary, filling -> accent, waitlist -> muted text. */
+  --ec-status-available: rgb(var(--tb-secondary));
+  --ec-status-filling: rgb(var(--tb-accent));
+  --ec-status-waitlist: rgba(var(--tb-text), 0.4);
+  --event-week-board-cols: 7;
+
+  border: 1px solid var(--ec-border);
+  border-radius: var(--rb-block-radius);
+  background-color: var(--ec-surface);
+  color: var(--ec-text);
+  overflow: hidden;
+  box-shadow: 0 14px 34px -24px rgba(var(--tb-text), 0.35);
+}
+
+/* Top bar: title + legend */
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+  padding: 1.1rem 1.5rem;
+  background-color: var(--ec-header-bg);
+  border-bottom: 1px solid var(--ec-border-subtle);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-title {
+  font-size: 0.8125rem;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: rgb(var(--tb-primary));
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend {
+  display: flex;
+  align-items: center;
+  gap: 1.1rem;
+  flex-wrap: wrap;
+  font-size: 0.6875rem;
+  letter-spacing: 0.03em;
+  opacity: 0.75;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-dot {
+  width: 0.55rem;
+  height: 0.55rem;
+  border-radius: 50%;
+  display: inline-block;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-dot[data-status="available"] {
+  background-color: var(--ec-status-available);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-dot[data-status="filling"] {
+  background-color: var(--ec-status-filling);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-dot[data-status="waitlist"] {
+  background-color: var(--ec-status-waitlist);
+}
+
+/* Day columns grid */
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-grid {
+  display: grid;
+  grid-template-columns: repeat(var(--event-week-board-cols), minmax(0, 1fr));
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day {
+  display: flex;
+  flex-direction: column;
+  min-height: 15rem;
+  /* Tabular column rule. Driven by the theme border tokens so borderless site
+   * styles (border.width: 'none' -> --rb-border-width: 0) render no grid at all,
+   * while hairline/thin/thick themes get a crisp full-strength divider. */
+  border-right: var(--rb-border-width, 1px) solid rgb(var(--tb-border));
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day:last-child {
+  border-right: none;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-head {
+  display: flex;
+  align-items: baseline;
+  gap: 0.4rem;
+  padding: 0.9rem 0.9rem 0.65rem;
+  /* Header-row underline — same border-token gating as the column rules. */
+  border-bottom: var(--rb-border-width, 1px) solid rgb(var(--tb-border));
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day--today .event-week-board-day-head {
+  background-color: var(--ec-today-bg);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-abbr {
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  opacity: 0.65;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day--today .event-week-board-day-abbr {
+  opacity: 1;
+  color: var(--ec-today-text);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-num {
+  font-size: 0.8125rem;
+  font-weight: 600;
+  opacity: 0.5;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.65rem;
+  padding: 0.9rem;
+  flex: 1;
+}
+
+/* Class card */
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card {
+  display: flex;
+  flex-direction: column;
+  gap: 0.45rem;
+  padding: 0.8rem 0.85rem;
+  border: 1px solid var(--ec-border-subtle);
+  border-left: 3px solid var(--ec-status-available);
+  border-radius: calc(var(--rb-block-radius) / 1.5);
+  background-color: var(--ec-surface);
+  color: inherit;
+  text-decoration: none;
+  transition:
+    transform var(--rb-block-transition) ease,
+    box-shadow var(--rb-block-transition) ease,
+    border-color var(--rb-block-transition) ease;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card[data-status="filling"] {
+  border-left-color: var(--ec-status-filling);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card[data-status="waitlist"] {
+  border-left-color: var(--ec-status-waitlist);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 6px 16px -8px rgba(var(--tb-text), 0.28);
+  border-color: rgba(var(--tb-primary), 0.4);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card:focus-visible {
+  outline: 2px solid rgb(var(--tb-primary));
+  outline-offset: 2px;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-title {
+  font-family: var(--font-heading, inherit);
+  font-size: 0.9375rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-time {
+  font-size: 0.75rem;
+  letter-spacing: 0.01em;
+  opacity: 0.7;
+}
+
+/* Capacity pill */
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-pill {
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  padding: 0.15rem 0.6rem;
+  border-radius: 999px;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  /* Available (default): a calm neutral/muted pill — not a coloured outline.
+   * Filling -> amber and waitlist -> muted outline are handled by the
+   * data-status overrides below. */
+  border: 1px solid var(--ec-border);
+  background-color: rgba(var(--tb-text), 0.06);
+  color: rgba(var(--tb-text), 0.62);
+  border-color: var(--ec-border);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-pill[data-status="filling"] {
+  background-color: rgba(var(--tb-accent), 0.14);
+  color: var(--ec-status-filling);
+  border-color: rgba(var(--tb-accent), 0.32);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-pill[data-status="waitlist"] {
+  background-color: transparent;
+  color: rgba(var(--tb-text), 0.6);
+  border-color: var(--ec-border);
+}
+
+/* Footer */
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+  padding: 1.1rem 1.5rem;
+  background-color: var(--ec-header-bg);
+  border-top: 1px solid var(--ec-border-subtle);
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-foot-note {
+  margin: 0;
+  font-size: 0.875rem;
+  opacity: 0.75;
+}
+
+/* Responsive: collapse day columns to a stacked list on narrow viewports */
+@container rb-site (max-width: 1023px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-grid {
+    grid-template-columns: 1fr;
+  }
+
+  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day {
+    min-height: 0;
+    border-right: none;
+    border-bottom: var(--rb-border-width, 1px) solid rgb(var(--tb-border));
+  }
+
+  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day:last-child {
+    border-bottom: none;
+  }
+
+  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day--empty {
+    display: none;
+  }
+
+  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-head {
+    border-bottom: none;
+    padding-bottom: 0.25rem;
+  }
+
+  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-body {
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding-top: 0.35rem;
+  }
+
+  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card {
+    flex: 1 1 14rem;
+  }
+}
+}
+
+@container rb-site (max-width: 639px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend {
+    display: none;
+  }
+
+  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card {
+    flex: 1 1 100%;
+  }
+}
+}
+
+/* -----------------------------------------------------------------------------
+ * Week-board section band
+ * Give the whole week-board section (head + panel) a subtle surface band so it
+ * reads as a distinct zone from the page — the "testimonials band" pattern.
+ * Painted as a pseudo-element above the section's fallback background layer
+ * (z-index -10) but behind the content, so no block-content wiring is needed.
+ * Surface + hairline rules are token-referenced: on a borderless site style
+ * (--rb-border-width: 0) the band keeps its surface tint but drops the rules.
+ * ----------------------------------------------------------------------------- */
+:where(.theme-scope) [data-slot="section"]:has(.event-calendar--week-board)::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -9;
+  background-color: rgb(var(--tb-surfaceAlt));
+  border-block: var(--rb-border-width, 1px) solid rgb(var(--tb-border));
+  pointer-events: none;
+}
+
+/* -----------------------------------------------------------------------------
+ * Event section head — split (heading left, intro right)
+ * Rendered by the block frame (outside [data-block="event-calendar"]) via
+ * eventSectionHeaderLayoutNodes({ splitClassName }). Lays the heading and its
+ * supporting intro out as a two-column head on wide viewports, stacking on
+ * narrow ones. The section band above provides the distinct background.
+ * ----------------------------------------------------------------------------- */
+:where(.theme-scope) .event-section-head--split {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: clamp(1.5rem, 4vw, 3.5rem);
+  flex-wrap: wrap;
+}
+
+:where(.theme-scope) .event-section-head--split > :where(h1, h2, h3) {
+  margin: 0;
+}
+
+:where(.theme-scope) .event-section-head--split > .rb-prose {
+  flex: 1 1 22rem;
+  max-width: 34rem;
+  margin: 0;
+}
+
+@container rb-site (max-width: 767px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .event-section-head--split {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.75rem;
+  }
+
+  :where(.theme-scope) .event-section-head--split > .rb-prose {
+    flex-basis: auto;
+  }
+}
+}
+
 /* -----------------------------------------------------------------------------
  * Event Calendar Modals
  * Modal overlays for event details and day events list
@@ -139899,7 +141498,7 @@ const containerResponsiveThemeCss = `/*
 }
 
 :where(.theme-scope) .rb-inline-text-accent-contrast {
-  color: var(--section-text-color, rgb(var(--tb-text)));
+  color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
 }
 
 :where(.theme-scope) .rb-inline-text-highlight {
@@ -139910,7 +141509,7 @@ const containerResponsiveThemeCss = `/*
 }
 
 :where(.theme-scope) .rb-inline-text-highlight-soft {
-  background: color-mix(in oklab, var(--section-text-color, rgb(var(--tb-text))) 14%, transparent);
+  background: color-mix(in oklab, var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39))) 14%, transparent);
 }
 
 :where(.theme-scope) .rb-inline-text-highlight-accent {
@@ -139929,7 +141528,7 @@ const containerResponsiveThemeCss = `/*
 
 /* Eyebrow - color only (typography via .rb-eyebrow) */
 :where(.theme-scope) :where([data-block="hero"]) .hero-eyebrow:not(.rb-eyebrow-treatment-accent) {
-  color: var(--section-text-color, rgb(var(--tb-text)));
+  color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
 }
 
 /* Subheadline - supporting text below headline */
@@ -139939,7 +141538,7 @@ const containerResponsiveThemeCss = `/*
 
 :where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
   font-size: 1.125rem;
-  color: var(--section-supporting-color, var(--section-text-color, rgb(var(--tb-text))));
+  color: var(--rb-surface-supporting-color, var(--rb-surface-text-color, rgb(var(--tb-mutedText, 100 116 139))));
 }
 
 @container rb-site (min-width: 640px) {
@@ -140030,7 +141629,7 @@ const containerResponsiveThemeCss = `/*
 
 /* CTA content/body text */
 :where(.theme-scope) :where([data-block="cta-full"]) .cta-content {
-  color: var(--section-supporting-color, rgb(var(--tb-mutedText)));
+  color: var(--rb-surface-supporting-color, var(--rb-surface-text-color, rgb(var(--tb-mutedText, 100 116 139))));
 }
 
 /* CTA button row container */
@@ -140130,7 +141729,7 @@ const containerResponsiveThemeCss = `/*
 /* Form intro text */
 :where(.theme-scope) :where([data-block="form"]) .form-copy-intro {
   font-size: 1rem;
-  color: var(--section-text-color, rgb(var(--tb-text)));
+  color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
 }
 
 /* =============================================================================
@@ -140489,6 +142088,10 @@ const containerResponsiveThemeCss = `/*
   --rb-modal-overlay-bg: rgb(var(--tb-text, 0 0 0) / 0.6);
   --rb-modal-shadow: var(--shadow-lg, var(--shadow-elev));
   --rb-modal-z-index: 20000;
+  --rb-modal-text: rgb(var(--tb-text, 17 24 39));
+  --rb-modal-heading: rgb(var(--tb-text, 17 24 39));
+  --rb-modal-link: rgb(var(--tb-primary, var(--tb-text, 17 24 39)));
+  --rb-modal-supporting: rgb(var(--tb-mutedText, 100 116 139));
   --shop-card-radius: var(--rb-block-radius, var(--radius-card, 0.75rem));
   --shop-control-radius: var(--rb-input-radius, var(--radius-control, 0.375rem));
 }
@@ -140546,6 +142149,11 @@ const containerResponsiveThemeCss = `/*
 /* Product card */
 :where(.theme-scope) .shop__card {
   background: rgb(var(--tb-surface));
+  color: rgb(var(--tb-text, 17 24 39));
+  --rb-surface-text-color: rgb(var(--tb-text, 17 24 39));
+  --rb-surface-heading-color: rgb(var(--tb-text, 17 24 39));
+  --rb-surface-link-color: rgb(var(--tb-primary, var(--tb-text, 17 24 39)));
+  --rb-surface-supporting-color: rgb(var(--tb-mutedText, 100 116 139));
   border: 1px solid rgb(var(--tb-border));
   border-radius: var(--shop-card-radius);
   padding: 1.5rem;
@@ -140700,6 +142308,11 @@ const containerResponsiveThemeCss = `/*
   border: 1px solid rgb(var(--tb-border));
   border-radius: var(--shop-card-radius);
   background: rgb(var(--tb-surface));
+  color: rgb(var(--tb-text, 17 24 39));
+  --rb-surface-text-color: rgb(var(--tb-text, 17 24 39));
+  --rb-surface-heading-color: rgb(var(--tb-text, 17 24 39));
+  --rb-surface-link-color: rgb(var(--tb-primary, var(--tb-text, 17 24 39)));
+  --rb-surface-supporting-color: rgb(var(--tb-mutedText, 100 116 139));
 }
 
 :where(.theme-scope) :where([data-block="shop"]) .rb-state-icon--success {
@@ -140772,6 +142385,11 @@ const containerResponsiveThemeCss = `/*
   margin: 0 auto;
   padding: 2rem;
   background: var(--cp-card-bg);
+  color: var(--cp-text);
+  --rb-surface-text-color: var(--cp-text);
+  --rb-surface-heading-color: var(--cp-text);
+  --rb-surface-link-color: var(--cp-primary);
+  --rb-surface-supporting-color: var(--cp-muted);
   border: 1px solid var(--cp-card-border);
   border-radius: var(--cp-card-radius);
 }
@@ -140900,6 +142518,11 @@ const containerResponsiveThemeCss = `/*
   padding: 3rem 2rem;
   text-align: center;
   background: var(--cp-card-bg);
+  color: var(--cp-text);
+  --rb-surface-text-color: var(--cp-text);
+  --rb-surface-heading-color: var(--cp-text);
+  --rb-surface-link-color: var(--cp-primary);
+  --rb-surface-supporting-color: var(--cp-muted);
   border: 1px dashed var(--cp-card-border);
   border-radius: var(--cp-card-radius);
 }
@@ -140912,6 +142535,11 @@ const containerResponsiveThemeCss = `/*
 /* Card */
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-card {
   background: var(--cp-card-bg);
+  color: var(--cp-text);
+  --rb-surface-text-color: var(--cp-text);
+  --rb-surface-heading-color: var(--cp-text);
+  --rb-surface-link-color: var(--cp-primary);
+  --rb-surface-supporting-color: var(--cp-muted);
   border: 1px solid var(--cp-card-border);
   border-radius: var(--cp-card-radius);
   padding: 1.25rem;
@@ -141076,6 +142704,11 @@ const containerResponsiveThemeCss = `/*
 /* Table */
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table-wrap {
   background: var(--cp-card-bg);
+  color: var(--cp-text);
+  --rb-surface-text-color: var(--cp-text);
+  --rb-surface-heading-color: var(--cp-text);
+  --rb-surface-link-color: var(--cp-primary);
+  --rb-surface-supporting-color: var(--cp-muted);
   border: 1px solid var(--cp-card-border);
   border-radius: var(--cp-card-radius);
 }
@@ -141637,6 +143270,143 @@ const containerResponsiveThemeCss = `/*
 }
 
 
+/* =============================================================================
+ * Variant: featured-editorial
+ *
+ * An asymmetric layout: a large featured (spruce-ink) quote card beside a
+ * column of stacked white cards. Renders NO avatars. Colours are palette
+ * tokens only. Node structure is built in testimonialsCarousel.ts.
+ * ============================================================================= */
+
+/* Section head: heading left, lead-in line to the right; stacks on mobile. */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-head {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.875rem;
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-leadin {
+  max-width: 30rem;
+}
+
+@container rb-site (min-width: 768px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-head {
+    flex-direction: row;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: 1.5rem;
+  }
+}
+}
+
+/* Card grid: featured (wider) beside the stacked column. Single column on
+ * small screens. */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 1.25rem;
+  align-items: stretch;
+}
+
+@container rb-site (min-width: 1024px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-grid {
+    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
+  }
+}
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-col {
+  display: grid;
+  gap: 1.25rem;
+  align-content: start;
+}
+
+/* Base card (white surface) */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  border-radius: var(--rb-block-radius);
+  padding: 1.875rem 1.875rem 1.625rem;
+  background: rgb(var(--tb-surface));
+  border: 1px solid rgba(var(--tb-border), 0.9);
+  box-shadow: 0 1px 2px rgba(var(--tb-shadow, 0 0 0), 0.05);
+}
+
+/* Featured (spruce-ink) card */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card--feature {
+  padding: 2.5rem;
+  background: rgb(var(--tb-primary));
+  border-color: transparent;
+  color: rgb(var(--tb-onPrimary));
+}
+
+/* Amber quote mark, oversized serif */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-qmark {
+  display: block;
+  height: 1.6rem;
+  font-family: var(--font-heading, Georgia, serif);
+  font-style: italic;
+  font-size: 3.375rem;
+  line-height: 0.6;
+  color: rgb(var(--tb-secondary));
+}
+
+/* Quote body. The inner <p> is targeted directly (not via :where) so the
+ * serif display font and sizing win over the theme's base paragraph rule. */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-quote {
+  flex: 1 1 auto;
+  margin-top: 1.25rem;
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-quote p {
+  margin: 0;
+  font-family: var(--font-heading, Georgia, serif);
+  font-size: 1.15rem;
+  line-height: 1.5;
+  color: rgb(var(--tb-text));
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card--feature .rb-testimonials-fe-quote p {
+  color: rgb(var(--tb-onPrimary));
+  font-size: clamp(1.375rem, 2.4vw, 1.6875rem);
+  line-height: 1.42;
+  letter-spacing: -0.01em;
+}
+
+/* Attribution: name (bold) + context line, no avatar */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-meta {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  margin-top: 1.625rem;
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-name {
+  font-weight: 600;
+  font-size: 0.97rem;
+  color: rgb(var(--tb-text));
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-context {
+  font-size: 0.78rem;
+  letter-spacing: 0.02em;
+  color: rgb(var(--tb-mutedText));
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card--feature .rb-testimonials-fe-name {
+  color: rgb(var(--tb-onPrimary));
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card--feature .rb-testimonials-fe-context {
+  color: rgb(var(--tb-onPrimary));
+  opacity: 0.7;
+}
+
+
 /* Testimonials carousel tweaks: arrow styling + gutters + equal-height cards */
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn {
   height: var(--rb-testimonial-carousel-arrow-size);
@@ -142783,7 +144553,7 @@ const containerResponsiveThemeCss = `/*
 
 :where(.theme-scope) :where([data-block="newsletter-signup"]) .newsletter-copy-subtitle {
   font-size: 1rem;
-  color: var(--section-text-color, rgb(var(--tb-text)));
+  color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
   opacity: 0.85;
 }
 
@@ -142832,7 +144602,7 @@ const containerResponsiveThemeCss = `/*
   margin-top: 0.75rem;
   font-size: 1rem;
   line-height: 1.6;
-  color: var(--section-text-color, rgb(var(--tb-text)));
+  color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
   text-align: center;
 }
 
@@ -142914,7 +144684,7 @@ const containerResponsiveThemeCss = `/*
 
 :where(.theme-scope) :where([data-block="contact-newsletter"]) .form-copy-intro,
 :where(.theme-scope) :where([data-block="contact-newsletter"]) .newsletter-copy-subtitle {
-  color: var(--section-text-color, rgb(var(--tb-text)));
+  color: var(--rb-surface-text-color, rgb(var(--tb-text, 17 24 39)));
 }
 
 :where(.theme-scope) :where([data-block="contact-newsletter"]) .contact-newsletter-info {
@@ -143312,7 +145082,7 @@ const containerResponsiveThemeCss = `/*
 
 :where(.theme-scope) .event-compact-row-title {
   margin: 0;
-  color: var(--section-heading-color, rgb(var(--tb-primary, 0 0 0)));
+  color: var(--rb-surface-heading-color, var(--rb-surface-text-color, rgb(var(--tb-primary, var(--tb-text, 17 24 39)))));
   font-family: var(--font-heading, var(--font-body, inherit));
   font-size: clamp(1.05rem, 1rem + 0.35vw, 1.3rem);
   font-weight: 400;
@@ -143974,27 +145744,41 @@ const containerResponsiveThemeCss = `/*
   background: rgb(var(--tb-surface));
 }
 :where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 1) {
+  background: rgb(var(--tb-surface));
   color: rgb(var(--tb-onSurface));
+  --rb-surface-text-color: rgb(var(--tb-onSurface));
+  --rb-surface-heading-color: rgb(var(--tb-onSurface));
+  --rb-surface-link-color: rgb(var(--tb-onSurface));
+  --rb-surface-supporting-color: rgb(var(--tb-onSurface));
 }
 
 :where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 2) > .rb-bg-surface {
   background: rgb(var(--tb-secondary));
 }
 :where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 2) {
+  background: rgb(var(--tb-secondary));
   color: rgb(var(--tb-onSecondary));
+  --rb-surface-text-color: rgb(var(--tb-onSecondary));
+  --rb-surface-heading-color: rgb(var(--tb-onSecondary));
+  --rb-surface-link-color: rgb(var(--tb-onSecondary));
+  --rb-surface-supporting-color: rgb(var(--tb-onSecondary));
 }
 
 :where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 3) > .rb-bg-surface {
   background: rgb(var(--tb-primary));
 }
 :where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 3) {
+  background: rgb(var(--tb-primary));
   color: rgb(var(--tb-onPrimary));
+  --rb-surface-text-color: rgb(var(--tb-onPrimary));
+  --rb-surface-heading-color: rgb(var(--tb-onPrimary));
+  --rb-surface-link-color: rgb(var(--tb-onPrimary));
+  --rb-surface-supporting-color: rgb(var(--tb-onPrimary));
 }
 
-/* Body copy carries an inline muted colour from the block; force it to the
- * card's on-colour so it reads on every block (inline style needs !important). */
+/* Keep the intended visual hierarchy; the body color itself now resolves via
+ * the nearest surface provider instead of requiring an inline override. */
 :where(.theme-scope) .rb-card-treatment-color-blocked .rb-feature-card-body {
-  color: inherit !important;
   opacity: 0.9;
 }
 
@@ -146319,6 +148103,8 @@ const VERTICAL_IDS = [
 	"yoga_wellness",
 	"fitness_pt",
 	"dance_school",
+	"physiotherapy_physical_health",
+	"massage_bodywork",
 	"therapist_practitioner",
 	"beauty_spa",
 	"consultant_coach",
@@ -146354,6 +148140,12 @@ const VERTICAL_BOOKING_PRESETS = [
 	preset("dance_school.workshops", "dance_school", "workshop", "Workshop", "Workshops", "One-off workshops, masterclasses, or intensives."),
 	preset("dance_school.private_lessons", "dance_school", "appointment", "Private lesson", "Private lessons", "One-to-one lessons or coaching sessions."),
 	preset("dance_school.shows", "dance_school", "performance", "Show", "Shows", "Ticketed performances, showcases, and recitals."),
+	preset("physiotherapy_physical_health.appointments", "physiotherapy_physical_health", "appointment", "Appointment", "Appointments", "Assessments, treatments, follow-ups, and rehabilitation sessions."),
+	preset("physiotherapy_physical_health.rehab_classes", "physiotherapy_physical_health", "class", "Rehab class", "Rehab classes", "Regular rehabilitation, mobility, strength, or recovery classes."),
+	preset("physiotherapy_physical_health.workshops", "physiotherapy_physical_health", "workshop", "Workshop", "Workshops", "One-off workshops, talks, or practical group sessions."),
+	preset("massage_bodywork.treatments", "massage_bodywork", "appointment", "Treatment", "Treatments", "Massage treatments, bodywork sessions, and one-to-one appointments."),
+	preset("massage_bodywork.group_sessions", "massage_bodywork", "class", "Group session", "Group sessions", "Regular bodywork, somatic movement, or self-massage sessions."),
+	preset("massage_bodywork.workshops", "massage_bodywork", "workshop", "Workshop", "Workshops", "One-off bodywork, self-massage, or somatic practice workshops."),
 	preset("therapist_practitioner.appointments", "therapist_practitioner", "appointment", "Appointment", "Appointments", "Sessions, consultations, treatments, or assessments."),
 	preset("therapist_practitioner.workshops", "therapist_practitioner", "workshop", "Workshop", "Workshops", "One-off group workshops, talks, or wellbeing sessions."),
 	preset("therapist_practitioner.retreats", "therapist_practitioner", "retreat", "Retreat", "Retreats", "Multi-day retreats or immersive group experiences."),
@@ -147848,7 +149640,7 @@ function applyBindings$1(bindings, context) {
 			if (value !== void 0 && value !== null) setBindingValue(result, key, value);
 			continue;
 		}
-		if (isRecord$32(bindingSpec)) {
+		if (isRecord$34(bindingSpec)) {
 			const nested = applyBindings$1(bindingSpec, context);
 			if (Object.keys(nested).length > 0) setBindingValue(result, key, nested);
 		}
@@ -147909,7 +149701,7 @@ function setBindingValue(target, path, value) {
 				current[Number(segment)] = value;
 				return;
 			}
-			if (isRecord$32(current)) current[segment] = value;
+			if (isRecord$34(current)) current[segment] = value;
 			return;
 		}
 		const nextWantsArray = typeof nextSegment === "string" && isIndex(nextSegment);
@@ -147918,15 +149710,15 @@ function setBindingValue(target, path, value) {
 			const existing = current[index];
 			if (nextWantsArray) {
 				if (!Array.isArray(existing)) current[index] = [];
-			} else if (!isRecord$32(existing)) current[index] = {};
+			} else if (!isRecord$34(existing)) current[index] = {};
 			current = current[index];
 			continue;
 		}
-		if (isRecord$32(current)) {
+		if (isRecord$34(current)) {
 			const existing = current[segment];
 			if (nextWantsArray) {
 				if (!Array.isArray(existing)) current[segment] = [];
-			} else if (!isRecord$32(existing)) current[segment] = {};
+			} else if (!isRecord$34(existing)) current[segment] = {};
 			current = current[segment];
 			continue;
 		}
@@ -147964,7 +149756,7 @@ function getPath$1(source, path) {
 	const segments = path.split(".").map((segment) => segment.trim()).filter(Boolean);
 	let current = source;
 	for (const segment of segments) {
-		if (!isRecord$32(current)) return void 0;
+		if (!isRecord$34(current)) return void 0;
 		current = current[segment];
 	}
 	return current;
@@ -147999,13 +149791,13 @@ function textToInlineText(value) {
 */
 function extractFirstParagraph$1(value) {
 	const unwrapped = unwrapRichTextRoot(value);
-	if (!isRecord$32(unwrapped)) return null;
+	if (!isRecord$34(unwrapped)) return null;
 	const doc = unwrapped;
 	if (!Array.isArray(doc.content)) return null;
 	for (const node of doc.content) {
-		if (!isRecord$32(node)) continue;
+		if (!isRecord$34(node)) continue;
 		if (node.type !== "paragraph" || !Array.isArray(node.content)) continue;
-		const text = node.content.filter((item) => isRecord$32(item) && item.type === "text").map((item) => typeof item.text === "string" ? item.text : "").join("").trim();
+		const text = node.content.filter((item) => isRecord$34(item) && item.type === "text").map((item) => typeof item.text === "string" ? item.text : "").join("").trim();
 		if (text.length > 0) return text;
 	}
 	return null;
@@ -148023,7 +149815,7 @@ function formatDate$1(value, options) {
 * Type guard to check if a value is a valid binding descriptor.
 */
 function isBindingDescriptor$2(value) {
-	if (!isRecord$32(value) || typeof value.source !== "string") return false;
+	if (!isRecord$34(value) || typeof value.source !== "string") return false;
 	if (!BINDING_SOURCES$1.includes(value.source)) return false;
 	switch (value.source) {
 		case "field":
@@ -148038,7 +149830,7 @@ function isBindingDescriptor$2(value) {
 * Type guard to check if a value is binding-descriptor-like (can be normalized).
 */
 function isBindingDescriptorLike$1(value) {
-	return isBindingDescriptor$2(value) || typeof value === "string" || isRecord$32(value) && typeof value.source === "string" && typeof value.path === "string";
+	return isBindingDescriptor$2(value) || typeof value === "string" || isRecord$34(value) && typeof value.source === "string" && typeof value.path === "string";
 }
 /**
 * Normalizes a binding input to a binding descriptor.
@@ -148064,7 +149856,7 @@ function normalizeBindingOutput$1(value) {
 }
 function normalizeValue(value) {
 	if (Array.isArray(value)) return value.map((item) => normalizeValue(item));
-	if (!isRecord$32(value)) return value;
+	if (!isRecord$34(value)) return value;
 	if (isDocWrapper(value)) return normalizeValue(value.doc);
 	const entries = Object.entries(value).map(([key, val]) => [key, normalizeValue(val)]);
 	return Object.fromEntries(entries);
@@ -148086,7 +149878,7 @@ function isDocWrapper(value) {
 	if (!("doc" in value)) return false;
 	if (Object.keys(value).length !== 1) return false;
 	const doc = value.doc;
-	return isRecord$32(doc) && typeof doc.type === "string" && doc.type === "doc";
+	return isRecord$34(doc) && typeof doc.type === "string" && doc.type === "doc";
 }
 BINDING_TRANSFORM_VALUES$1.join(", ");
 //#endregion
@@ -148113,7 +149905,7 @@ const ImagePresets = {
 		resize: "contain"
 	}
 };
-const isRecord$3 = isRecord$32;
+const isRecord$3 = isRecord$34;
 const normalizeBindingOutput = normalizeBindingOutput$1;
 const applyBindingsToContent = applyBindingsToContent$1;
 const builtInReferenceKindSet = /* @__PURE__ */ new Set([