@riverbankcms/sdk 0.77.0 → 0.77.1

package/dist/client/rendering.mjs

@@ -632,6 +632,16 @@ var init_business_address = __esm({
   }
 });
 
+// ../core/src/assert-never.ts
+function assertNever3(value, message = "Unexpected variant") {
+  throw new Error(`${message}: ${String(value)}`);
+}
+var init_assert_never = __esm({
+  "../core/src/assert-never.ts"() {
+    "use strict";
+  }
+});
+
 // ../core/src/narrow-result.ts
 var init_narrow_result = __esm({
   "../core/src/narrow-result.ts"() {
@@ -722,6 +732,7 @@ var init_src = __esm({
     init_location();
     init_business_address();
     init_result();
+    init_assert_never();
     init_narrow_result();
     init_non_empty_array();
     init_editor_state();
@@ -7977,8 +7988,19 @@ var init_schema2 = __esm({
       colorToken: themeColorTokenSchema.nullable().optional()
     });
     proseLinkUnderlineStyleSchema = z23.enum(["solid", "dotted", "dashed"]);
-    proseLinkUnderlineThicknessSchema = z23.enum(["auto", "fromFont", "thin", "medium", "thick"]);
-    proseLinkUnderlineOffsetSchema = z23.enum(["auto", "tight", "normal", "loose"]);
+    proseLinkUnderlineThicknessSchema = z23.enum([
+      "auto",
+      "fromFont",
+      "thin",
+      "medium",
+      "thick"
+    ]);
+    proseLinkUnderlineOffsetSchema = z23.enum([
+      "auto",
+      "tight",
+      "normal",
+      "loose"
+    ]);
     proseLinkStyleSchema = z23.object({
       colorToken: themeColorTokenSchema.optional(),
       hoverColorToken: themeColorTokenSchema.optional(),
@@ -7989,7 +8011,14 @@ var init_schema2 = __esm({
       underlineThickness: proseLinkUnderlineThicknessSchema.optional(),
       underlineOffset: proseLinkUnderlineOffsetSchema.optional()
     });
-    semanticSpacingSchema = z23.enum(["none", "compact", "cozy", "medium", "comfortable", "spacious"]);
+    semanticSpacingSchema = z23.enum([
+      "none",
+      "compact",
+      "cozy",
+      "medium",
+      "comfortable",
+      "spacious"
+    ]);
     boxRoundedSchema = z23.enum(["none", "sm", "md", "lg", "xl", "2xl", "full"]);
     boxBackgroundOverlaySchema = z23.object({
       type: z23.enum(["none", "color", "gradient"]).nullable().optional(),
@@ -8133,9 +8162,17 @@ var init_schema2 = __esm({
       focus: z23.enum(["glow", "ring", "underline"]),
       label: z23.enum(["inside", "above"])
     });
-    headerVariant = z23.enum(["classic", "centered", "transparent", "floating", "editorial"]);
+    headerVariant = z23.enum(["classic", "centered", "transparent", "floating"]);
     headerPositioning = z23.enum(["static", "sticky", "fixed"]);
-    headerNavStyle = z23.enum(["minimal", "underline", "underline-grow", "capsule", "scale", "frosted", "solid"]);
+    headerNavStyle = z23.enum([
+      "minimal",
+      "underline",
+      "underline-grow",
+      "capsule",
+      "scale",
+      "frosted",
+      "solid"
+    ]);
     navFontWeight = z23.enum(["regular", "medium", "semibold", "bold"]);
     headerMaxWidth = z23.enum(["container", "full"]);
     headerContainerSchema = z23.object({
@@ -8183,8 +8220,22 @@ var init_schema2 = __esm({
       textSize: z23.enum(["xs", "sm", "base", "lg"]).optional()
       // optional = no override (browser default)
     }).optional();
-    headerCtaGapSchema = z23.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
-    headerCtaTreatmentSchema = z23.enum(["default", "primary", "secondary", "inverted", "outline", "ghost"]);
+    headerCtaGapSchema = z23.enum([
+      "none",
+      "tight",
+      "compact",
+      "default",
+      "relaxed",
+      "spacious"
+    ]);
+    headerCtaTreatmentSchema = z23.enum([
+      "default",
+      "primary",
+      "secondary",
+      "inverted",
+      "outline",
+      "ghost"
+    ]);
     navContainerSchema = z23.object({
       type: z23.enum(["none", "pill", "glass"]).default("none"),
       tint: z23.string().nullable().optional(),
@@ -8239,7 +8290,14 @@ var init_schema2 = __esm({
     footerMode = z23.enum(["default", "blocks", "default+blocks", "none"]);
     footerNavLayoutMode = z23.enum(["stack", "inline", "inline-wrap"]);
     footerNavLayoutAlign = z23.enum(["start", "center", "end", "space-between"]);
-    footerSpacing = z23.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
+    footerSpacing = z23.enum([
+      "none",
+      "tight",
+      "compact",
+      "default",
+      "relaxed",
+      "spacious"
+    ]);
     footerLogoPlacement = z23.enum(["left", "right", "above", "below"]);
     footerLogoSize = z23.enum(["sm", "md", "lg", "xl"]);
     footerLogoMaxHeight = z23.enum(["sm", "md", "lg", "xl"]);
@@ -8304,7 +8362,12 @@ var init_schema2 = __esm({
       logo: footerLogoSchema.optional(),
       bottomBar: footerBottomBarSchema.optional()
     });
-    containerPaddingPresetSchema = z23.enum(["tight", "compact", "default", "relaxed"]);
+    containerPaddingPresetSchema = z23.enum([
+      "tight",
+      "compact",
+      "default",
+      "relaxed"
+    ]);
     layoutSchema = z23.object({
       containerPadding: z23.object({
         mobile: containerPaddingPresetSchema.optional(),
@@ -8312,8 +8375,24 @@ var init_schema2 = __esm({
         desktop: containerPaddingPresetSchema.optional()
       }).optional()
     }).optional();
-    heroTypographySizeSchema = z23.enum(["sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "editorial"]);
-    heroTypographyLineHeightSchema = z23.enum(["tight", "snug", "normal", "relaxed"]);
+    heroTypographySizeSchema = z23.enum([
+      "sm",
+      "base",
+      "lg",
+      "xl",
+      "2xl",
+      "3xl",
+      "4xl",
+      "5xl",
+      "6xl",
+      "editorial"
+    ]);
+    heroTypographyLineHeightSchema = z23.enum([
+      "tight",
+      "snug",
+      "normal",
+      "relaxed"
+    ]);
     heroResponsiveTypographySchema = z23.object({
       headlineSize: heroTypographySizeSchema.optional(),
       headlineLineHeight: heroTypographyLineHeightSchema.optional(),
@@ -8928,10 +9007,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");
@@ -8962,8 +9043,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" }
+          }
         ]
       }
     },
@@ -9019,10 +9106,10 @@ function cleanBaseHeader(theme) {
     ctaGap: "default"
   };
 }
-function editorialLineHeader(theme) {
+function serifLineHeader(theme) {
   return {
     ...baseHeader(theme),
-    variant: "editorial",
+    variant: "centered",
     positioning: "sticky",
     shrinkOnScroll: false,
     background: {
@@ -9194,16 +9281,6 @@ var init_headerLooks = __esm({
         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",
@@ -9221,17 +9298,19 @@ var init_headerLooks = __esm({
         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"),
@@ -9239,7 +9318,8 @@ var init_headerLooks = __esm({
         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"),
@@ -9247,23 +9327,26 @@ var init_headerLooks = __esm({
         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"),
@@ -9271,41 +9354,44 @@ var init_headerLooks = __esm({
         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"),
@@ -9314,7 +9400,25 @@ var init_headerLooks = __esm({
         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"
       }
     ];
     headerLayoutsById = new Map(
@@ -9328,13 +9432,14 @@ var init_headerLooks = __esm({
         asHeaderLayoutId("classic"),
         headerStyleRepairChain([
           "minimal",
+          "glass",
           "fine-line",
           "soft-bar",
           "pill-nav",
           "brand-bar",
           "brand-underline",
           "brand-pill",
-          "editorial-line",
+          "serif-line",
           "flat-tabs"
         ])
       ],
@@ -9347,19 +9452,7 @@ var init_headerLooks = __esm({
           "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"
         ])
       ],
@@ -9368,25 +9461,70 @@ var init_headerLooks = __esm({
         headerStyleRepairChain([
           "glass",
           "minimal-surface",
+          "split-glass",
+          "split-pill",
           "soft-shell",
           "brand-pill"
         ])
       ]
     ]);
-    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"])]
-    ]);
+    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"])]
+      ]
+    );
     legacyHeaderLookAliases = [
       {
         lookId: asHeaderLookId("clean-base"),
@@ -9403,10 +9541,10 @@ var init_headerLooks = __esm({
         }
       },
       {
-        lookId: asHeaderLookId("editorial-line"),
+        lookId: asHeaderLookId("serif-line"),
         selection: {
-          layoutId: asHeaderLayoutId("editorial"),
-          styleId: asHeaderStyleId("editorial-line")
+          layoutId: asHeaderLayoutId("centered"),
+          styleId: asHeaderStyleId("serif-line")
         }
       },
       {
@@ -9445,9 +9583,7 @@ var init_headerLooks = __esm({
         }
       }
     ];
-    legacyHeaderLookAliasesById = new Map(
-      legacyHeaderLookAliases.map((alias) => [alias.lookId, alias])
-    );
+    legacyHeaderLookAliasesById = new Map(legacyHeaderLookAliases.map((alias) => [alias.lookId, alias]));
     headerLookCatalog = [
       {
         id: asHeaderLookId("clean-base"),
@@ -9476,27 +9612,27 @@ var init_headerLooks = __esm({
         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",
@@ -9993,12 +10129,16 @@ var init_typographyPresets = __esm({
 
 // ../theme-core/src/site-styles/curatedSiteStyles.ts
 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)];
 }
@@ -10007,7 +10147,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}.`
     );
@@ -10018,9 +10160,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,
@@ -10038,13 +10184,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,
@@ -10063,7 +10213,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) {
@@ -10086,7 +10236,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")
@@ -10097,10 +10249,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,
@@ -10244,7 +10393,11 @@ var init_curatedSiteStyles = __esm({
           motion: "subtle"
         },
         compositionBudget: quietBudget,
-        recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "clean-base"],
+        recommendedHeaderLookIds: [
+          "centered-calm",
+          "minimal-transparent",
+          "clean-base"
+        ],
         buttonPersonalityChoices: [
           buttonChoice("soft-pill"),
           buttonChoice("pebble"),
@@ -10273,7 +10426,11 @@ var init_curatedSiteStyles = __esm({
           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"),
@@ -10300,7 +10457,11 @@ var init_curatedSiteStyles = __esm({
           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"),
@@ -10328,7 +10489,11 @@ var init_curatedSiteStyles = __esm({
           motion: "expressive"
         },
         compositionBudget: balancedBudget,
-        recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
+        recommendedHeaderLookIds: [
+          "brand-solid",
+          "practical-utility",
+          "clean-base"
+        ],
         buttonPersonalityChoices: [
           buttonChoice("pebble"),
           buttonChoice("brushed-wash"),
@@ -10345,7 +10510,10 @@ var init_curatedSiteStyles = __esm({
         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" },
@@ -10363,7 +10531,11 @@ var init_curatedSiteStyles = __esm({
           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"),
@@ -10399,7 +10571,11 @@ var init_curatedSiteStyles = __esm({
           motion: "none"
         },
         compositionBudget: quietBudget,
-        recommendedHeaderLookIds: ["practical-utility", "brand-solid", "clean-base"],
+        recommendedHeaderLookIds: [
+          "practical-utility",
+          "brand-solid",
+          "clean-base"
+        ],
         buttonPersonalityChoices: [
           buttonChoice("confident-chip"),
           buttonChoice("pebble"),
@@ -10426,7 +10602,11 @@ var init_curatedSiteStyles = __esm({
           motion: "subtle"
         },
         compositionBudget: balancedBudget,
-        recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "clean-base"],
+        recommendedHeaderLookIds: [
+          "centered-calm",
+          "minimal-transparent",
+          "clean-base"
+        ],
         buttonPersonalityChoices: [
           buttonChoice("soft-pill"),
           buttonChoice("pebble"),
@@ -10443,7 +10623,10 @@ var init_curatedSiteStyles = __esm({
         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" },
@@ -10464,7 +10647,11 @@ var init_curatedSiteStyles = __esm({
           motion: "subtle"
         },
         compositionBudget: quietBudget,
-        recommendedHeaderLookIds: ["practical-utility", "clean-base", "centered-calm"],
+        recommendedHeaderLookIds: [
+          "practical-utility",
+          "clean-base",
+          "centered-calm"
+        ],
         buttonPersonalityChoices: [
           buttonChoice("pebble"),
           buttonChoice("soft-pill"),
@@ -10481,7 +10668,10 @@ var init_curatedSiteStyles = __esm({
         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" },
@@ -10501,7 +10691,11 @@ var init_curatedSiteStyles = __esm({
           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"),
@@ -10518,7 +10712,10 @@ var init_curatedSiteStyles = __esm({
         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" },
@@ -10538,8 +10735,15 @@ var init_curatedSiteStyles = __esm({
           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"),
@@ -10558,7 +10762,10 @@ var init_curatedSiteStyles = __esm({
         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" },
@@ -10634,8 +10841,15 @@ var init_curatedSiteStyles = __esm({
           "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"),
@@ -10654,7 +10868,10 @@ var init_curatedSiteStyles = __esm({
         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" },
@@ -10673,7 +10890,11 @@ var init_curatedSiteStyles = __esm({
           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"),
@@ -10724,8 +10945,15 @@ var init_curatedSiteStyles = __esm({
           "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"),
@@ -17886,7 +18114,7 @@ function okWith(data) {
 function err2(error) {
   return { ok: false, error };
 }
-function assertNever4(value, message) {
+function assertNever5(value, message) {
   throw new Error(message ?? `Unexpected value: ${String(value)}`);
 }
 var init_dist = __esm({
@@ -18052,7 +18280,7 @@ function deriveBookingFormViewState(input) {
         resourceName: input.verificationState.resourceName
       };
     default:
-      return assertNever4(input.verificationState);
+      return assertNever5(input.verificationState);
   }
 }
 function resolveBookingSiteId(siteId, form2) {
@@ -18222,7 +18450,7 @@ function getBookingServicePaymentSelectionMode(service) {
       case "flexible_balance":
         return "implicit_flexible_balance";
       default:
-        return assertNever4(onlyKind);
+        return assertNever5(onlyKind);
     }
   }
   if (allowedKinds.length === 2 && allowedKinds.includes("upfront") && (allowedKinds.includes("deferred_manual") || allowedKinds.includes("instalment_plan") || allowedKinds.includes("flexible_balance"))) {
@@ -18424,7 +18652,7 @@ function formatBookingSubmissionPreparationError(error) {
     case "service-missing-duration":
       return `Service "${error.serviceTitle}" is missing duration. Please update the service in the dashboard to include a duration (e.g., 30 minutes).`;
     default:
-      return assertNever4(error);
+      return assertNever5(error);
   }
 }
 function getBookingSuccessMessage(successMessage) {
@@ -22628,7 +22856,7 @@ var init_shared5 = __esm({
 });
 
 // ../blocks/src/system/runtime/api/creditProducts.ts
-function assertNever5(value) {
+function assertNever6(value) {
   throw new Error(`Unhandled credit product case: ${String(value)}`);
 }
 function useCasesFromModules(modules) {
@@ -22661,7 +22889,7 @@ function getCreditProductCreditUnit(useCase) {
         perCreditSuffix: "credit"
       };
     default:
-      return assertNever5(useCase);
+      return assertNever6(useCase);
   }
 }
 function deriveCreditProductLabels(products, options = {}) {
@@ -31998,7 +32226,7 @@ function formSubmissionReducer(_state, action) {
     case "submission-failed":
       return { tag: "failed", message: action.message };
     default:
-      return assertNever4(action);
+      return assertNever5(action);
   }
 }
 var initialFormSubmissionState;
@@ -32773,7 +33001,7 @@ function bookingSubmissionReducer(state, action) {
         feedback: { tag: "idle" }
       };
     default:
-      return assertNever4(action);
+      return assertNever5(action);
   }
 }
 function selectIsSubmitting(state) {
@@ -33125,7 +33353,7 @@ function buildBookingPaymentOptionViewModel(input) {
       };
     }
     default:
-      return assertNever4(input.option);
+      return assertNever5(input.option);
   }
 }
 function buildInstalmentSchedulePreview(input) {
@@ -33182,7 +33410,7 @@ function buildInstalmentSchedulePreview(input) {
       })));
     }
     default:
-      return assertNever4(input.option.plan);
+      return assertNever5(input.option.plan);
   }
 }
 function getPaymentCadenceLabel(plan) {
@@ -33414,7 +33642,7 @@ function bookingFlowReducer(state, event) {
     case "reset":
       return event.initial;
     default:
-      return assertNever4(event);
+      return assertNever5(event);
   }
 }
 function clearAvailabilityFeedback(feedback) {
@@ -33543,7 +33771,7 @@ function validateBookingStep(input) {
       return Object.keys(errors).length > 0 ? { ok: false, errors: createFieldBookingValidationErrors(errors) } : { ok: true };
     }
     default:
-      return assertNever4(input.stepId);
+      return assertNever5(input.stepId);
   }
 }
 function validateBookingFields(input) {
@@ -33837,7 +34065,7 @@ function resolveAppointmentPackagesModel(input) {
       };
     }
     default:
-      return assertNever4(input.state);
+      return assertNever5(input.state);
   }
 }
 function toHeadlessEligibleAppointmentPackage(appointmentPackage) {
@@ -34592,7 +34820,7 @@ function pollingReducer(state, action) {
         case "timeout":
           return state;
         default:
-          return assertNever4(state);
+          return assertNever5(state);
       }
     case "polling-timed-out":
       return {
@@ -34601,7 +34829,7 @@ function pollingReducer(state, action) {
         error: new Error("Polling timed out")
       };
     default:
-      return assertNever4(action);
+      return assertNever5(action);
   }
 }
 var init_usePolling_state = __esm({
@@ -35162,7 +35390,7 @@ function DefaultBookingStepContent({
     case "custom-fields":
       return /* @__PURE__ */ jsx26(DefaultDynamicFields, { fields: booking.fields.items, booking });
     default:
-      return assertNever4(stepId);
+      return assertNever5(stepId);
   }
 }
 function DefaultServiceSelectionStep({
@@ -36906,7 +37134,7 @@ function eligibilityLookupReducer(state, action) {
         error: action.message
       };
     default:
-      return assertNever4(action);
+      return assertNever5(action);
   }
 }
 function existingRegistrationLookupReducer(state, action) {
@@ -36924,7 +37152,7 @@ function existingRegistrationLookupReducer(state, action) {
         registration: action.registration
       };
     default:
-      return assertNever4(action);
+      return assertNever5(action);
   }
 }
 var initialEligibilityLookupState, initialExistingRegistrationLookupState;
@@ -46179,7 +46407,7 @@ function shopCheckoutReducer(state, action) {
         notice: action.notice
       };
     default:
-      return assertNever4(action);
+      return assertNever5(action);
   }
 }
 var initialShopCheckoutState;
@@ -46718,7 +46946,7 @@ function shopPassesMembershipsReducer(state, action) {
         returnNotice: null
       };
     default:
-      return assertNever4(action);
+      return assertNever5(action);
   }
 }
 function getOpenCheckout(state) {
@@ -47868,7 +48096,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 assertNever6(value) {
+function assertNever7(value) {
   throw new Error(`Unhandled field validation variant: ${JSON.stringify(value)}`);
 }
 function validationContext(options = {}) {
@@ -47929,7 +48157,7 @@ function fieldIssueToMessage(issue2) {
     case "invalidReference":
       return `${issue2.label} must reference a valid item`;
     default:
-      return assertNever6(issue2);
+      return assertNever7(issue2);
   }
 }
 function pluralize(label, count) {
@@ -48044,7 +48272,7 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
     case "entryPicker":
       return makePlan("passthrough", "unknown", field, path, false, []);
     default:
-      return assertNever6(field);
+      return assertNever7(field);
   }
 }
 function deriveFieldValidationPlans(fields3, parentPath = []) {
@@ -48117,7 +48345,7 @@ function resolveSelectConstraintSource(field) {
     case "sdk":
       return { kind: "runtime", source: source.kind };
     default:
-      return assertNever6(source);
+      return assertNever7(source);
   }
 }
 function normalizeStoredContentValues(plans, content, options = {}) {
@@ -48152,7 +48380,7 @@ function normalizeStoredFieldValueWithContext(plan, value, ctx) {
     case "passthrough":
       return normalizeFieldValue(plan, value, ctx);
     default:
-      return assertNever6(plan);
+      return assertNever7(plan);
   }
 }
 function normalizeStoredObjectChildren(children, value, ctx) {
@@ -48203,7 +48431,7 @@ function normalizeFieldValue(plan, value, ctx) {
     case "passthrough":
       return value;
     default:
-      return assertNever6(plan);
+      return assertNever7(plan);
   }
 }
 function normalizeObjectChildren(children, value, ctx) {
@@ -48264,7 +48492,7 @@ function validateNormalizedFieldValue(plan, value, ctx) {
     case "passthrough":
       return [];
     default:
-      return assertNever6(plan);
+      return assertNever7(plan);
   }
 }
 function shouldRequireValue(plan, value, ctx) {
@@ -48295,15 +48523,15 @@ function validateStringConstraint(plan, constraint, value) {
     case "maxLength":
       return value.length > constraint.maximum ? [issue(plan, "tooLong", { maximum: constraint.maximum })] : [];
     case "emailFormat":
-      return z51.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":
@@ -48313,7 +48541,7 @@ function validateStringConstraint(plan, constraint, value) {
     case "slugFormat":
       return SLUG_PATTERN.test(value) ? [] : [issue(plan, "invalidSlug")];
     default:
-      return assertNever6(constraint);
+      return assertNever7(constraint);
   }
 }
 function validateNumberPlan(plan, value) {
@@ -48330,7 +48558,7 @@ function validateNumberConstraint(plan, constraint, value) {
     case "numberMax":
       return value > constraint.maximum ? [issue(plan, "tooLarge", { maximum: constraint.maximum })] : [];
     default:
-      return assertNever6(constraint);
+      return assertNever7(constraint);
   }
 }
 function validateSelectPlan(plan, value) {
@@ -48360,7 +48588,7 @@ function validateRepeaterPlan(plan, value, ctx) {
           })
         ] : [];
       default:
-        return assertNever6(constraint);
+        return assertNever7(constraint);
     }
   });
   return [...constraintIssues, ...value.flatMap((item, index) => validateRepeaterItem(plan, item, index, ctx))];
@@ -48422,7 +48650,7 @@ function rebaseFieldPlanPath(plan, fromPrefix, toPrefix) {
         path
       };
     default:
-      return assertNever6(plan);
+      return assertNever7(plan);
   }
 }
 function rebaseFieldPath(path, fromPrefix, toPrefix) {
@@ -48509,7 +48737,7 @@ function addFieldIssueToZodContext(zodCtx, validationIssue, rootPath) {
       zodCtx.addIssue({ ...issuePath, code: "custom", message });
       return;
     default:
-      assertNever6(validationIssue);
+      assertNever7(validationIssue);
   }
 }
 function relativeZodIssuePath(path, rootPath) {
@@ -48525,9 +48753,15 @@ function compilePattern(pattern) {
 function isValidNumber(value) {
   return typeof value === "number" && Number.isFinite(value);
 }
-function isValidUrl(value, allowRelative) {
+function isCanonicalEmailValue(value) {
+  return z51.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);
@@ -50617,10 +50851,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);
@@ -50635,7 +50866,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}`);
@@ -51282,15 +51518,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 = {
@@ -51473,28 +51715,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", {
@@ -51508,10 +51728,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"))
     })
   },
   [
@@ -51520,7 +51737,6 @@ var headerLayout = headerSection(
     centeredLayout,
     transparentLayout,
     floatingLayout,
-    editorialLayout,
     mobileOverlay
   ],
   props({
@@ -59742,7 +59958,7 @@ function resolveAccordionIconStyle(iconStyle, iconTreatment) {
       case "minimal-cross":
         return "plus-minus";
       default:
-        return assertNever7(iconTreatment.iconSet);
+        return assertNever8(iconTreatment.iconSet);
     }
   }
   return iconStyle && iconStyle in ICON_CONFIG ? iconStyle : "chevron";
@@ -59761,7 +59977,7 @@ function accordionIconColorStyle(iconTreatment) {
 function resolveIconColorToken(token) {
   return token === "muted" ? "mutedText" : token;
 }
-function assertNever7(value) {
+function assertNever8(value) {
   throw new Error(`Unhandled accordion icon set: ${String(value)}`);
 }
 
@@ -66061,6 +66277,9 @@ function hydrateEntryLink(link2, context) {
 init_fragments2();
 init_colorStyles();
 
+// ../blocks/src/customBlockRegistry.ts
+init_src();
+
 // ../blocks/src/sdkBlockTransform.ts
 init_augmentManifest();
 function transformSdkBlockToManifest(sdkBlock) {
@@ -66108,6 +66327,9 @@ function transformSdkBlockToDefinition(sdkBlock) {
 }
 
 // ../blocks/src/customBlockRegistry.ts
+var defaultCustomBlockSourcePolicy = {
+  kind: "canonical-db-fallback-sdk"
+};
 function isCustomBlockKind(blockKind) {
   return blockKind.startsWith("custom.");
 }
@@ -66134,39 +66356,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 assertNever3(source);
+  }
+}
 
 // ../blocks/src/PageRenderer.tsx
 init_typeGuards2();
@@ -68269,9 +68538,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;
@@ -68293,159 +68562,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
@@ -68455,790 +68729,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
@@ -69251,240 +69573,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 {
@@ -76591,7 +76913,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 });
   }
@@ -76608,7 +76932,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,
@@ -76695,10 +77023,13 @@ async function Layout({
       }
     ) : null;
     if (footerPlan.renderFooterBlocks && !footerBlocksElement && true) {
-      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,