@riverbankcms/sdk 0.77.0 → 0.77.1

package/dist/server/rendering.mjs

@@ -371,6 +371,11 @@ function toLocationCoordinates(value) {
   };
 }
 
+// ../core/src/assert-never.ts
+function assertNever(value, message = "Unexpected variant") {
+  throw new Error(`${message}: ${String(value)}`);
+}
+
 // ../core/src/planner.ts
 var systemPlanningClock = {
   now: () => Date.now()
@@ -1421,7 +1426,7 @@ var ALLOWED_URL_PROTOCOLS = ["http:", "https:"];
 var DATE_PATTERN = /^(?<year>[1-9]\d{3})-(?<month>\d{2})-(?<day>\d{2})$/;
 var TIME_PATTERN = /^(?<hours>[01]\d|2[0-3]):(?<minutes>[0-5]\d)$/;
 var DATETIME_PATTERN = /^(?<date>[1-9]\d{3}-\d{2}-\d{2})T(?<time>(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d)(?:\.\d+)?(?<offset>Z|[+-](?:[01]\d|2[0-3]):[0-5]\d)$/;
-function assertNever(value) {
+function assertNever2(value) {
   throw new Error(`Unhandled field validation variant: ${JSON.stringify(value)}`);
 }
 function validationContext(options = {}) {
@@ -1482,7 +1487,7 @@ function fieldIssueToMessage(issue2) {
     case "invalidReference":
       return `${issue2.label} must reference a valid item`;
     default:
-      return assertNever(issue2);
+      return assertNever2(issue2);
   }
 }
 function pluralize(label, count) {
@@ -1597,7 +1602,7 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
     case "entryPicker":
       return makePlan("passthrough", "unknown", field, path, false, []);
     default:
-      return assertNever(field);
+      return assertNever2(field);
   }
 }
 function deriveFieldValidationPlans(fields3, parentPath = []) {
@@ -1670,7 +1675,7 @@ function resolveSelectConstraintSource(field) {
     case "sdk":
       return { kind: "runtime", source: source.kind };
     default:
-      return assertNever(source);
+      return assertNever2(source);
   }
 }
 function normalizeStoredContentValues(plans, content, options = {}) {
@@ -1705,7 +1710,7 @@ function normalizeStoredFieldValueWithContext(plan, value, ctx) {
     case "passthrough":
       return normalizeFieldValue(plan, value, ctx);
     default:
-      return assertNever(plan);
+      return assertNever2(plan);
   }
 }
 function normalizeStoredObjectChildren(children, value, ctx) {
@@ -1756,7 +1761,7 @@ function normalizeFieldValue(plan, value, ctx) {
     case "passthrough":
       return value;
     default:
-      return assertNever(plan);
+      return assertNever2(plan);
   }
 }
 function normalizeObjectChildren(children, value, ctx) {
@@ -1817,7 +1822,7 @@ function validateNormalizedFieldValue(plan, value, ctx) {
     case "passthrough":
       return [];
     default:
-      return assertNever(plan);
+      return assertNever2(plan);
   }
 }
 function shouldRequireValue(plan, value, ctx) {
@@ -1848,15 +1853,15 @@ function validateStringConstraint(plan, constraint, value) {
     case "maxLength":
       return value.length > constraint.maximum ? [issue(plan, "tooLong", { maximum: constraint.maximum })] : [];
     case "emailFormat":
-      return z4.email().safeParse(value).success ? [] : [issue(plan, "invalidEmail")];
+      return isCanonicalEmailValue(value) ? [] : [issue(plan, "invalidEmail")];
     case "phoneFormat":
-      return TEL_RE.test(value) ? [] : [issue(plan, "invalidPhone")];
+      return isCanonicalPhoneValue(value) ? [] : [issue(plan, "invalidPhone")];
     case "patternFormat": {
       const re = compilePattern(constraint.pattern);
       return re && !re.test(value) ? [issue(plan, "invalidPattern")] : [];
     }
     case "urlFormat":
-      return isValidUrl(value, constraint.allowRelative) ? [] : [issue(plan, "invalidUrl")];
+      return isCanonicalUrlValue(value, { allowRelative: constraint.allowRelative }) ? [] : [issue(plan, "invalidUrl")];
     case "dateFormat":
       return isValidDateString(value) ? [] : [issue(plan, "invalidDate")];
     case "timeFormat":
@@ -1866,7 +1871,7 @@ function validateStringConstraint(plan, constraint, value) {
     case "slugFormat":
       return SLUG_PATTERN.test(value) ? [] : [issue(plan, "invalidSlug")];
     default:
-      return assertNever(constraint);
+      return assertNever2(constraint);
   }
 }
 function validateNumberPlan(plan, value) {
@@ -1883,7 +1888,7 @@ function validateNumberConstraint(plan, constraint, value) {
     case "numberMax":
       return value > constraint.maximum ? [issue(plan, "tooLarge", { maximum: constraint.maximum })] : [];
     default:
-      return assertNever(constraint);
+      return assertNever2(constraint);
   }
 }
 function validateSelectPlan(plan, value) {
@@ -1913,7 +1918,7 @@ function validateRepeaterPlan(plan, value, ctx) {
           })
         ] : [];
       default:
-        return assertNever(constraint);
+        return assertNever2(constraint);
     }
   });
   return [...constraintIssues, ...value.flatMap((item, index) => validateRepeaterItem(plan, item, index, ctx))];
@@ -1975,7 +1980,7 @@ function rebaseFieldPlanPath(plan, fromPrefix, toPrefix) {
         path
       };
     default:
-      return assertNever(plan);
+      return assertNever2(plan);
   }
 }
 function rebaseFieldPath(path, fromPrefix, toPrefix) {
@@ -2062,7 +2067,7 @@ function addFieldIssueToZodContext(zodCtx, validationIssue, rootPath) {
       zodCtx.addIssue({ ...issuePath, code: "custom", message });
       return;
     default:
-      assertNever(validationIssue);
+      assertNever2(validationIssue);
   }
 }
 function relativeZodIssuePath(path, rootPath) {
@@ -2078,9 +2083,15 @@ function compilePattern(pattern) {
 function isValidNumber(value) {
   return typeof value === "number" && Number.isFinite(value);
 }
-function isValidUrl(value, allowRelative) {
+function isCanonicalEmailValue(value) {
+  return z4.email().safeParse(value).success;
+}
+function isCanonicalPhoneValue(value) {
+  return TEL_RE.test(value);
+}
+function isCanonicalUrlValue(value, options = {}) {
   if (!value) return false;
-  if (allowRelative && value.startsWith("/")) return true;
+  if (options.allowRelative === true && value.startsWith("/")) return true;
   try {
     const parsed = new URL(value);
     return ALLOWED_URL_PROTOCOLS.includes(parsed.protocol);
@@ -6952,8 +6963,19 @@ var headingTypographyStyleSchema = typographyStyleSchema.extend({
   colorToken: themeColorTokenSchema.nullable().optional()
 });
 var proseLinkUnderlineStyleSchema = z22.enum(["solid", "dotted", "dashed"]);
-var proseLinkUnderlineThicknessSchema = z22.enum(["auto", "fromFont", "thin", "medium", "thick"]);
-var proseLinkUnderlineOffsetSchema = z22.enum(["auto", "tight", "normal", "loose"]);
+var proseLinkUnderlineThicknessSchema = z22.enum([
+  "auto",
+  "fromFont",
+  "thin",
+  "medium",
+  "thick"
+]);
+var proseLinkUnderlineOffsetSchema = z22.enum([
+  "auto",
+  "tight",
+  "normal",
+  "loose"
+]);
 var proseLinkStyleSchema = z22.object({
   colorToken: themeColorTokenSchema.optional(),
   hoverColorToken: themeColorTokenSchema.optional(),
@@ -6964,7 +6986,14 @@ var proseLinkStyleSchema = z22.object({
   underlineThickness: proseLinkUnderlineThicknessSchema.optional(),
   underlineOffset: proseLinkUnderlineOffsetSchema.optional()
 });
-var semanticSpacingSchema = z22.enum(["none", "compact", "cozy", "medium", "comfortable", "spacious"]);
+var semanticSpacingSchema = z22.enum([
+  "none",
+  "compact",
+  "cozy",
+  "medium",
+  "comfortable",
+  "spacious"
+]);
 var boxRoundedSchema = z22.enum(["none", "sm", "md", "lg", "xl", "2xl", "full"]);
 var boxBackgroundOverlaySchema = z22.object({
   type: z22.enum(["none", "color", "gradient"]).nullable().optional(),
@@ -7108,9 +7137,17 @@ var inputStyle = z22.object({
   focus: z22.enum(["glow", "ring", "underline"]),
   label: z22.enum(["inside", "above"])
 });
-var headerVariant = z22.enum(["classic", "centered", "transparent", "floating", "editorial"]);
+var headerVariant = z22.enum(["classic", "centered", "transparent", "floating"]);
 var headerPositioning = z22.enum(["static", "sticky", "fixed"]);
-var headerNavStyle = z22.enum(["minimal", "underline", "underline-grow", "capsule", "scale", "frosted", "solid"]);
+var headerNavStyle = z22.enum([
+  "minimal",
+  "underline",
+  "underline-grow",
+  "capsule",
+  "scale",
+  "frosted",
+  "solid"
+]);
 var navFontWeight = z22.enum(["regular", "medium", "semibold", "bold"]);
 var headerMaxWidth = z22.enum(["container", "full"]);
 var headerContainerSchema = z22.object({
@@ -7158,8 +7195,22 @@ var dropdownStyleSchema = z22.object({
   textSize: z22.enum(["xs", "sm", "base", "lg"]).optional()
   // optional = no override (browser default)
 }).optional();
-var headerCtaGapSchema = z22.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
-var headerCtaTreatmentSchema = z22.enum(["default", "primary", "secondary", "inverted", "outline", "ghost"]);
+var headerCtaGapSchema = z22.enum([
+  "none",
+  "tight",
+  "compact",
+  "default",
+  "relaxed",
+  "spacious"
+]);
+var headerCtaTreatmentSchema = z22.enum([
+  "default",
+  "primary",
+  "secondary",
+  "inverted",
+  "outline",
+  "ghost"
+]);
 var navContainerSchema = z22.object({
   type: z22.enum(["none", "pill", "glass"]).default("none"),
   tint: z22.string().nullable().optional(),
@@ -7214,7 +7265,14 @@ var footerMaxWidth = z22.enum(["container", "full"]);
 var footerMode = z22.enum(["default", "blocks", "default+blocks", "none"]);
 var footerNavLayoutMode = z22.enum(["stack", "inline", "inline-wrap"]);
 var footerNavLayoutAlign = z22.enum(["start", "center", "end", "space-between"]);
-var footerSpacing = z22.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
+var footerSpacing = z22.enum([
+  "none",
+  "tight",
+  "compact",
+  "default",
+  "relaxed",
+  "spacious"
+]);
 var footerLogoPlacement = z22.enum(["left", "right", "above", "below"]);
 var footerLogoSize = z22.enum(["sm", "md", "lg", "xl"]);
 var footerLogoMaxHeight = z22.enum(["sm", "md", "lg", "xl"]);
@@ -7279,7 +7337,12 @@ var footerSchema = z22.object({
   logo: footerLogoSchema.optional(),
   bottomBar: footerBottomBarSchema.optional()
 });
-var containerPaddingPresetSchema = z22.enum(["tight", "compact", "default", "relaxed"]);
+var containerPaddingPresetSchema = z22.enum([
+  "tight",
+  "compact",
+  "default",
+  "relaxed"
+]);
 var layoutSchema = z22.object({
   containerPadding: z22.object({
     mobile: containerPaddingPresetSchema.optional(),
@@ -7287,8 +7350,24 @@ var layoutSchema = z22.object({
     desktop: containerPaddingPresetSchema.optional()
   }).optional()
 }).optional();
-var heroTypographySizeSchema = z22.enum(["sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "editorial"]);
-var heroTypographyLineHeightSchema = z22.enum(["tight", "snug", "normal", "relaxed"]);
+var heroTypographySizeSchema = z22.enum([
+  "sm",
+  "base",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "5xl",
+  "6xl",
+  "editorial"
+]);
+var heroTypographyLineHeightSchema = z22.enum([
+  "tight",
+  "snug",
+  "normal",
+  "relaxed"
+]);
 var heroResponsiveTypographySchema = z22.object({
   headlineSize: heroTypographySizeSchema.optional(),
   headlineLineHeight: heroTypographyLineHeightSchema.optional(),
@@ -7842,16 +7921,6 @@ var headerLayoutCatalog = [
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal", "square"]
   },
-  {
-    id: asHeaderLayoutId("editorial"),
-    label: "Editorial",
-    description: "A composed, magazine-like stacked header treatment.",
-    structure: "editorial-stack",
-    variant: "editorial",
-    defaultPositioning: "static",
-    shrinkOnScroll: false,
-    maxRecommendedNavItems: 6
-  },
   {
     id: asHeaderLayoutId("floating"),
     label: "Floating",
@@ -7872,17 +7941,19 @@ var headerStyleCatalog = [
     id: asHeaderStyleId("minimal"),
     label: "Minimal",
     description: "Quiet surface with simple color-change navigation.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "color-change",
-    surface: "neutral"
+    surface: "neutral",
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("fine-line"),
     label: "Fine Line",
     description: "Light surface with a crisp lower rule and underline hover.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "underline-grow",
-    surface: "bordered"
+    surface: "bordered",
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("soft-bar"),
@@ -7890,7 +7961,8 @@ var headerStyleCatalog = [
     description: "Soft tinted surface with gentle pill hover states.",
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "pill-background",
-    surface: "soft"
+    surface: "soft",
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("pill-nav"),
@@ -7898,23 +7970,26 @@ var headerStyleCatalog = [
     description: "A calm pill navigation rail over a neutral header.",
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "pill-background",
-    surface: "soft"
+    surface: "soft",
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("brand-bar"),
     label: "Brand Bar",
     description: "Solid brand surface with high-contrast navigation.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "color-change",
-    surface: "brand-solid"
+    surface: "brand-solid",
+    navTypography: "brand-caps"
   },
   {
     id: asHeaderStyleId("brand-underline"),
     label: "Brand Underline",
     description: "Brand surface with underline-grow navigation.",
-    supportedLayoutIds: supportedLayouts(["classic", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic"]),
     navInteraction: "underline-grow",
-    surface: "brand-solid"
+    surface: "brand-solid",
+    navTypography: "brand-caps"
   },
   {
     id: asHeaderStyleId("brand-pill"),
@@ -7922,41 +7997,44 @@ var headerStyleCatalog = [
     description: "Solid brand surface with rounded active and hover states.",
     supportedLayoutIds: supportedLayouts(["classic", "centered", "floating"]),
     navInteraction: "pill-background",
-    surface: "brand-solid"
+    surface: "brand-solid",
+    navTypography: "brand-caps"
   },
   {
-    id: asHeaderStyleId("editorial-line"),
-    label: "Editorial Line",
+    id: asHeaderStyleId("serif-line"),
+    label: "Serif Line",
     description: "Typographic logo treatment with understated underline navigation.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "underline-grow",
-    surface: "bordered"
+    surface: "bordered",
+    navTypography: "heading"
   },
   {
     id: asHeaderStyleId("flat-tabs"),
     label: "Flat Tabs",
     description: "Flat block hover and active states with a Swiss utility feel.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "flat-block",
-    surface: "bordered"
+    surface: "bordered",
+    navTypography: "quiet-caps"
   },
   {
     id: asHeaderStyleId("glass"),
     label: "Glass",
-    description: "Floating translucent chrome with frosted navigation backing.",
-    supportedLayoutIds: supportedLayouts(["floating"]),
+    description: "Translucent chrome with frosted navigation backing.",
+    supportedLayoutIds: supportedLayouts(["classic", "floating"]),
     navInteraction: "glass-backed",
     surface: "floating",
-    requiresFloatingLayout: true
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("minimal-surface"),
-    label: "Minimal Surface",
-    description: "Floating chrome with a restrained translucent surface.",
+    label: "Clear Split",
+    description: "Floating logo with transparent navigation and no shared shell.",
     supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "color-change",
     surface: "floating",
-    requiresFloatingLayout: true
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("soft-shell"),
@@ -7965,7 +8043,25 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "pill-background",
     surface: "floating",
-    requiresFloatingLayout: true
+    navTypography: "plain"
+  },
+  {
+    id: asHeaderStyleId("split-glass"),
+    label: "Split Glass",
+    description: "Logo floats independently while the navigation sits in a glass rail.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "glass-backed",
+    surface: "floating",
+    navTypography: "quiet-caps"
+  },
+  {
+    id: asHeaderStyleId("split-pill"),
+    label: "Split Pill",
+    description: "Logo floats independently with a soft pill-backed navigation rail.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "pill-background",
+    surface: "floating",
+    navTypography: "heading"
   }
 ];
 var headerLayoutsById = new Map(
@@ -7979,13 +8075,14 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
     asHeaderLayoutId("classic"),
     headerStyleRepairChain([
       "minimal",
+      "glass",
       "fine-line",
       "soft-bar",
       "pill-nav",
       "brand-bar",
       "brand-underline",
       "brand-pill",
-      "editorial-line",
+      "serif-line",
       "flat-tabs"
     ])
   ],
@@ -7998,19 +8095,7 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
       "pill-nav",
       "brand-bar",
       "brand-pill",
-      "editorial-line",
-      "flat-tabs"
-    ])
-  ],
-  [
-    asHeaderLayoutId("editorial"),
-    headerStyleRepairChain([
-      "minimal",
-      "fine-line",
-      "soft-bar",
-      "brand-bar",
-      "brand-underline",
-      "editorial-line",
+      "serif-line",
       "flat-tabs"
     ])
   ],
@@ -8019,6 +8104,8 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
     headerStyleRepairChain([
       "glass",
       "minimal-surface",
+      "split-glass",
+      "split-pill",
       "soft-shell",
       "brand-pill"
     ])
@@ -8027,20 +8114,63 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
 function headerStyleRepairChain(values) {
   return values.map(asHeaderStyleId);
 }
-var headerStyleRepairOrder = /* @__PURE__ */ new Map([
-  [asHeaderStyleId("brand-bar"), headerStyleRepairChain(["brand-bar", "brand-pill", "minimal"])],
-  [asHeaderStyleId("brand-underline"), headerStyleRepairChain(["editorial-line", "fine-line", "minimal"])],
-  [asHeaderStyleId("brand-pill"), headerStyleRepairChain(["brand-pill", "brand-bar", "minimal"])],
-  [asHeaderStyleId("pill-nav"), headerStyleRepairChain(["pill-nav", "soft-bar", "minimal"])],
-  [asHeaderStyleId("flat-tabs"), headerStyleRepairChain(["flat-tabs", "pill-nav", "minimal"])],
-  [asHeaderStyleId("editorial-line"), headerStyleRepairChain(["editorial-line", "fine-line", "minimal"])],
-  [asHeaderStyleId("glass"), headerStyleRepairChain(["glass", "minimal-surface", "minimal"])],
-  [asHeaderStyleId("soft-shell"), headerStyleRepairChain(["soft-shell", "soft-bar", "minimal"])],
-  [asHeaderStyleId("minimal-surface"), headerStyleRepairChain(["minimal-surface", "minimal"])],
-  [asHeaderStyleId("fine-line"), headerStyleRepairChain(["fine-line", "minimal"])],
-  [asHeaderStyleId("soft-bar"), headerStyleRepairChain(["soft-bar", "minimal"])],
-  [asHeaderStyleId("minimal"), headerStyleRepairChain(["minimal"])]
-]);
+var headerStyleRepairOrder = /* @__PURE__ */ new Map(
+  [
+    [
+      asHeaderStyleId("brand-bar"),
+      headerStyleRepairChain(["brand-bar", "brand-pill", "minimal"])
+    ],
+    [
+      asHeaderStyleId("brand-underline"),
+      headerStyleRepairChain(["serif-line", "fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("brand-pill"),
+      headerStyleRepairChain(["brand-pill", "brand-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("pill-nav"),
+      headerStyleRepairChain(["pill-nav", "soft-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("flat-tabs"),
+      headerStyleRepairChain(["flat-tabs", "pill-nav", "minimal"])
+    ],
+    [
+      asHeaderStyleId("serif-line"),
+      headerStyleRepairChain(["serif-line", "fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("glass"),
+      headerStyleRepairChain(["glass", "minimal-surface", "minimal"])
+    ],
+    [
+      asHeaderStyleId("soft-shell"),
+      headerStyleRepairChain(["soft-shell", "soft-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("minimal-surface"),
+      headerStyleRepairChain(["minimal-surface", "minimal"])
+    ],
+    [
+      asHeaderStyleId("split-glass"),
+      headerStyleRepairChain(["split-glass", "glass", "minimal-surface"])
+    ],
+    [
+      asHeaderStyleId("split-pill"),
+      headerStyleRepairChain(["split-pill", "soft-shell", "brand-pill"])
+    ],
+    [
+      asHeaderStyleId("fine-line"),
+      headerStyleRepairChain(["fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("soft-bar"),
+      headerStyleRepairChain(["soft-bar", "minimal"])
+    ],
+    [asHeaderStyleId("minimal"), headerStyleRepairChain(["minimal"])]
+  ]
+);
 var legacyHeaderLookAliases = [
   {
     lookId: asHeaderLookId("clean-base"),
@@ -8057,10 +8187,10 @@ var legacyHeaderLookAliases = [
     }
   },
   {
-    lookId: asHeaderLookId("editorial-line"),
+    lookId: asHeaderLookId("serif-line"),
     selection: {
-      layoutId: asHeaderLayoutId("editorial"),
-      styleId: asHeaderStyleId("editorial-line")
+      layoutId: asHeaderLayoutId("centered"),
+      styleId: asHeaderStyleId("serif-line")
     }
   },
   {
@@ -8099,9 +8229,7 @@ var legacyHeaderLookAliases = [
     }
   }
 ];
-var legacyHeaderLookAliasesById = new Map(
-  legacyHeaderLookAliases.map((alias) => [alias.lookId, alias])
-);
+var legacyHeaderLookAliasesById = new Map(legacyHeaderLookAliases.map((alias) => [alias.lookId, alias]));
 function getHeaderStyle(id) {
   return headerStylesById.get(id) ?? null;
 }
@@ -8119,10 +8247,12 @@ function resolveLegacyHeaderLookAlias(lookId) {
   return legacyHeaderLookAliasesById.get(lookId)?.selection ?? null;
 }
 function getCompatibleHeaderStyleIds(layoutId) {
-  return (headerStyleCompatibilityOrder.get(layoutId) ?? []).filter((styleId) => {
-    const style = getHeaderStyleOrThrow(styleId);
-    return isHeaderStyleCompatibleWithLayout(style, layoutId);
-  });
+  return (headerStyleCompatibilityOrder.get(layoutId) ?? []).filter(
+    (styleId) => {
+      const style = getHeaderStyleOrThrow(styleId);
+      return isHeaderStyleCompatibleWithLayout(style, layoutId);
+    }
+  );
 }
 function solidBrandHeader(theme) {
   const ctaVariant = resolveHeaderCtaVariant(theme, "inverted");
@@ -8153,8 +8283,14 @@ function solidBrandHeader(theme) {
       borderRadius: "none",
       effects: {
         hover: [
-          { effectId: "text-color-change", options: { hoverColorToken: "secondary" } },
-          { effectId: "nav-underline", options: { style: "grow", colorToken: "secondary" } }
+          {
+            effectId: "text-color-change",
+            options: { hoverColorToken: "secondary" }
+          },
+          {
+            effectId: "nav-underline",
+            options: { style: "grow", colorToken: "secondary" }
+          }
         ]
       }
     },
@@ -8210,10 +8346,10 @@ function cleanBaseHeader(theme) {
     ctaGap: "default"
   };
 }
-function editorialLineHeader(theme) {
+function serifLineHeader(theme) {
   return {
     ...baseHeader(theme),
-    variant: "editorial",
+    variant: "centered",
     positioning: "sticky",
     shrinkOnScroll: false,
     background: {
@@ -8382,27 +8518,27 @@ var headerLookCatalog = [
     compile: solidBrandHeader
   },
   {
-    id: asHeaderLookId("editorial-line"),
-    label: "Editorial line",
-    visualTreatment: "light-editorial",
+    id: asHeaderLookId("serif-line"),
+    label: "Serif line",
+    visualTreatment: "light-serif",
     layoutBehavior: "sticky",
     configuration: {
-      structure: "editorial-stack",
-      treatment: "light-editorial",
+      structure: "centered-stack",
+      treatment: "light-serif",
       behavior: "sticky"
     },
     openingRequirement: "none",
     maxRecommendedNavItems: 6,
-    compile: editorialLineHeader
+    compile: serifLineHeader
   },
   {
     id: asHeaderLookId("centered-calm"),
     label: "Centered calm",
-    visualTreatment: "light-editorial",
+    visualTreatment: "light-serif",
     layoutBehavior: "normal-flow",
     configuration: {
       structure: "centered-stack",
-      treatment: "light-editorial",
+      treatment: "light-serif",
       behavior: "normal-flow"
     },
     openingRequirement: "none",
@@ -8948,12 +9084,16 @@ var expressiveUnderlineInputs = {
   }
 };
 function uniqueContentFrameKinds() {
-  const kinds = [...new Set(
-    generatedDesignOptionCatalog.contentFrames.map((frame) => frame.kind)
-  )];
+  const kinds = [
+    ...new Set(
+      generatedDesignOptionCatalog.contentFrames.map((frame) => frame.kind)
+    )
+  ];
   const firstKind = kinds[0];
   if (!firstKind) {
-    throw new Error("Expected generated design option catalog to expose at least one content frame kind.");
+    throw new Error(
+      "Expected generated design option catalog to expose at least one content frame kind."
+    );
   }
   return [firstKind, ...kinds.slice(1)];
 }
@@ -8963,7 +9103,9 @@ function defineCuratedSiteStyle(input) {
   const inferredHeaderCuration = inferHeaderCurationFromLegacyLooks(legacyHeaderLookIds);
   const typographyPresetChoices = input.typographyPresetChoices ?? defaultTypographyPresetChoicesForRecipe(input.tokenRecipes.typography);
   const defaultTypographyPresetId = input.defaultTypographyPresetId ? asTypographyPresetId(input.defaultTypographyPresetId) : typographyPresetChoices[0].id;
-  if (!typographyPresetChoices.some((choice) => choice.id === defaultTypographyPresetId)) {
+  if (!typographyPresetChoices.some(
+    (choice) => choice.id === defaultTypographyPresetId
+  )) {
     throw new Error(
       `Default typography preset ${defaultTypographyPresetId} is not curated for site style ${input.id}.`
     );
@@ -8974,9 +9116,13 @@ function defineCuratedSiteStyle(input) {
     description: input.description,
     generationBrief: input.generationBrief,
     selectionKeywordRules: input.selectionKeywordRules ?? [],
-    siteCreatorSelection: input.siteCreatorSelection ?? { kind: "explicit_only" },
+    siteCreatorSelection: input.siteCreatorSelection ?? {
+      kind: "explicit_only"
+    },
     template: {
-      id: asDesignSystemTemplateId(`template:${input.id.replace("site-style:", "")}`),
+      id: asDesignSystemTemplateId(
+        `template:${input.id.replace("site-style:", "")}`
+      ),
       name: input.name,
       version: 1,
       tokenRecipes: input.tokenRecipes,
@@ -8994,13 +9140,17 @@ function defineCuratedSiteStyle(input) {
     } : inferredHeaderCuration.defaultHeaderSelection,
     recommendedHeaderLayoutChoices: input.recommendedHeaderLayoutChoices ?? inferredHeaderCuration.recommendedHeaderLayoutChoices,
     recommendedHeaderStyleChoicesByLayout: input.recommendedHeaderStyleChoicesByLayout ?? inferredHeaderCuration.recommendedHeaderStyleChoicesByLayout,
-    discouragedHeaderSelections: input.discouragedHeaderSelections?.map((selection) => ({
-      layoutId: asHeaderLayoutId(selection.layoutId),
-      styleId: asHeaderStyleId(selection.styleId)
-    })),
+    discouragedHeaderSelections: input.discouragedHeaderSelections?.map(
+      (selection) => ({
+        layoutId: asHeaderLayoutId(selection.layoutId),
+        styleId: asHeaderStyleId(selection.styleId)
+      })
+    ),
     recommendedHeaderLookIds: legacyHeaderLookIds.map(asHeaderLookId),
     // Empty is intentional: resolveFooterLook always appends its guaranteed fallback.
-    recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
+    recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(
+      asFooterLookId
+    ),
     buttonPersonalityChoices: input.buttonPersonalityChoices,
     paletteVariantChoices: input.paletteVariantChoices,
     typographyPresetChoices,
@@ -9019,7 +9169,7 @@ function headerLayoutChoice(id, note) {
 function headerStyleChoice(id, note) {
   return note ? { id: asHeaderStyleId(id), note } : { id: asHeaderStyleId(id) };
 }
-function headerLayoutRecordKey(id) {
+function unbrandHeaderLayoutId(id) {
   return id;
 }
 function uniqueHeaderLayoutChoices(choices) {
@@ -9042,7 +9192,9 @@ function nonEmptyHeaderStyleChoices(choices, fallbackLayoutId) {
   return [first, ...choices.slice(1)];
 }
 function inferHeaderCurationFromLegacyLooks(lookIds) {
-  const selections = lookIds.map((lookId) => resolveLegacyHeaderLookAlias(asHeaderLookId(lookId))).filter((selection) => Boolean(selection));
+  const selections = lookIds.map((lookId) => resolveLegacyHeaderLookAlias(asHeaderLookId(lookId))).filter(
+    (selection) => Boolean(selection)
+  );
   const defaultHeaderSelection = selections[0] ?? {
     layoutId: asHeaderLayoutId("classic"),
     styleId: asHeaderStyleId("minimal")
@@ -9053,10 +9205,7 @@ function inferHeaderCurationFromLegacyLooks(lookIds) {
   const stylesByLayout = {};
   for (const layoutChoice of layoutChoices) {
     const styleChoices = selections.filter((selection) => selection.layoutId === layoutChoice.id).map((selection) => headerStyleChoice(selection.styleId));
-    stylesByLayout[headerLayoutRecordKey(layoutChoice.id)] = nonEmptyHeaderStyleChoices(
-      styleChoices,
-      layoutChoice.id
-    );
+    stylesByLayout[unbrandHeaderLayoutId(layoutChoice.id)] = nonEmptyHeaderStyleChoices(styleChoices, layoutChoice.id);
   }
   return {
     defaultHeaderSelection,
@@ -9111,7 +9260,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "clean-base"],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("soft-pill"),
       buttonChoice("pebble"),
@@ -9140,7 +9293,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["practical-utility", "brand-solid", "clean-base"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "brand-solid",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("confident-chip"),
       buttonChoice("soft-pill"),
@@ -9167,7 +9324,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["editorial-line", "minimal-transparent", "centered-calm"],
+    recommendedHeaderLookIds: [
+      "serif-line",
+      "minimal-transparent",
+      "centered-calm"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("soft-pill"),
@@ -9195,7 +9356,11 @@ var curatedSiteStyles = [
       motion: "expressive"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "practical-utility",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("brushed-wash"),
@@ -9212,7 +9377,10 @@ var curatedSiteStyles = [
     name: "Quiet Luxury",
     description: "Minimal, confident, and refined for premium experiences and private services.",
     generationBrief: "Use fewer claims, more specificity, and restrained sensory detail. Favor elegant media and low repetition over dense panels.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 20 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 20
+    },
     selectionKeywordRules: [
       { kind: "word", value: "luxury" },
       { kind: "word", value: "premium" },
@@ -9230,7 +9398,11 @@ var curatedSiteStyles = [
       motion: "none"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["minimal-transparent", "editorial-line", "clean-base"],
+    recommendedHeaderLookIds: [
+      "minimal-transparent",
+      "serif-line",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("confident-chip"),
@@ -9266,7 +9438,11 @@ var curatedSiteStyles = [
       motion: "none"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["practical-utility", "brand-solid", "clean-base"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "brand-solid",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("confident-chip"),
       buttonChoice("pebble"),
@@ -9293,7 +9469,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "clean-base"],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("soft-pill"),
       buttonChoice("pebble"),
@@ -9310,7 +9490,10 @@ var curatedSiteStyles = [
     name: "Quiet Practice",
     description: "Grounded, calm, and practical for small appointment-first practices.",
     generationBrief: "Make services, practitioner trust, preparation notes, and booking routes easy to scan. Keep the tone warm and specific, with quiet confidence rather than spa cliches or medical claims.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 30 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 30
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "massage" },
       { kind: "word", value: "bodywork" },
@@ -9331,7 +9514,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["practical-utility", "clean-base", "centered-calm"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "clean-base",
+      "centered-calm"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("soft-pill"),
@@ -9348,7 +9535,10 @@ var curatedSiteStyles = [
     name: "Personal Retreat Journal",
     description: "Warm, story-led, and readable for solo practitioners with mixed offers.",
     generationBrief: "Center the practitioner as the guide, then make private sessions, classes, retreats, and resources feel like clear pathways. Keep retreat copy grounded and practical, with enough editorial warmth for longer reading.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 40 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 40
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "retreat" },
       { kind: "phrase", value: "solo practitioner" },
@@ -9368,7 +9558,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["editorial-line", "centered-calm", "minimal-transparent"],
+    recommendedHeaderLookIds: [
+      "serif-line",
+      "centered-calm",
+      "minimal-transparent"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("soft-pill"),
@@ -9385,7 +9579,10 @@ var curatedSiteStyles = [
     name: "Tactile Workshop",
     description: "Bright, hands-on, and image-led for maker studios, workshops, and creative classes.",
     generationBrief: "Lead with objects, materials, studio process, and practical booking detail. Keep the tone warm and direct, with useful mess, clear dates, and enough gallery rhythm to feel like a real creative studio.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 50 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 50
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "ceramic" },
       { kind: "word", value: "pottery" },
@@ -9405,8 +9602,15 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
-    recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "practical-utility",
+      "clean-base"
+    ],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("confident-chip"),
@@ -9425,7 +9629,10 @@ var curatedSiteStyles = [
     name: "Soft Earth",
     description: "Warm, grounded, and editorial for yoga studios, retreats, and wellbeing communities.",
     generationBrief: "Use cream space, terracotta CTAs, olive proof bands, natural imagery, generous but composed spacing, and editorial serif headings. Prefer a real intro section, image-led offering cards, warm community proof, and a simple two-column FAQ when content allows.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 45 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 45
+    },
     selectionKeywordRules: [
       { kind: "word", value: "meditation" },
       { kind: "word", value: "wellbeing" },
@@ -9501,8 +9708,15 @@ var curatedSiteStyles = [
       "faq-soft-earth-two-column",
       "contact-form-panel"
     ],
-    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "editorial-line"],
-    recommendedFooterLookIds: ["footer-muted-grounding", "site-footer-brand-two-band"],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "serif-line"
+    ],
+    recommendedFooterLookIds: [
+      "footer-muted-grounding",
+      "site-footer-brand-two-band"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("earth-pill"),
       buttonChoice("soft-pill"),
@@ -9521,7 +9735,10 @@ var curatedSiteStyles = [
     name: "Bold Launch",
     description: "High-energy and punchy for launches, campaigns, and creative offers.",
     generationBrief: "Use crisp positioning, bold hero structure, strong calls to action, and confident visual rhythm. Keep it precise, not shouty.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 10 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 10
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "launch" },
       { kind: "substring", value: "campaign" },
@@ -9540,7 +9757,11 @@ var curatedSiteStyles = [
       motion: "expressive"
     },
     compositionBudget: expressiveBudget,
-    recommendedHeaderLookIds: ["transparent-overlay", "floating-glass", "brand-solid"],
+    recommendedHeaderLookIds: [
+      "transparent-overlay",
+      "floating-glass",
+      "brand-solid"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("ink-stamp"),
       buttonChoice("confident-chip"),
@@ -9591,8 +9812,15 @@ var curatedSiteStyles = [
       "testimonials-accent-quote-proof",
       "contact-form-brand-depth-card"
     ],
-    recommendedHeaderLookIds: ["brand-solid", "transparent-overlay", "practical-utility"],
-    recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "transparent-overlay",
+      "practical-utility"
+    ],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("showtime-pill"),
       buttonChoice("confident-chip"),
@@ -17357,10 +17585,7 @@ var headerRootClassTransform = {
     const navContainerType = header?.navContainer?.type ?? "none";
     const hasContainedNav = navContainerType === "glass" || navContainerType === "pill";
     const backgroundClass = visuals.isTransparent || hasContainedNav ? "rb-bg-transparent" : null;
-    const classes = [
-      config.base,
-      backgroundClass
-    ];
+    const classes = [config.base, backgroundClass];
     if (!hasContainedNav) {
       if (config.blur) classes.push(config.blur);
       if (config.blurSupport) classes.push(config.blurSupport);
@@ -17375,7 +17600,12 @@ var headerRootClassTransform = {
     if (shrinkOnScroll && (positioning === "sticky" || positioning === "fixed")) {
       classes.push(config.shrink);
     }
-    const VALID_VARIANTS = ["classic", "centered", "transparent", "floating", "editorial"];
+    const VALID_VARIANTS = [
+      "classic",
+      "centered",
+      "transparent",
+      "floating"
+    ];
     const variant = header?.variant;
     if (variant && VALID_VARIANTS.includes(variant)) {
       classes.push(`header-variant-${variant}`);
@@ -18027,15 +18257,21 @@ var mobileCta = ctaButton({
 var mobileToggleIcon = stack({ gap: "xs", className: "nav-mobile-icon" }, [
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-top rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-top rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   },
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-middle rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-middle rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   },
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-bottom rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-bottom rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   }
 ]);
 var mobileToggleButton = {
@@ -18218,28 +18454,6 @@ var floatingLayout = inline(
   ],
   when("$root.theme.header.variant", { equals: "floating" })
 );
-var editorialLayout = stack(
-  {
-    gap: "md",
-    align: "center",
-    className: bindProp("$root.theme.header.maxWidth", {
-      transforms: pipe(
-        tx("layout.maxWidthClass", {
-          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
-        })
-      ),
-      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
-    })
-  },
-  [
-    centeredLogoRow,
-    createNavRow(
-      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3`,
-      "center"
-    )
-  ],
-  when("$root.theme.header.variant", { equals: "editorial" })
-);
 var headerLayout = headerSection(
   {
     background: bindProp("$root.theme.header", {
@@ -18253,10 +18467,7 @@ var headerLayout = headerSection(
     }),
     style: bindProp("$root.theme.header", {
       transforms: pipe(tx("layout.headerRootStyle")),
-      fallback: mergeStyles(
-        textColorStyle("text"),
-        borderColorStyle("border")
-      )
+      fallback: mergeStyles(textColorStyle("text"), borderColorStyle("border"))
     })
   },
   [
@@ -18265,7 +18476,6 @@ var headerLayout = headerSection(
     centeredLayout,
     transparentLayout,
     floatingLayout,
-    editorialLayout,
     mobileOverlay
   ],
   props({
@@ -26596,7 +26806,7 @@ var publicProductsResponseSchema = z53.object({
 });
 
 // ../blocks/src/system/runtime/api/creditProducts.ts
-function assertNever3(value) {
+function assertNever4(value) {
   throw new Error(`Unhandled credit product case: ${String(value)}`);
 }
 function useCasesFromModules(modules) {
@@ -26629,7 +26839,7 @@ function getCreditProductCreditUnit(useCase) {
         perCreditSuffix: "credit"
       };
     default:
-      return assertNever3(useCase);
+      return assertNever4(useCase);
   }
 }
 function deriveCreditProductLabels(products, options = {}) {
@@ -31810,7 +32020,7 @@ function resolveAccordionIconStyle(iconStyle, iconTreatment) {
       case "minimal-cross":
         return "plus-minus";
       default:
-        return assertNever4(iconTreatment.iconSet);
+        return assertNever5(iconTreatment.iconSet);
     }
   }
   return iconStyle && iconStyle in ICON_CONFIG ? iconStyle : "chevron";
@@ -31829,7 +32039,7 @@ function accordionIconColorStyle(iconTreatment) {
 function resolveIconColorToken(token) {
   return token === "muted" ? "mutedText" : token;
 }
-function assertNever4(value) {
+function assertNever5(value) {
   throw new Error(`Unhandled accordion icon set: ${String(value)}`);
 }
 
@@ -39334,6 +39544,9 @@ function transformSdkBlockToDefinition(sdkBlock) {
 }
 
 // ../blocks/src/customBlockRegistry.ts
+var defaultCustomBlockSourcePolicy = {
+  kind: "canonical-db-fallback-sdk"
+};
 function isCustomBlockKind(blockKind) {
   return blockKind.startsWith("custom.");
 }
@@ -39360,39 +39573,86 @@ function toResolvedCustomBlock(manifest, source) {
     )
   };
 }
+function planCustomBlockRegistryResolution({
+  sdkConfig,
+  customBlocks = [],
+  policy = defaultCustomBlockSourcePolicy
+}) {
+  switch (policy.kind) {
+    case "canonical-db-fallback-sdk": {
+      const entriesByKind = /* @__PURE__ */ new Map();
+      const conflicts = [];
+      for (const customBlock of customBlocks) {
+        entriesByKind.set(
+          customBlock.manifest.id,
+          toResolvedCustomBlock(customBlock.manifest, customBlock.source)
+        );
+      }
+      for (const sdkBlock of sdkConfig?.customBlocks ?? []) {
+        const existing = entriesByKind.get(sdkBlock.id);
+        if (existing) {
+          conflicts.push({
+            kind: "conflict",
+            blockKind: existing.blockKind,
+            winner: existing.source,
+            loser: { kind: "sdk-config" },
+            reason: "db-canonical-sdk-fallback"
+          });
+          continue;
+        }
+        entriesByKind.set(
+          sdkBlock.id,
+          toResolvedCustomBlock(sdkBlock, { kind: "sdk-config" })
+        );
+      }
+      return {
+        policy,
+        entries: Array.from(entriesByKind.values()),
+        conflicts
+      };
+    }
+  }
+}
 function createCustomBlockRegistry({
   sdkConfig,
   customBlocks = [],
+  policy = defaultCustomBlockSourcePolicy,
   onConflict
 }) {
-  const entriesByKind = /* @__PURE__ */ new Map();
-  for (const sdkBlock of sdkConfig?.customBlocks ?? []) {
-    entriesByKind.set(
-      sdkBlock.id,
-      toResolvedCustomBlock(sdkBlock, { kind: "sdk-config" })
-    );
-  }
-  for (const customBlock of customBlocks) {
-    const existing = entriesByKind.get(customBlock.manifest.id);
-    if (existing) {
-      onConflict?.(
-        `Skipping DB custom block "${customBlock.manifest.id}" - conflicts with SDK config block`
-      );
-      continue;
-    }
-    entriesByKind.set(
-      customBlock.manifest.id,
-      toResolvedCustomBlock(customBlock.manifest, customBlock.source)
+  const plan = planCustomBlockRegistryResolution({
+    sdkConfig,
+    customBlocks,
+    policy
+  });
+  const entriesByKind = new Map(
+    plan.entries.map((entry) => [entry.blockKind, entry])
+  );
+  for (const conflict of plan.conflicts) {
+    onConflict?.(
+      `Using ${sourceLabel(conflict.winner)} custom block "${conflict.blockKind}" - ${sourceLabel(conflict.loser)} block is fallback only`
     );
   }
   return {
-    entries: Array.from(entriesByKind.values()),
+    entries: plan.entries,
+    conflicts: plan.conflicts,
     findManifest: (blockKind) => {
       if (!isCustomBlockKind(blockKind)) return void 0;
       return entriesByKind.get(blockKind);
     }
   };
 }
+function sourceLabel(source) {
+  switch (source.kind) {
+    case "managed-database":
+      return "DB";
+    case "sdk-synced":
+      return "SDK-synced DB";
+    case "sdk-config":
+      return "SDK config";
+    default:
+      return assertNever(source);
+  }
+}
 
 // ../blocks/src/PageRenderer.tsx
 import { Fragment as Fragment6, jsx as jsx52 } from "react/jsx-runtime";
@@ -41493,9 +41753,9 @@ var containerResponsiveThemeCss = `/*
 }
 
 @layer rb-theme {
-/* Fallback defaults so preview doesn't look broken before ThemeScope injects vars */
-:root {
-  /* --tb-primary: 17 24 39;
+  /* Fallback defaults so preview doesn't look broken before ThemeScope injects vars */
+  :root {
+    /* --tb-primary: 17 24 39;
   --tb-text: 17 24 39;
   --tb-muted: 107 114 128;
   --tb-bg: 255 255 255;
@@ -41517,159 +41777,164 @@ var containerResponsiveThemeCss = `/*
 
   --motion-duration: 180ms;
   --motion-ease: cubic-bezier(.2,.8,.2,1); */
-}
+  }
 
-/* -------------------------------------------------------------------------- */
-/* Shared: Modal                                                             */
-/* -------------------------------------------------------------------------- */
+  /* -------------------------------------------------------------------------- */
+  /* Shared: Modal                                                             */
+  /* -------------------------------------------------------------------------- */
 
-:where(.theme-scope) .rb-modal-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: var(--rb-modal-z-index, 20000);
-  display: grid;
-  place-items: center;
-  padding: 1rem;
-  /* Keep a hard fallback so the overlay never becomes transparent due to invalid vars. */
-  background-color: rgba(0, 0, 0, 0.6);
-  background: var(--rb-modal-overlay-bg, rgba(0, 0, 0, 0.6));
-}
+  :where(.theme-scope) .rb-modal-overlay {
+    position: fixed;
+    inset: 0;
+    z-index: var(--rb-modal-z-index, 20000);
+    display: grid;
+    place-items: center;
+    padding: 1rem;
+    /* Keep a hard fallback so the overlay never becomes transparent due to invalid vars. */
+    background-color: rgba(0, 0, 0, 0.6);
+    background: var(--rb-modal-overlay-bg, rgba(0, 0, 0, 0.6));
+  }
 
-:where(.theme-scope) .rb-modal {
-  width: min(var(--rb-modal-max-width, 560px), 100%);
-  background: var(--rb-modal-bg, rgb(var(--tb-surface)));
-  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)));
-}
+  :where(.theme-scope) .rb-modal {
+    width: min(var(--rb-modal-max-width, 560px), 100%);
+    background: var(--rb-modal-bg, rgb(var(--tb-surface)));
+    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)));
+  }
 
-:where(.theme-scope) .rb-modal__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  padding: 1rem 1rem 0.75rem;
-  border-bottom: 1px solid var(--rb-modal-border, rgb(var(--tb-border)));
-}
+  :where(.theme-scope) .rb-modal__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    padding: 1rem 1rem 0.75rem;
+    border-bottom: 1px solid var(--rb-modal-border, rgb(var(--tb-border)));
+  }
 
-:where(.theme-scope) .rb-modal__title {
-  margin: 0;
-  font-family: var(--font-heading);
-  font-size: 1.0625rem;
-  font-weight: 600;
-  color: rgb(var(--tb-text));
-}
+  :where(.theme-scope) .rb-modal__title {
+    margin: 0;
+    font-family: var(--font-heading);
+    font-size: 1.0625rem;
+    font-weight: 600;
+    color: rgb(var(--tb-text));
+  }
 
-:where(.theme-scope) .rb-modal__close {
-  background: transparent;
-  border: none;
-  width: 2.25rem;
-  height: 2.25rem;
-  padding: 0;
-  line-height: 1;
-  color: rgb(var(--tb-mutedText));
-  cursor: pointer;
-  display: grid;
-  place-items: center;
-  border-radius: var(--radius-control);
-}
+  :where(.theme-scope) .rb-modal__close {
+    background: transparent;
+    border: none;
+    width: 2.25rem;
+    height: 2.25rem;
+    padding: 0;
+    line-height: 1;
+    color: rgb(var(--tb-mutedText));
+    cursor: pointer;
+    display: grid;
+    place-items: center;
+    border-radius: var(--radius-control);
+  }
 
-:where(.theme-scope) .rb-modal__close:hover {
-  color: rgb(var(--tb-text));
-  background: rgba(var(--tb-border), 0.2);
-}
+  :where(.theme-scope) .rb-modal__close:hover {
+    color: rgb(var(--tb-text));
+    background: rgba(var(--tb-border), 0.2);
+  }
 
-:where(.theme-scope) .rb-modal__close:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--tb-primary), 0.15);
-}
+  :where(.theme-scope) .rb-modal__close:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(var(--tb-primary), 0.15);
+  }
 
-:where(.theme-scope) .rb-modal__body {
-  padding: 0.875rem 1rem 1rem;
-  color: rgb(var(--tb-text));
-  font-size: 0.9375rem;
-  line-height: 1.45;
-}
+  :where(.theme-scope) .rb-modal__body {
+    padding: 0.875rem 1rem 1rem;
+    color: rgb(var(--tb-text));
+    font-size: 0.9375rem;
+    line-height: 1.45;
+  }
 
-/* -------------------------------------------------------------------------- */
-/* Header: Mobile nav overlay transitions                                      */
-/* -------------------------------------------------------------------------- */
+  /* -------------------------------------------------------------------------- */
+  /* Header: Mobile nav overlay transitions                                      */
+  /* -------------------------------------------------------------------------- */
 
-/* Keep the overlay in the DOM so we can transition opacity/transform.
+  /* Keep the overlay in the DOM so we can transition opacity/transform.
    JS toggles \`aria-hidden\` + \`inert\` (via enhancer), and CSS uses pointer-events
    to prevent interaction while closed. */
-.nav-mobile-overlay {
-  pointer-events: none;
-  /* Prevent transformed children (panel) from creating viewport scrollbars
+  .nav-mobile-overlay {
+    pointer-events: none;
+    /* Prevent transformed children (panel) from creating viewport scrollbars
      during enter/exit transitions. */
-  overflow: hidden;
-}
-
-.nav-mobile-overlay[aria-hidden="false"] {
-  pointer-events: auto;
-}
+    overflow: hidden;
+  }
 
-.nav-mobile-overlay .nav-mobile-backdrop {
-  opacity: 0;
-  transition: opacity var(--motion-duration, 180ms) var(--motion-ease, cubic-bezier(.2,.8,.2,1));
-}
+  .nav-mobile-overlay[aria-hidden='false'] {
+    pointer-events: auto;
+  }
 
-.nav-mobile-overlay[aria-hidden="false"] .nav-mobile-backdrop {
-  opacity: 1;
-}
+  .nav-mobile-overlay .nav-mobile-backdrop {
+    opacity: 0;
+    transition: opacity var(--motion-duration, 180ms)
+      var(--motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1));
+  }
 
-.nav-mobile-overlay .nav-mobile-panel {
-  opacity: 0;
-  transform: translate3d(12px, 0, 0);
-  overflow-x: hidden;
-  transition:
-    opacity var(--motion-duration, 180ms) var(--motion-ease, cubic-bezier(.2,.8,.2,1)),
-    transform var(--motion-duration, 180ms) var(--motion-ease, cubic-bezier(.2,.8,.2,1));
-  will-change: opacity, transform;
-}
+  .nav-mobile-overlay[aria-hidden='false'] .nav-mobile-backdrop {
+    opacity: 1;
+  }
 
-.nav-mobile-overlay[aria-hidden="false"] .nav-mobile-panel {
-  opacity: 1;
-  transform: translate3d(0, 0, 0);
-}
+  .nav-mobile-overlay .nav-mobile-panel {
+    opacity: 0;
+    transform: translate3d(12px, 0, 0);
+    overflow-x: hidden;
+    transition:
+      opacity var(--motion-duration, 180ms)
+        var(--motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1)),
+      transform var(--motion-duration, 180ms)
+        var(--motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1));
+    will-change: opacity, transform;
+  }
 
-/* -------------------------------------------------------------------------- */
-/* Header: Mobile toggle hamburger -> X                                       */
-/* -------------------------------------------------------------------------- */
+  .nav-mobile-overlay[aria-hidden='false'] .nav-mobile-panel {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
 
-.nav-mobile-toggle .nav-mobile-bar {
-  transform-origin: center;
-  transition:
-    transform var(--motion-duration, 180ms) var(--motion-ease, cubic-bezier(.2,.8,.2,1)),
-    opacity var(--motion-duration, 180ms) var(--motion-ease, cubic-bezier(.2,.8,.2,1));
-  will-change: transform, opacity;
-}
+  /* -------------------------------------------------------------------------- */
+  /* Header: Mobile toggle hamburger -> X                                       */
+  /* -------------------------------------------------------------------------- */
 
-.nav-mobile-toggle[aria-expanded="true"] .nav-mobile-bar-top {
-  transform: translateY(6px) rotate(45deg);
-}
+  .nav-mobile-toggle .nav-mobile-bar {
+    transform-origin: center;
+    transition:
+      transform var(--motion-duration, 180ms)
+        var(--motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1)),
+      opacity var(--motion-duration, 180ms)
+        var(--motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1));
+    will-change: transform, opacity;
+  }
 
-.nav-mobile-toggle[aria-expanded="true"] .nav-mobile-bar-middle {
-  opacity: 0;
-}
+  .nav-mobile-toggle[aria-expanded='true'] .nav-mobile-bar-top {
+    transform: translateY(6px) rotate(45deg);
+  }
 
-.nav-mobile-toggle[aria-expanded="true"] .nav-mobile-bar-bottom {
-  transform: translateY(-6px) rotate(-45deg);
-}
+  .nav-mobile-toggle[aria-expanded='true'] .nav-mobile-bar-middle {
+    opacity: 0;
+  }
 
-@media (prefers-reduced-motion: reduce) {
-  .nav-mobile-overlay .nav-mobile-backdrop,
-  .nav-mobile-overlay .nav-mobile-panel {
-    transition: none;
-    transform: none;
+  .nav-mobile-toggle[aria-expanded='true'] .nav-mobile-bar-bottom {
+    transform: translateY(-6px) rotate(-45deg);
   }
 
-  .nav-mobile-toggle .nav-mobile-bar {
-    transition: none;
+  @media (prefers-reduced-motion: reduce) {
+    .nav-mobile-overlay .nav-mobile-backdrop,
+    .nav-mobile-overlay .nav-mobile-panel {
+      transition: none;
+      transform: none;
+    }
+
+    .nav-mobile-toggle .nav-mobile-bar {
+      transition: none;
+    }
   }
-}
 
-/*
+  /*
  * Theme Scope Styles
  *
  * IMPORTANT: All :where(.theme-scope) selectors are wrapped in :where() to give them
@@ -41679,790 +41944,838 @@ var containerResponsiveThemeCss = `/*
  * Example: \`h4 { color: white; }\` will override \`:where(:where(.theme-scope)) h4\`
  */
 
-:where(:where(.theme-scope)) {
-  font-family: var(--font-body);
-  letter-spacing: var(--ls-body);
-  line-height: var(--lh-body);
-  font-weight: var(--font-weight-body);
-
-  & h1,
-  & h2,
-  & h3,
-  & h4,
-  & h5,
-  & h6 {
-    font-family: var(--font-heading);
-    /* Color is set by generateTypographyCss.ts with full cascade:
+  :where(:where(.theme-scope)) {
+    font-family: var(--font-body);
+    letter-spacing: var(--ls-body);
+    line-height: var(--lh-body);
+    font-weight: var(--font-weight-body);
+
+    & h1,
+    & h2,
+    & h3,
+    & h4,
+    & h5,
+    & 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 */
-    font-weight: var(--font-weight-heading);
-    text-transform: var(--tt-heading);
-    font-variant-caps: var(--fv-heading);
+      font-weight: var(--font-weight-heading);
+      text-transform: var(--tt-heading);
+      font-variant-caps: var(--fv-heading);
+    }
   }
-}
 
-/* Heading typographic overrides (fallback to defaults when not provided) */
-:where(:where(.theme-scope)) h1 {
-  letter-spacing: var(--ls-h1, var(--ls-heading));
-  line-height: var(--lh-h1, var(--lh-heading));
-  font-weight: var(--fw-h1, var(--font-weight-heading));
-}
-:where(:where(.theme-scope)) h2 {
-  letter-spacing: var(--ls-h2, var(--ls-heading));
-  line-height: var(--lh-h2, var(--lh-heading));
-  font-weight: var(--fw-h2, var(--font-weight-heading));
-}
-:where(:where(.theme-scope)) h3 {
-  letter-spacing: var(--ls-h3, var(--ls-heading));
-  line-height: var(--lh-h3, var(--lh-heading));
-  font-weight: var(--fw-h3, var(--font-weight-heading));
-}
-:where(:where(.theme-scope)) h4,
-:where(:where(.theme-scope)) h5,
-:where(:where(.theme-scope)) h6 {
-  letter-spacing: var(--ls-heading);
-  line-height: var(--lh-heading);
-}
-:where(:where(.theme-scope)) h4 {
-  font-weight: var(--fw-h4, var(--font-weight-heading));
-}
-:where(:where(.theme-scope)) h5 {
-  font-weight: var(--fw-h5, var(--font-weight-heading));
-}
-:where(:where(.theme-scope)) h6 {
-  font-weight: var(--fw-h6, var(--font-weight-heading));
-}
+  /* Heading typographic overrides (fallback to defaults when not provided) */
+  :where(:where(.theme-scope)) h1 {
+    letter-spacing: var(--ls-h1, var(--ls-heading));
+    line-height: var(--lh-h1, var(--lh-heading));
+    font-weight: var(--fw-h1, var(--font-weight-heading));
+  }
+  :where(:where(.theme-scope)) h2 {
+    letter-spacing: var(--ls-h2, var(--ls-heading));
+    line-height: var(--lh-h2, var(--lh-heading));
+    font-weight: var(--fw-h2, var(--font-weight-heading));
+  }
+  :where(:where(.theme-scope)) h3 {
+    letter-spacing: var(--ls-h3, var(--ls-heading));
+    line-height: var(--lh-h3, var(--lh-heading));
+    font-weight: var(--fw-h3, var(--font-weight-heading));
+  }
+  :where(:where(.theme-scope)) h4,
+  :where(:where(.theme-scope)) h5,
+  :where(:where(.theme-scope)) h6 {
+    letter-spacing: var(--ls-heading);
+    line-height: var(--lh-heading);
+  }
+  :where(:where(.theme-scope)) h4 {
+    font-weight: var(--fw-h4, var(--font-weight-heading));
+  }
+  :where(:where(.theme-scope)) h5 {
+    font-weight: var(--fw-h5, var(--font-weight-heading));
+  }
+  :where(:where(.theme-scope)) h6 {
+    font-weight: var(--fw-h6, var(--font-weight-heading));
+  }
 
-/* Rich text element spacing based on theme rhythm */
-:where(.theme-scope) .rb-prose h1 {
-  margin-top: calc(var(--rt-space-y) * 1.6);
-  margin-bottom: calc(var(--rt-space-y) * 0.8);
-}
-:where(.theme-scope) .rb-prose h2 {
-  margin-top: calc(var(--rt-space-y) * 1.4);
-  margin-bottom: calc(var(--rt-space-y) * 0.7);
-}
-:where(.theme-scope) .rb-prose h3 {
-  margin-top: calc(var(--rt-space-y) * 1.2);
-  margin-bottom: calc(var(--rt-space-y) * 0.6);
-}
-:where(.theme-scope) .rb-prose h4 {
-  margin-top: calc(var(--rt-space-y) * 1);
-  margin-bottom: calc(var(--rt-space-y) * 0.5);
-}
-:where(.theme-scope) .rb-prose h5 {
-  margin-top: calc(var(--rt-space-y) * 0.9);
-  margin-bottom: calc(var(--rt-space-y) * 0.45);
-}
-:where(.theme-scope) .rb-prose h6 {
-  margin-top: calc(var(--rt-space-y) * 0.8);
-  margin-bottom: calc(var(--rt-space-y) * 0.4);
-}
-:where(.theme-scope) .rb-prose p {
-  margin: var(--rt-space-y) 0;
-}
-:where(.theme-scope) .rb-prose img {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  margin: calc(var(--rt-space-y) * 1) 0;
-}
-:where(.theme-scope) .rb-prose ul,
-:where(.theme-scope) .rb-prose ol {
-  margin: var(--rt-space-y) 0;
-  padding-left: 1.25rem;
-}
-:where(.theme-scope) .rb-prose ul {
-  list-style-type: disc;
-}
-:where(.theme-scope) .rb-prose ol {
-  list-style-type: decimal;
-}
-:where(.theme-scope) .rb-prose ul ul {
-  list-style-type: circle;
-}
-:where(.theme-scope) .rb-prose ul ul ul {
-  list-style-type: square;
-}
-:where(.theme-scope) .rb-prose ol ol {
-  list-style-type: lower-alpha;
-}
-:where(.theme-scope) .rb-prose ol ol ol {
-  list-style-type: lower-roman;
-}
-:where(.theme-scope) .rb-prose blockquote {
-  margin: calc(var(--rt-space-y) * 1) 0;
-  padding-left: 1rem;
-  border-left: 3px solid rgb(var(--tb-border));
-}
-:where(.theme-scope) .rb-prose > :first-child {
-  margin-top: 0;
-}
-:where(.theme-scope) .rb-prose > :last-child {
-  margin-bottom: 0;
-}
+  /* Rich text element spacing based on theme rhythm */
+  :where(.theme-scope) .rb-prose h1 {
+    margin-top: calc(var(--rt-space-y) * 1.6);
+    margin-bottom: calc(var(--rt-space-y) * 0.8);
+  }
+  :where(.theme-scope) .rb-prose h2 {
+    margin-top: calc(var(--rt-space-y) * 1.4);
+    margin-bottom: calc(var(--rt-space-y) * 0.7);
+  }
+  :where(.theme-scope) .rb-prose h3 {
+    margin-top: calc(var(--rt-space-y) * 1.2);
+    margin-bottom: calc(var(--rt-space-y) * 0.6);
+  }
+  :where(.theme-scope) .rb-prose h4 {
+    margin-top: calc(var(--rt-space-y) * 1);
+    margin-bottom: calc(var(--rt-space-y) * 0.5);
+  }
+  :where(.theme-scope) .rb-prose h5 {
+    margin-top: calc(var(--rt-space-y) * 0.9);
+    margin-bottom: calc(var(--rt-space-y) * 0.45);
+  }
+  :where(.theme-scope) .rb-prose h6 {
+    margin-top: calc(var(--rt-space-y) * 0.8);
+    margin-bottom: calc(var(--rt-space-y) * 0.4);
+  }
+  :where(.theme-scope) .rb-prose p {
+    margin: var(--rt-space-y) 0;
+  }
+  :where(.theme-scope) .rb-prose img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    margin: calc(var(--rt-space-y) * 1) 0;
+  }
+  :where(.theme-scope) .rb-prose ul,
+  :where(.theme-scope) .rb-prose ol {
+    margin: var(--rt-space-y) 0;
+    padding-left: 1.25rem;
+  }
+  :where(.theme-scope) .rb-prose ul {
+    list-style-type: disc;
+  }
+  :where(.theme-scope) .rb-prose ol {
+    list-style-type: decimal;
+  }
+  :where(.theme-scope) .rb-prose ul ul {
+    list-style-type: circle;
+  }
+  :where(.theme-scope) .rb-prose ul ul ul {
+    list-style-type: square;
+  }
+  :where(.theme-scope) .rb-prose ol ol {
+    list-style-type: lower-alpha;
+  }
+  :where(.theme-scope) .rb-prose ol ol ol {
+    list-style-type: lower-roman;
+  }
+  :where(.theme-scope) .rb-prose blockquote {
+    margin: calc(var(--rt-space-y) * 1) 0;
+    padding-left: 1rem;
+    border-left: 3px solid rgb(var(--tb-border));
+  }
+  :where(.theme-scope) .rb-prose > :first-child {
+    margin-top: 0;
+  }
+  :where(.theme-scope) .rb-prose > :last-child {
+    margin-bottom: 0;
+  }
 
-/* Prose color overrides - use theme CSS variables instead of hardcoded colors
+  /* Prose color overrides - use theme CSS variables instead of hardcoded colors
  * This makes prose elements automatically adapt to light/dark themes */
-:where(.theme-scope) .rb-prose {
-  /* Body text inherits from parent, which should already have theme color */
-  color: inherit;
-}
+  :where(.theme-scope) .rb-prose {
+    /* Body text inherits from parent, which should already have theme color */
+    color: inherit;
+  }
 
-/* Prose size variants (theme-aware, CSS-only) */
-:where(.theme-scope) {
-  /* Body scale + rhythm come from the active theme runtime (ThemeScope) */
-  --rb-prose-sm-font-size: calc(var(--fs-body, 16px) * 0.875);
-  --rb-prose-sm-line-height: calc(var(--lh-body, 1.65) - 0.05);
+  /* Prose size variants (theme-aware, CSS-only) */
+  :where(.theme-scope) {
+    /* Body scale + rhythm come from the active theme runtime (ThemeScope) */
+    --rb-prose-sm-font-size: calc(var(--fs-body, 16px) * 0.875);
+    --rb-prose-sm-line-height: calc(var(--lh-body, 1.65) - 0.05);
 
-  --rb-prose-lg-font-size: calc(var(--fs-body, 16px) * 1.125);
-  --rb-prose-lg-line-height: calc(var(--lh-body, 1.65) + 0.1);
+    --rb-prose-lg-font-size: calc(var(--fs-body, 16px) * 1.125);
+    --rb-prose-lg-line-height: calc(var(--lh-body, 1.65) + 0.1);
 
-  /* Applied at >= 640px; below that, rb-prose-lg is typically used */
-  --rb-prose-xl-sm-font-size: calc(var(--fs-body, 16px) * 1.25);
-  --rb-prose-xl-sm-line-height: calc(var(--lh-body, 1.65) + 0.15);
-}
+    /* Applied at >= 640px; below that, rb-prose-lg is typically used */
+    --rb-prose-xl-sm-font-size: calc(var(--fs-body, 16px) * 1.25);
+    --rb-prose-xl-sm-line-height: calc(var(--lh-body, 1.65) + 0.15);
+  }
 
-:where(.theme-scope) .rb-prose-sm {
-  font-size: var(--rb-prose-sm-font-size);
-  line-height: var(--rb-prose-sm-line-height);
-}
-:where(.theme-scope) .rb-prose-lg {
-  font-size: var(--rb-prose-lg-font-size);
-  line-height: var(--rb-prose-lg-line-height);
-}
-@container rb-site (min-width: 640px) {
+  :where(.theme-scope) .rb-prose-sm {
+    font-size: var(--rb-prose-sm-font-size);
+    line-height: var(--rb-prose-sm-line-height);
+  }
+  :where(.theme-scope) .rb-prose-lg {
+    font-size: var(--rb-prose-lg-font-size);
+    line-height: var(--rb-prose-lg-line-height);
+  }
+  @container rb-site (min-width: 640px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
 :where(.theme-scope) .rb-prose-xl-sm {
-    font-size: var(--rb-prose-xl-sm-font-size);
-    line-height: var(--rb-prose-xl-sm-line-height);
-  }
+      font-size: var(--rb-prose-xl-sm-font-size);
+      line-height: var(--rb-prose-xl-sm-line-height);
+    }
 }
 }
 
-/* Neutral prose uses theme text color by default */
-:where(.theme-scope) .rb-prose-neutral {
-  color: rgb(var(--tb-text));
-}
+  /* Neutral prose uses theme text color by default */
+  :where(.theme-scope) .rb-prose-neutral {
+    color: rgb(var(--tb-text));
+  }
 
-:where(.theme-scope) .rb-prose p,
-:where(.theme-scope) .rb-prose li {
-  /* Body text uses inherited color (set by fragment via textColorStyle) */
-  color: inherit;
-}
+  :where(.theme-scope) .rb-prose p,
+  :where(.theme-scope) .rb-prose li {
+    /* Body text uses inherited color (set by fragment via textColorStyle) */
+    color: inherit;
+  }
 
-:where(.theme-scope) .rb-prose h1,
-:where(.theme-scope) .rb-prose h2,
-:where(.theme-scope) .rb-prose h3,
-:where(.theme-scope) .rb-prose h4,
-:where(.theme-scope) .rb-prose h5,
-:where(.theme-scope) .rb-prose h6 {
-  /* Headings inherit from parent or use theme text color */
-  color: inherit;
-}
+  :where(.theme-scope) .rb-prose h1,
+  :where(.theme-scope) .rb-prose h2,
+  :where(.theme-scope) .rb-prose h3,
+  :where(.theme-scope) .rb-prose h4,
+  :where(.theme-scope) .rb-prose h5,
+  :where(.theme-scope) .rb-prose h6 {
+    /* Headings inherit from parent or use theme text color */
+    color: inherit;
+  }
 
-:where(.theme-scope) .rb-prose strong,
-:where(.theme-scope) .rb-prose b {
-  /* Bold text inherits color but increases weight */
-  color: inherit;
-  font-weight: 600;
-}
+  :where(.theme-scope) .rb-prose strong,
+  :where(.theme-scope) .rb-prose b {
+    /* Bold text inherits color but increases weight */
+    color: inherit;
+    font-weight: 600;
+  }
 
-:where(.theme-scope) .rb-prose em,
-:where(.theme-scope) .rb-prose i {
-  /* Italic text inherits color */
-  color: inherit;
-}
+  :where(.theme-scope) .rb-prose em,
+  :where(.theme-scope) .rb-prose i {
+    /* Italic text inherits color */
+    color: inherit;
+  }
 
-:where(.theme-scope) .rb-prose a {
-  /* Global prose link style with theme-level overrides */
-  color: var(--rb-prose-link-color, rgb(var(--tb-primary)));
-  text-decoration-line: var(--rb-prose-link-decoration-line, underline);
-  text-decoration-style: var(--rb-prose-link-underline-style, solid);
-  text-decoration-thickness: var(--rb-prose-link-underline-thickness, from-font);
-  text-underline-offset: var(--rb-prose-link-underline-offset, 0.14em);
-  text-decoration-color: var(--rb-prose-link-decoration-color, rgba(var(--tb-primary), 0.3));
-  transition:
-    color 150ms ease,
-    text-decoration-color 150ms ease;
-}
+  :where(.theme-scope) .rb-prose a {
+    /* Global prose link style with theme-level overrides */
+    color: var(--rb-prose-link-color, rgb(var(--tb-primary)));
+    text-decoration-line: var(--rb-prose-link-decoration-line, underline);
+    text-decoration-style: var(--rb-prose-link-underline-style, solid);
+    text-decoration-thickness: var(
+      --rb-prose-link-underline-thickness,
+      from-font
+    );
+    text-underline-offset: var(--rb-prose-link-underline-offset, 0.14em);
+    text-decoration-color: var(
+      --rb-prose-link-decoration-color,
+      rgba(var(--tb-primary), 0.3)
+    );
+    transition:
+      color 150ms ease,
+      text-decoration-color 150ms ease;
+  }
 
-:where(.theme-scope) .rb-prose a:hover {
-  color: var(--rb-prose-link-hover-color, var(--rb-prose-link-color, rgb(var(--tb-primary))));
-  text-decoration-color: var(
-    --rb-prose-link-hover-decoration-color,
-    var(--rb-prose-link-hover-color, var(--rb-prose-link-color, rgb(var(--tb-primary))))
-  );
-}
+  :where(.theme-scope) .rb-prose a:hover {
+    color: var(
+      --rb-prose-link-hover-color,
+      var(--rb-prose-link-color, rgb(var(--tb-primary)))
+    );
+    text-decoration-color: var(
+      --rb-prose-link-hover-decoration-color,
+      var(
+        --rb-prose-link-hover-color,
+        var(--rb-prose-link-color, rgb(var(--tb-primary)))
+      )
+    );
+  }
 
-:where(.theme-scope) .rb-prose blockquote {
-  /* Blockquotes use muted text color */
-  color: rgb(var(--tb-mutedText));
-  border-left-color: rgb(var(--tb-border));
-}
+  :where(.theme-scope) .rb-prose blockquote {
+    /* Blockquotes use muted text color */
+    color: rgb(var(--tb-mutedText));
+    border-left-color: rgb(var(--tb-border));
+  }
 
-:where(.theme-scope) .fragment-quote-body blockquote {
-  /* Quote fragment should not get the generic prose blockquote left border/indent. */
-  border-left: 0;
-  padding-left: 0;
-}
+  :where(.theme-scope) .fragment-quote-body blockquote {
+    /* Quote fragment should not get the generic prose blockquote left border/indent. */
+    border-left: 0;
+    padding-left: 0;
+  }
 
-:where(.theme-scope) .rb-columns-equal-height {
-  /* Needed so we can use container query units (\`cqw\`) for width-based tile sizing. */
-  container-type: inline-size;
+  :where(.theme-scope) .rb-columns-equal-height {
+    /* Needed so we can use container query units (\`cqw\`) for width-based tile sizing. */
+    container-type: inline-size;
 
-  --rb-columns-cols: var(--rb-columns-cols-mobile, 1);
-  --rb-columns-gap: var(--rb-semantic-gap, 0px);
-  --rb-columns-tile-ar: var(--rb-columns-tile-ar, 1);
+    --rb-columns-cols: var(--rb-columns-cols-mobile, 1);
+    --rb-columns-gap: var(--rb-semantic-gap, 0px);
+    --rb-columns-tile-ar: var(--rb-columns-tile-ar, 1);
 
-  --rb-columns-tile-w: calc(
-    (100cqw - (var(--rb-columns-cols) - 1) * var(--rb-columns-gap)) / var(--rb-columns-cols)
-  );
-  --rb-columns-tile-h: calc(var(--rb-columns-tile-w) * var(--rb-columns-tile-ar));
-}
+    --rb-columns-tile-w: calc(
+      (100cqw - (var(--rb-columns-cols) - 1) * var(--rb-columns-gap)) /
+        var(--rb-columns-cols)
+    );
+    --rb-columns-tile-h: calc(
+      var(--rb-columns-tile-w) * var(--rb-columns-tile-ar)
+    );
+  }
 
-@container rb-site (min-width: 768px) {
+  @container rb-site (min-width: 768px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
 :where(.theme-scope) .rb-columns-equal-height {
-    --rb-columns-cols: var(--rb-columns-cols-md, var(--rb-columns-cols));
-  }
+      --rb-columns-cols: var(--rb-columns-cols-md, var(--rb-columns-cols));
+    }
 }
 }
 
-@container rb-site (min-width: 1024px) {
+  @container rb-site (min-width: 1024px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
 :where(.theme-scope) .rb-columns-equal-height {
-    --rb-columns-cols: var(--rb-columns-cols-lg, var(--rb-columns-cols));
-  }
+      --rb-columns-cols: var(--rb-columns-cols-lg, var(--rb-columns-cols));
+    }
 }
 }
 
-@container rb-site (min-width: 1280px) {
+  @container rb-site (min-width: 1280px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
 :where(.theme-scope) .rb-columns-equal-height {
-    --rb-columns-cols: var(--rb-columns-cols-xl, var(--rb-columns-cols));
-  }
+      --rb-columns-cols: var(--rb-columns-cols-xl, var(--rb-columns-cols));
+    }
 }
 }
 
-:where(.theme-scope) .rb-columns-equal-height > * {
-  height: var(--rb-columns-tile-h);
-}
+  :where(.theme-scope) .rb-columns-equal-height > * {
+    height: var(--rb-columns-tile-h);
+  }
 
-:where(.theme-scope) .rb-columns-equal-height > .rb-h-full {
-  /*
+  :where(.theme-scope) .rb-columns-equal-height > .rb-h-full {
+    /*
     Grid items commonly include \`rb-h-full\` (height: 100%) to stretch within
     their row. In equal-height mode we instead want a fixed tile height so the
     spanning editorial tile doesn't become taller due to its larger width +
     aspect-ratio.
   */
-  height: var(--rb-columns-tile-h);
-  min-height: var(--rb-columns-tile-h);
-  max-height: var(--rb-columns-tile-h);
-}
+    height: var(--rb-columns-tile-h);
+    min-height: var(--rb-columns-tile-h);
+    max-height: var(--rb-columns-tile-h);
+  }
 
-:where(.theme-scope) .rb-columns-equal-height .fragment-image-frame {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
+  :where(.theme-scope) .rb-columns-equal-height .fragment-image-frame {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
 
-:where(.theme-scope) .rb-columns-equal-height .fragment-image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
+  :where(.theme-scope) .rb-columns-equal-height .fragment-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
 
-:where(.theme-scope) .rb-prose code {
-  /* Inline code uses text color with surface background */
-  color: inherit;
-  background-color: rgba(var(--tb-surface), 0.5);
-  padding: 0.125rem 0.25rem;
-  border-radius: 0.25rem;
-  font-size: 0.875em;
-}
+  :where(.theme-scope) .rb-prose code {
+    /* Inline code uses text color with surface background */
+    color: inherit;
+    background-color: rgba(var(--tb-surface), 0.5);
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+    font-size: 0.875em;
+  }
 
-:where(.theme-scope) .rb-prose pre {
-  /* Code blocks */
-  background-color: rgb(var(--tb-surface));
-  color: rgb(var(--tb-text));
-  border: 1px solid rgb(var(--tb-border));
-  border-radius: 0.5rem;
-  padding: 1rem;
-  overflow-x: auto;
-}
+  :where(.theme-scope) .rb-prose pre {
+    /* Code blocks */
+    background-color: rgb(var(--tb-surface));
+    color: rgb(var(--tb-text));
+    border: 1px solid rgb(var(--tb-border));
+    border-radius: 0.5rem;
+    padding: 1rem;
+    overflow-x: auto;
+  }
 
-:where(.theme-scope) .rb-prose pre code {
-  /* Code inside pre blocks */
-  background-color: transparent;
-  padding: 0;
-  color: inherit;
-}
+  :where(.theme-scope) .rb-prose pre code {
+    /* Code inside pre blocks */
+    background-color: transparent;
+    padding: 0;
+    color: inherit;
+  }
 
-:where(.theme-scope) .rb-prose hr {
-  /* Horizontal rules */
-  border-color: rgb(var(--tb-border));
-}
+  :where(.theme-scope) .rb-prose hr {
+    /* Horizontal rules */
+    border-color: rgb(var(--tb-border));
+  }
 
-:where(.theme-scope) .rb-prose ul > li::marker,
-:where(.theme-scope) .rb-prose ol > li::marker {
-  /* List markers use muted text color */
-  color: rgb(var(--tb-mutedText));
-}
+  :where(.theme-scope) .rb-prose ul > li::marker,
+  :where(.theme-scope) .rb-prose ol > li::marker {
+    /* List markers use muted text color */
+    color: rgb(var(--tb-mutedText));
+  }
 
-/*
+  /*
 /* Density helpers */
-:where(.theme-scope) .section-pad {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-:where(.theme-scope)[data-density="airy"] .section-pad {
-  padding-top: 4.5rem;
-  padding-bottom: 4.5rem;
-}
-:where(.theme-scope)[data-density="compact"] .section-pad {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-:where(.theme-scope) .rounded-control {
-  border-radius: var(--radius-control);
-}
-:where(.theme-scope) .rounded-card {
-  border-radius: var(--radius-card);
-}
+  :where(.theme-scope) .section-pad {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+  :where(.theme-scope)[data-density='airy'] .section-pad {
+    padding-top: 4.5rem;
+    padding-bottom: 4.5rem;
+  }
+  :where(.theme-scope)[data-density='compact'] .section-pad {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
 
-:where(.theme-scope) .shadow-elev {
-  box-shadow: var(--shadow-elev);
-}
+  :where(.theme-scope) .rounded-control {
+    border-radius: var(--radius-control);
+  }
+  :where(.theme-scope) .rounded-card {
+    border-radius: var(--radius-card);
+  }
 
-:where(.theme-scope) .font-heading {
-  font-family: var(--font-heading);
-}
-:where(.theme-scope) .font-body {
-  font-family: var(--font-body);
-}
+  :where(.theme-scope) .shadow-elev {
+    box-shadow: var(--shadow-elev);
+  }
 
-:where(.theme-scope) .text-h1 {
-  font-size: var(--fs-h1);
-  line-height: 1.1;
-}
-:where(.theme-scope) .text-h2 {
-  font-size: var(--fs-h2);
-  line-height: 1.15;
-}
-:where(.theme-scope) .text-h3 {
-  font-size: var(--fs-h3);
-  line-height: 1.2;
-}
-:where(.theme-scope) .text-body-size {
-  font-size: var(--fs-body);
-}
+  :where(.theme-scope) .font-heading {
+    font-family: var(--font-heading);
+  }
+  :where(.theme-scope) .font-body {
+    font-family: var(--font-body);
+  }
 
-:where(.theme-scope) .transition-theme {
-  transition: all var(--motion-duration) var(--motion-ease);
-}
-:where(.theme-scope) .transition-theme-standard {
-  transition: all var(--motion-duration) var(--motion-ease);
-}
-:where(.theme-scope) .transition-theme-subtle {
-  transition: all calc(var(--motion-duration) * 0.75) var(--motion-ease);
-}
-:where(.theme-scope) .transition-theme-expressive {
-  transition: all calc(var(--motion-duration) * 1.35) var(--motion-ease);
-}
+  :where(.theme-scope) .text-h1 {
+    font-size: var(--fs-h1);
+    line-height: 1.1;
+  }
+  :where(.theme-scope) .text-h2 {
+    font-size: var(--fs-h2);
+    line-height: 1.15;
+  }
+  :where(.theme-scope) .text-h3 {
+    font-size: var(--fs-h3);
+    line-height: 1.2;
+  }
+  :where(.theme-scope) .text-body-size {
+    font-size: var(--fs-body);
+  }
 
-/* Shade tokens (50..950) for primary */
-:where(.theme-scope) .from-primary-50 {
-  --rb-gradient-from: rgb(var(--tb-primary-50)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-50)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-50 {
-  --rb-gradient-to: rgb(var(--tb-primary-50)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-100 {
-  --rb-gradient-from: rgb(var(--tb-primary-100))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-100)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-100 {
-  --rb-gradient-to: rgb(var(--tb-primary-100)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-200 {
-  --rb-gradient-from: rgb(var(--tb-primary-200))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-200)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-200 {
-  --rb-gradient-to: rgb(var(--tb-primary-200)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-300 {
-  --rb-gradient-from: rgb(var(--tb-primary-300))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-300)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-300 {
-  --rb-gradient-to: rgb(var(--tb-primary-300)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-400 {
-  --rb-gradient-from: rgb(var(--tb-primary-400))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-400)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-400 {
-  --rb-gradient-to: rgb(var(--tb-primary-400)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-500 {
-  --rb-gradient-from: rgb(var(--tb-primary-500))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-500)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-500 {
-  --rb-gradient-to: rgb(var(--tb-primary-500)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-600 {
-  --rb-gradient-from: rgb(var(--tb-primary-600))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-600)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-600 {
-  --rb-gradient-to: rgb(var(--tb-primary-600)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-700 {
-  --rb-gradient-from: rgb(var(--tb-primary-700))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-700)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-700 {
-  --rb-gradient-to: rgb(var(--tb-primary-700)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-800 {
-  --rb-gradient-from: rgb(var(--tb-primary-800))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-800)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-800 {
-  --rb-gradient-to: rgb(var(--tb-primary-800)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-900 {
-  --rb-gradient-from: rgb(var(--tb-primary-900))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-900)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-900 {
-  --rb-gradient-to: rgb(var(--tb-primary-900)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-primary-950 {
-  --rb-gradient-from: rgb(var(--tb-primary-950))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-primary-950)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-primary-950 {
-  --rb-gradient-to: rgb(var(--tb-primary-950)) var(--rb-gradient-to-position);
-}
-
-/* Shade tokens (50..950) for secondary */
-:where(.theme-scope) .from-secondary-50 {
-  --rb-gradient-from: rgb(var(--tb-secondary-50))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-50)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-50 {
-  --rb-gradient-to: rgb(var(--tb-secondary-50)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-100 {
-  --rb-gradient-from: rgb(var(--tb-secondary-100))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-100)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-100 {
-  --rb-gradient-to: rgb(var(--tb-secondary-100)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-200 {
-  --rb-gradient-from: rgb(var(--tb-secondary-200))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-200)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-200 {
-  --rb-gradient-to: rgb(var(--tb-secondary-200)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-300 {
-  --rb-gradient-from: rgb(var(--tb-secondary-300))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-300)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-300 {
-  --rb-gradient-to: rgb(var(--tb-secondary-300)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-400 {
-  --rb-gradient-from: rgb(var(--tb-secondary-400))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-400)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-400 {
-  --rb-gradient-to: rgb(var(--tb-secondary-400)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-500 {
-  --rb-gradient-from: rgb(var(--tb-secondary-500))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-500)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-500 {
-  --rb-gradient-to: rgb(var(--tb-secondary-500)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-600 {
-  --rb-gradient-from: rgb(var(--tb-secondary-600))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-600)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-600 {
-  --rb-gradient-to: rgb(var(--tb-secondary-600)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-700 {
-  --rb-gradient-from: rgb(var(--tb-secondary-700))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-700)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-700 {
-  --rb-gradient-to: rgb(var(--tb-secondary-700)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-800 {
-  --rb-gradient-from: rgb(var(--tb-secondary-800))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-800)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-800 {
-  --rb-gradient-to: rgb(var(--tb-secondary-800)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-900 {
-  --rb-gradient-from: rgb(var(--tb-secondary-900))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-900)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-900 {
-  --rb-gradient-to: rgb(var(--tb-secondary-900)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-secondary-950 {
-  --rb-gradient-from: rgb(var(--tb-secondary-950))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-secondary-950)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-secondary-950 {
-  --rb-gradient-to: rgb(var(--tb-secondary-950)) var(--rb-gradient-to-position);
-}
-
-/* Shade tokens (50..950) for accent */
-:where(.theme-scope) .from-accent-50 {
-  --rb-gradient-from: rgb(var(--tb-accent-50)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-50)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-50 {
-  --rb-gradient-to: rgb(var(--tb-accent-50)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-100 {
-  --rb-gradient-from: rgb(var(--tb-accent-100)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-100)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-100 {
-  --rb-gradient-to: rgb(var(--tb-accent-100)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-200 {
-  --rb-gradient-from: rgb(var(--tb-accent-200)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-200)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-200 {
-  --rb-gradient-to: rgb(var(--tb-accent-200)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-300 {
-  --rb-gradient-from: rgb(var(--tb-accent-300)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-300)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-300 {
-  --rb-gradient-to: rgb(var(--tb-accent-300)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-400 {
-  --rb-gradient-from: rgb(var(--tb-accent-400)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-400)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-400 {
-  --rb-gradient-to: rgb(var(--tb-accent-400)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-500 {
-  --rb-gradient-from: rgb(var(--tb-accent-500)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-500)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-500 {
-  --rb-gradient-to: rgb(var(--tb-accent-500)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-600 {
-  --rb-gradient-from: rgb(var(--tb-accent-600)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-600)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-600 {
-  --rb-gradient-to: rgb(var(--tb-accent-600)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-700 {
-  --rb-gradient-from: rgb(var(--tb-accent-700)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-700)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-700 {
-  --rb-gradient-to: rgb(var(--tb-accent-700)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-800 {
-  --rb-gradient-from: rgb(var(--tb-accent-800)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-800)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-800 {
-  --rb-gradient-to: rgb(var(--tb-accent-800)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-900 {
-  --rb-gradient-from: rgb(var(--tb-accent-900)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-900)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-900 {
-  --rb-gradient-to: rgb(var(--tb-accent-900)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-accent-950 {
-  --rb-gradient-from: rgb(var(--tb-accent-950)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-accent-950)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-accent-950 {
-  --rb-gradient-to: rgb(var(--tb-accent-950)) var(--rb-gradient-to-position);
-}
+  :where(.theme-scope) .transition-theme {
+    transition: all var(--motion-duration) var(--motion-ease);
+  }
+  :where(.theme-scope) .transition-theme-standard {
+    transition: all var(--motion-duration) var(--motion-ease);
+  }
+  :where(.theme-scope) .transition-theme-subtle {
+    transition: all calc(var(--motion-duration) * 0.75) var(--motion-ease);
+  }
+  :where(.theme-scope) .transition-theme-expressive {
+    transition: all calc(var(--motion-duration) * 1.35) var(--motion-ease);
+  }
 
-/* Shade tokens (50..950) for neutral */
-:where(.theme-scope) .from-neutral-50 {
-  --rb-gradient-from: rgb(var(--tb-neutral-50)) var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-50)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-50 {
-  --rb-gradient-to: rgb(var(--tb-neutral-50)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-100 {
-  --rb-gradient-from: rgb(var(--tb-neutral-100))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-100)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-100 {
-  --rb-gradient-to: rgb(var(--tb-neutral-100)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-200 {
-  --rb-gradient-from: rgb(var(--tb-neutral-200))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-200)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-200 {
-  --rb-gradient-to: rgb(var(--tb-neutral-200)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-300 {
-  --rb-gradient-from: rgb(var(--tb-neutral-300))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-300)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-300 {
-  --rb-gradient-to: rgb(var(--tb-neutral-300)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-400 {
-  --rb-gradient-from: rgb(var(--tb-neutral-400))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-400)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-400 {
-  --rb-gradient-to: rgb(var(--tb-neutral-400)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-500 {
-  --rb-gradient-from: rgb(var(--tb-neutral-500))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-500)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-500 {
-  --rb-gradient-to: rgb(var(--tb-neutral-500)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-600 {
-  --rb-gradient-from: rgb(var(--tb-neutral-600))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-600)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-600 {
-  --rb-gradient-to: rgb(var(--tb-neutral-600)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-700 {
-  --rb-gradient-from: rgb(var(--tb-neutral-700))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-700)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-700 {
-  --rb-gradient-to: rgb(var(--tb-neutral-700)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-800 {
-  --rb-gradient-from: rgb(var(--tb-neutral-800))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-800)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-800 {
-  --rb-gradient-to: rgb(var(--tb-neutral-800)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-900 {
-  --rb-gradient-from: rgb(var(--tb-neutral-900))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-900)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-900 {
-  --rb-gradient-to: rgb(var(--tb-neutral-900)) var(--rb-gradient-to-position);
-}
-:where(.theme-scope) .from-neutral-950 {
-  --rb-gradient-from: rgb(var(--tb-neutral-950))
-    var(--rb-gradient-from-position);
-  --rb-gradient-to: rgb(var(--tb-neutral-950)) var(--rb-gradient-to-position);
-  --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
-}
-:where(.theme-scope) .to-neutral-950 {
-  --rb-gradient-to: rgb(var(--tb-neutral-950)) var(--rb-gradient-to-position);
-}
-
-/* =================================================================
+  /* Shade tokens (50..950) for primary */
+  :where(.theme-scope) .from-primary-50 {
+    --rb-gradient-from: rgb(var(--tb-primary-50))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-50)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-50 {
+    --rb-gradient-to: rgb(var(--tb-primary-50)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-100 {
+    --rb-gradient-from: rgb(var(--tb-primary-100))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-100)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-100 {
+    --rb-gradient-to: rgb(var(--tb-primary-100)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-200 {
+    --rb-gradient-from: rgb(var(--tb-primary-200))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-200)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-200 {
+    --rb-gradient-to: rgb(var(--tb-primary-200)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-300 {
+    --rb-gradient-from: rgb(var(--tb-primary-300))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-300)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-300 {
+    --rb-gradient-to: rgb(var(--tb-primary-300)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-400 {
+    --rb-gradient-from: rgb(var(--tb-primary-400))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-400)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-400 {
+    --rb-gradient-to: rgb(var(--tb-primary-400)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-500 {
+    --rb-gradient-from: rgb(var(--tb-primary-500))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-500)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-500 {
+    --rb-gradient-to: rgb(var(--tb-primary-500)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-600 {
+    --rb-gradient-from: rgb(var(--tb-primary-600))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-600)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-600 {
+    --rb-gradient-to: rgb(var(--tb-primary-600)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-700 {
+    --rb-gradient-from: rgb(var(--tb-primary-700))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-700)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-700 {
+    --rb-gradient-to: rgb(var(--tb-primary-700)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-800 {
+    --rb-gradient-from: rgb(var(--tb-primary-800))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-800)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-800 {
+    --rb-gradient-to: rgb(var(--tb-primary-800)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-900 {
+    --rb-gradient-from: rgb(var(--tb-primary-900))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-900)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-900 {
+    --rb-gradient-to: rgb(var(--tb-primary-900)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-primary-950 {
+    --rb-gradient-from: rgb(var(--tb-primary-950))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-primary-950)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-primary-950 {
+    --rb-gradient-to: rgb(var(--tb-primary-950)) var(--rb-gradient-to-position);
+  }
+
+  /* Shade tokens (50..950) for secondary */
+  :where(.theme-scope) .from-secondary-50 {
+    --rb-gradient-from: rgb(var(--tb-secondary-50))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-50)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-50 {
+    --rb-gradient-to: rgb(var(--tb-secondary-50)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-100 {
+    --rb-gradient-from: rgb(var(--tb-secondary-100))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-100))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-100 {
+    --rb-gradient-to: rgb(var(--tb-secondary-100))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-200 {
+    --rb-gradient-from: rgb(var(--tb-secondary-200))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-200))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-200 {
+    --rb-gradient-to: rgb(var(--tb-secondary-200))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-300 {
+    --rb-gradient-from: rgb(var(--tb-secondary-300))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-300))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-300 {
+    --rb-gradient-to: rgb(var(--tb-secondary-300))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-400 {
+    --rb-gradient-from: rgb(var(--tb-secondary-400))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-400))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-400 {
+    --rb-gradient-to: rgb(var(--tb-secondary-400))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-500 {
+    --rb-gradient-from: rgb(var(--tb-secondary-500))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-500))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-500 {
+    --rb-gradient-to: rgb(var(--tb-secondary-500))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-600 {
+    --rb-gradient-from: rgb(var(--tb-secondary-600))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-600))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-600 {
+    --rb-gradient-to: rgb(var(--tb-secondary-600))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-700 {
+    --rb-gradient-from: rgb(var(--tb-secondary-700))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-700))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-700 {
+    --rb-gradient-to: rgb(var(--tb-secondary-700))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-800 {
+    --rb-gradient-from: rgb(var(--tb-secondary-800))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-800))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-800 {
+    --rb-gradient-to: rgb(var(--tb-secondary-800))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-900 {
+    --rb-gradient-from: rgb(var(--tb-secondary-900))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-900))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-900 {
+    --rb-gradient-to: rgb(var(--tb-secondary-900))
+      var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-secondary-950 {
+    --rb-gradient-from: rgb(var(--tb-secondary-950))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-secondary-950))
+      var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-secondary-950 {
+    --rb-gradient-to: rgb(var(--tb-secondary-950))
+      var(--rb-gradient-to-position);
+  }
+
+  /* Shade tokens (50..950) for accent */
+  :where(.theme-scope) .from-accent-50 {
+    --rb-gradient-from: rgb(var(--tb-accent-50))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-50)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-50 {
+    --rb-gradient-to: rgb(var(--tb-accent-50)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-100 {
+    --rb-gradient-from: rgb(var(--tb-accent-100))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-100)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-100 {
+    --rb-gradient-to: rgb(var(--tb-accent-100)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-200 {
+    --rb-gradient-from: rgb(var(--tb-accent-200))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-200)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-200 {
+    --rb-gradient-to: rgb(var(--tb-accent-200)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-300 {
+    --rb-gradient-from: rgb(var(--tb-accent-300))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-300)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-300 {
+    --rb-gradient-to: rgb(var(--tb-accent-300)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-400 {
+    --rb-gradient-from: rgb(var(--tb-accent-400))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-400)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-400 {
+    --rb-gradient-to: rgb(var(--tb-accent-400)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-500 {
+    --rb-gradient-from: rgb(var(--tb-accent-500))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-500)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-500 {
+    --rb-gradient-to: rgb(var(--tb-accent-500)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-600 {
+    --rb-gradient-from: rgb(var(--tb-accent-600))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-600)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-600 {
+    --rb-gradient-to: rgb(var(--tb-accent-600)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-700 {
+    --rb-gradient-from: rgb(var(--tb-accent-700))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-700)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-700 {
+    --rb-gradient-to: rgb(var(--tb-accent-700)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-800 {
+    --rb-gradient-from: rgb(var(--tb-accent-800))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-800)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-800 {
+    --rb-gradient-to: rgb(var(--tb-accent-800)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-900 {
+    --rb-gradient-from: rgb(var(--tb-accent-900))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-900)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-900 {
+    --rb-gradient-to: rgb(var(--tb-accent-900)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-accent-950 {
+    --rb-gradient-from: rgb(var(--tb-accent-950))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-accent-950)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-accent-950 {
+    --rb-gradient-to: rgb(var(--tb-accent-950)) var(--rb-gradient-to-position);
+  }
+
+  /* Shade tokens (50..950) for neutral */
+  :where(.theme-scope) .from-neutral-50 {
+    --rb-gradient-from: rgb(var(--tb-neutral-50))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-50)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-50 {
+    --rb-gradient-to: rgb(var(--tb-neutral-50)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-100 {
+    --rb-gradient-from: rgb(var(--tb-neutral-100))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-100)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-100 {
+    --rb-gradient-to: rgb(var(--tb-neutral-100)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-200 {
+    --rb-gradient-from: rgb(var(--tb-neutral-200))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-200)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-200 {
+    --rb-gradient-to: rgb(var(--tb-neutral-200)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-300 {
+    --rb-gradient-from: rgb(var(--tb-neutral-300))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-300)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-300 {
+    --rb-gradient-to: rgb(var(--tb-neutral-300)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-400 {
+    --rb-gradient-from: rgb(var(--tb-neutral-400))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-400)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-400 {
+    --rb-gradient-to: rgb(var(--tb-neutral-400)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-500 {
+    --rb-gradient-from: rgb(var(--tb-neutral-500))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-500)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-500 {
+    --rb-gradient-to: rgb(var(--tb-neutral-500)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-600 {
+    --rb-gradient-from: rgb(var(--tb-neutral-600))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-600)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-600 {
+    --rb-gradient-to: rgb(var(--tb-neutral-600)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-700 {
+    --rb-gradient-from: rgb(var(--tb-neutral-700))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-700)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-700 {
+    --rb-gradient-to: rgb(var(--tb-neutral-700)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-800 {
+    --rb-gradient-from: rgb(var(--tb-neutral-800))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-800)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-800 {
+    --rb-gradient-to: rgb(var(--tb-neutral-800)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-900 {
+    --rb-gradient-from: rgb(var(--tb-neutral-900))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-900)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-900 {
+    --rb-gradient-to: rgb(var(--tb-neutral-900)) var(--rb-gradient-to-position);
+  }
+  :where(.theme-scope) .from-neutral-950 {
+    --rb-gradient-from: rgb(var(--tb-neutral-950))
+      var(--rb-gradient-from-position);
+    --rb-gradient-to: rgb(var(--tb-neutral-950)) var(--rb-gradient-to-position);
+    --rb-gradient-stops: var(--rb-gradient-from), var(--rb-gradient-to);
+  }
+  :where(.theme-scope) .to-neutral-950 {
+    --rb-gradient-to: rgb(var(--tb-neutral-950)) var(--rb-gradient-to-position);
+  }
+
+  /* =================================================================
    Header System Class Naming Conventions
 
    rb-header-*    Utility-style classes set in site-header.ts layouts
@@ -42475,240 +42788,240 @@ var containerResponsiveThemeCss = `/*
                   (nav-dropdown, nav-mobile-panel, nav-underline-grow)
    ================================================================= */
 
-/* =================================================================
+  /* =================================================================
    Header Layout Padding
 
    Padding is controlled entirely by CSS based on variant class.
    This ensures shrink headers look identical to non-shrink before scroll.
    ================================================================= */
 
-/* Prevent scroll anchoring feedback loops when the header height transitions.
+  /* Prevent scroll anchoring feedback loops when the header height transitions.
    In some browsers, resizing a sticky header near the top can cause the UA to
    adjust scroll position ("scroll anchoring"), which then flips the
    \`header-scrolled\` threshold logic back and forth. */
-:where(.theme-scope) .block-site-header {
-  overflow-anchor: none;
-}
+  :where(.theme-scope) .block-site-header {
+    overflow-anchor: none;
+  }
 
-/* Base padding for horizontal variants (classic, transparent) */
-:where(.theme-scope) .rb-header-layout {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  transition: padding 300ms var(--motion-ease, ease);
-}
+  /* Base padding for horizontal variants (classic, transparent) */
+  :where(.theme-scope) .rb-header-layout {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    transition: padding 300ms var(--motion-ease, ease);
+  }
 
-/* Vertical variants need more breathing room
+  /* Vertical variants need more breathing room
    Note: header-variant-* is on Section (ancestor), rb-header-layout on inner div */
-:where(.theme-scope) .header-variant-centered .rb-header-layout,
-:where(.theme-scope) .header-variant-editorial .rb-header-layout {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
+  :where(.theme-scope) .header-variant-centered .rb-header-layout {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
 
-/* Floating variant - compact padding */
-:where(.theme-scope) .header-variant-floating .rb-header-layout {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
+  /* Floating variant - compact padding */
+  :where(.theme-scope) .header-variant-floating .rb-header-layout {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
 
-/* =================================================================
+  /* =================================================================
    Header Shrink-on-Scroll
 
    Only applies when .rb-header-shrink is present AND user has scrolled.
    No changes until scroll - shrink header = non-shrink header initially.
    ================================================================= */
 
-/* Scrolled state - reduce padding */
-:where(.theme-scope) .rb-header-shrink.header-scrolled .rb-header-layout {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
+  /* Scrolled state - reduce padding */
+  :where(.theme-scope) .rb-header-shrink.header-scrolled .rb-header-layout {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
 
-/* Vertical variants get gentler reduction
+  /* Vertical variants get gentler reduction
    Note: Both classes are on Section, rb-header-layout on inner div */
-:where(.theme-scope) .rb-header-shrink.header-scrolled.header-variant-centered .rb-header-layout,
-:where(.theme-scope) .rb-header-shrink.header-scrolled.header-variant-editorial .rb-header-layout {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled.header-variant-centered
+    .rb-header-layout {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
 
-/* Floating variant */
-:where(.theme-scope) .rb-header-shrink.header-scrolled.header-variant-floating .rb-header-layout {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
+  /* Floating variant */
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled.header-variant-floating
+    .rb-header-layout {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
 
-/* =================================================================
+  /* =================================================================
    Logo & Title Sizing
 
    Font sizes controlled here, not via utility classes, so shrink
    transitions work (utility classes would override :where()).
    ================================================================= */
 
-/* Logo image sizing */
-:where(.theme-scope) .rb-header-logo-sm {
-  height: 2.5rem;
-  transition: height 300ms var(--motion-ease, ease);
-}
-:where(.theme-scope) .rb-header-logo-lg {
-  height: 3rem;
-  transition: height 300ms var(--motion-ease, ease);
-}
+  /* Logo image sizing */
+  :where(.theme-scope) .rb-header-logo-sm {
+    height: 2.5rem;
+    transition: height 300ms var(--motion-ease, ease);
+  }
+  :where(.theme-scope) .rb-header-logo-lg {
+    height: 3rem;
+    transition: height 300ms var(--motion-ease, ease);
+  }
 
-/* Site title base font size (replaces rb-text-lg / rb-text-xl utilities) */
-:where(.theme-scope) .header-logo-text {
-  font-size: 1.125rem; /* matches rb-text-lg */
-  line-height: 1.75rem;
-  transition: font-size 300ms var(--motion-ease, ease);
-}
+  /* Site title base font size (replaces rb-text-lg / rb-text-xl utilities) */
+  :where(.theme-scope) .header-logo-text {
+    font-size: 1.125rem; /* matches rb-text-lg */
+    line-height: 1.75rem;
+    transition: font-size 300ms var(--motion-ease, ease);
+  }
 
-/* Mobile: reduce site title size (~30%) to keep header compact */
-@container rb-site (max-width: 767px) {
+  /* Mobile: reduce site title size (~30%) to keep header compact */
+  @container rb-site (max-width: 767px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
 :where(.theme-scope) .header-logo-text {
-    font-size: 0.8rem;
-    line-height: 1.25rem;
-  }
+      font-size: 0.8rem;
+      line-height: 1.25rem;
+    }
 
-  :where(.theme-scope) .header-variant-centered .header-logo-text,
-  :where(.theme-scope) .header-variant-editorial .header-logo-text {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-  }
+    :where(.theme-scope) .header-variant-centered .header-logo-text {
+      font-size: 0.875rem;
+      line-height: 1.25rem;
+    }
 }
 }
 
-/* Centered/editorial variants use larger title */
-:where(.theme-scope) .header-variant-centered .header-logo-text,
-:where(.theme-scope) .header-variant-editorial .header-logo-text {
-  font-size: 1.25rem; /* matches rb-text-xl */
-  line-height: 1.75rem;
-}
+  /* Centered variant uses larger title */
+  :where(.theme-scope) .header-variant-centered .header-logo-text {
+    font-size: 1.25rem; /* matches rb-text-xl */
+    line-height: 1.75rem;
+  }
 
-/* =================================================================
+  /* =================================================================
    Shrink on Scroll - Logo & Title
    ================================================================= */
 
-:where(.theme-scope) .rb-header-shrink.header-scrolled .rb-header-logo-sm {
-  height: 2rem;
-}
-:where(.theme-scope) .rb-header-shrink.header-scrolled .rb-header-logo-lg {
-  height: 2.5rem;
-}
-:where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
-  font-size: 0.875rem;
-}
+  :where(.theme-scope) .rb-header-shrink.header-scrolled .rb-header-logo-sm {
+    height: 2rem;
+  }
+  :where(.theme-scope) .rb-header-shrink.header-scrolled .rb-header-logo-lg {
+    height: 2.5rem;
+  }
+  :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
+    font-size: 0.875rem;
+  }
 
-@container rb-site (max-width: 767px) {
+  @container rb-site (max-width: 767px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
 :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
-    font-size: 0.75rem;
-  }
+      font-size: 0.75rem;
+    }
 }
 }
 
-/* =================================================================
+  /* =================================================================
    Accessibility: Reduced Motion
    ================================================================= */
 
-@media (prefers-reduced-motion: reduce) {
-  :where(.theme-scope) .rb-header-layout,
-  :where(.theme-scope) .rb-header-logo-sm,
-  :where(.theme-scope) .rb-header-logo-lg,
-  :where(.theme-scope) .header-logo-text {
-    transition: none;
+  @media (prefers-reduced-motion: reduce) {
+    :where(.theme-scope) .rb-header-layout,
+    :where(.theme-scope) .rb-header-logo-sm,
+    :where(.theme-scope) .rb-header-logo-lg,
+    :where(.theme-scope) .header-logo-text {
+      transition: none;
+    }
   }
-}
 
-/* Nav underline-grow animation (used by navStyle: "underline-grow" in site-header.ts) */
-:where(.theme-scope) .nav-underline-grow {
-  position: relative;
-  overflow: visible;
-}
-:where(.theme-scope) .nav-underline-grow::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  bottom: var(--nav-underline-offset, -0.35em);
-  width: 100%;
-  height: 2px;
-  background-color: currentColor;
-  transform: scaleX(0);
-  transform-origin: left center;
-  transition: transform calc(var(--motion-duration) * 1.1) var(--motion-ease);
-}
-:where(.theme-scope) .nav-underline-grow:hover::after,
-:where(.theme-scope)
-  .nav-underline-grow.nav-underline-active[data-active="true"]::after {
-  transform: scaleX(1);
-}
-:where(.theme-scope) .nav-underline-offset-tight {
-  --nav-underline-offset: -0.2em;
-}
-:where(.theme-scope) .nav-underline-offset-normal {
-  --nav-underline-offset: -0.3em;
-}
-:where(.theme-scope) .nav-underline-offset-loose {
-  --nav-underline-offset: -0.45em;
-}
+  /* Nav underline-grow animation (used by navStyle: "underline-grow" in site-header.ts) */
+  :where(.theme-scope) .nav-underline-grow {
+    position: relative;
+    overflow: visible;
+  }
+  :where(.theme-scope) .nav-underline-grow::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: var(--nav-underline-offset, -0.35em);
+    width: 100%;
+    height: 2px;
+    background-color: currentColor;
+    transform: scaleX(0);
+    transform-origin: left center;
+    transition: transform calc(var(--motion-duration) * 1.1) var(--motion-ease);
+  }
+  :where(.theme-scope) .nav-underline-grow:hover::after,
+  :where(.theme-scope)
+    .nav-underline-grow.nav-underline-active[data-active='true']::after {
+    transform: scaleX(1);
+  }
+  :where(.theme-scope) .nav-underline-offset-tight {
+    --nav-underline-offset: -0.2em;
+  }
+  :where(.theme-scope) .nav-underline-offset-normal {
+    --nav-underline-offset: -0.3em;
+  }
+  :where(.theme-scope) .nav-underline-offset-loose {
+    --nav-underline-offset: -0.45em;
+  }
 
-:where(.theme-scope) .card-surface {
-  background: rgb(var(--tb-surface));
-  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);
-}
-:where(.theme-scope) .media-rounded {
-  border-radius: var(--radius-card);
-}
+  :where(.theme-scope) .card-surface {
+    background: rgb(var(--tb-surface));
+    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);
+  }
+  :where(.theme-scope) .media-rounded {
+    border-radius: var(--radius-card);
+  }
 
-:where(.theme-scope) .is-placeholder::after {
-  content: "Placeholder";
-  position: absolute;
-  top: 0.5rem;
-  left: 0.5rem;
-  font-size: 11px;
-  background: color-mix(in oklab, rgb(var(--tb-bg)), rgb(var(--tb-text)) 10%);
-  color: rgb(var(--tb-text));
-  padding: 0.15rem 0.35rem;
-  border-radius: 4px;
-  opacity: 0.85;
-}
+  :where(.theme-scope) .is-placeholder::after {
+    content: 'Placeholder';
+    position: absolute;
+    top: 0.5rem;
+    left: 0.5rem;
+    font-size: 11px;
+    background: color-mix(in oklab, rgb(var(--tb-bg)), rgb(var(--tb-text)) 10%);
+    color: rgb(var(--tb-text));
+    padding: 0.15rem 0.35rem;
+    border-radius: 4px;
+    opacity: 0.85;
+  }
 
-/* Status badges - theme-aware styling for capacity indicators */
-:where(.theme-scope) .badge-status {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.125rem 0.625rem;
-  border-radius: 9999px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  line-height: 1.25rem;
-}
+  /* Status badges - theme-aware styling for capacity indicators */
+  :where(.theme-scope) .badge-status {
+    display: inline-flex;
+    align-items: center;
+    padding: 0.125rem 0.625rem;
+    border-radius: 9999px;
+    font-size: 0.75rem;
+    font-weight: 500;
+    line-height: 1.25rem;
+  }
 
-/* All badges use a subtle theme-aware style by default */
-:where(.theme-scope) .badge-status-available {
-  background-color: rgba(var(--tb-secondary), 0.15);
-  color: rgb(var(--tb-secondary-700, var(--tb-secondary)));
-}
+  /* All badges use a subtle theme-aware style by default */
+  :where(.theme-scope) .badge-status-available {
+    background-color: rgba(var(--tb-secondary), 0.15);
+    color: rgb(var(--tb-secondary-700, var(--tb-secondary)));
+  }
 
-:where(.theme-scope) .badge-status-low {
-  background-color: rgba(var(--tb-accent), 0.15);
-  color: rgb(var(--tb-accent-700, var(--tb-accent)));
-}
+  :where(.theme-scope) .badge-status-low {
+    background-color: rgba(var(--tb-accent), 0.15);
+    color: rgb(var(--tb-accent-700, var(--tb-accent)));
+  }
 
-:where(.theme-scope) .badge-status-sold-out {
-  background-color: rgba(var(--tb-text), 0.1);
-  color: rgb(var(--tb-mutedText));
-}
+  :where(.theme-scope) .badge-status-sold-out {
+    background-color: rgba(var(--tb-text), 0.1);
+    color: rgb(var(--tb-mutedText));
+  }
 
-/* Event list empty state - theme-aware */
-:where(.theme-scope) .event-list-empty {
-  background-color: rgb(var(--tb-surface));
-  color: rgb(var(--tb-onSurface, var(--tb-text)));
-  border-color: rgb(var(--tb-border));
-}
+  /* Event list empty state - theme-aware */
+  :where(.theme-scope) .event-list-empty {
+    background-color: rgb(var(--tb-surface));
+    color: rgb(var(--tb-onSurface, var(--tb-text)));
+    border-color: rgb(var(--tb-border));
+  }
 } /* end @layer rb-theme */
 
 @keyframes accordion-down {
@@ -49736,7 +50049,9 @@ async function Layout({
       throw new Error("Layout: must provide either siteData or client");
     }
     if (!siteId && !slug && !domain) {
-      throw new Error("Layout: must provide siteId, slug, or domain when using client");
+      throw new Error(
+        "Layout: must provide siteId, slug, or domain when using client"
+      );
     }
     siteData = await client.getSite({ id: siteId, slug, domain });
   }
@@ -49753,7 +50068,11 @@ async function Layout({
     checkoutHref: "/checkout"
   };
   const menuViewModel = buildMenu(navigation, routes, navigationOptions);
-  const footerMenuViewModel = buildFooterMenu(navigation, routes, navigationOptions);
+  const footerMenuViewModel = buildFooterMenu(
+    navigation,
+    routes,
+    navigationOptions
+  );
   const logoViewModel = buildLogo(layout.logo ?? null, site.title);
   const headerData = {
     menu: menuViewModel,
@@ -49840,10 +50159,13 @@ async function Layout({
       }
     ) : null;
     if (footerPlan.renderFooterBlocks && !footerBlocksElement && process.env.NODE_ENV !== "production") {
-      console.debug("[sdk] Footer mode renders blocks, but footerBlocks is empty/missing", {
-        siteId: site.id,
-        mode: footerPlan.mode
-      });
+      console.debug(
+        "[sdk] Footer mode renders blocks, but footerBlocks is empty/missing",
+        {
+          siteId: site.id,
+          mode: footerPlan.mode
+        }
+      );
     }
     const defaultFooterElement = footerPlan.renderDefaultFooter ? renderBlock(siteFooterManifest, layout.footer, {
       theme: themeRuntime.tokens,