@riverbankcms/sdk 0.60.0 → 0.60.1

package/dist/server/next.mjs

@@ -1063,7 +1063,7 @@ var ENDPOINT_DEFINITIONS = {
     responseKind: "void"
   },
   googleCalendarCallback: {
-    path: "/sites/{siteId}/bookings/calendar/google/callback",
+    path: "/bookings/calendar/google/callback",
     method: "GET",
     auth: "user",
     responseKind: "void"
@@ -20123,6 +20123,59 @@ function bindProp(from, opts) {
   };
 }
 
+// ../theme-core/src/responsiveDisplay.ts
+var BASE_DISPLAY_CLASSES = {
+  block: "rb-block",
+  flex: "rb-flex",
+  "inline-block": "rb-inline-block",
+  "inline-flex": "rb-inline-flex",
+  grid: "rb-grid"
+};
+var LARGE_DISPLAY_CLASSES = {
+  block: "rb-lg-block",
+  flex: "rb-lg-flex",
+  "inline-block": "rb-lg-inline-block",
+  "inline-flex": "rb-lg-inline-flex",
+  grid: "rb-lg-grid"
+};
+function mobileOnlyDisplay(display) {
+  return `${BASE_DISPLAY_CLASSES[display]} rb-lg-hidden`;
+}
+function desktopOnlyDisplay(display) {
+  return `rb-hidden ${LARGE_DISPLAY_CLASSES[display]}`;
+}
+
+// ../blocks/src/system/runtime/header/shared.ts
+var POSITIONING_CLASSES = [
+  "rb-sticky",
+  "rb-fixed",
+  "rb-absolute",
+  "rb-relative",
+  "rb-top-0",
+  "rb-left-0",
+  "rb-right-0",
+  "rb-bottom-0",
+  "rb-z-40",
+  "rb-z-50"
+];
+function splitPositioningClasses(className) {
+  if (!className) return { wrapperClasses: "", sectionClasses: "" };
+  const classes = className.split(/\s+/).filter(Boolean);
+  const wrapperParts = [];
+  const sectionParts = [];
+  for (const cls of classes) {
+    if (POSITIONING_CLASSES.includes(cls)) {
+      wrapperParts.push(cls);
+    } else {
+      sectionParts.push(cls);
+    }
+  }
+  return {
+    wrapperClasses: wrapperParts.join(" "),
+    sectionClasses: sectionParts.join(" ")
+  };
+}
+
 // ../blocks/src/system/blocks/site-header.ts
 var logoRow = link(
   {
@@ -20203,7 +20256,7 @@ var headerCta = ctaButton({
   whenPath: "menu.ctaItem.label",
   variantPath: "menu.ctaItem.variant",
   linkPath: "menu.ctaItem.link",
-  className: "header-cta btn-sm rb-hidden rb-lg-inline-flex rb-ml-6"
+  className: `header-cta btn-sm ${desktopOnlyDisplay("inline-flex")} rb-ml-6`
 });
 var mobileCta = ctaButton({
   basePath: "menu.ctaItem",
@@ -20231,7 +20284,7 @@ var mobileToggleButton = {
   props: {
     type: "button",
     variantId: "",
-    className: "nav-mobile-toggle rb-inline-flex rb-h-10 rb-w-10 rb-items-center rb-justify-center rb-rounded-md transition-theme-standard rb-lg-hidden",
+    className: `nav-mobile-toggle ${mobileOnlyDisplay("inline-flex")} rb-h-10 rb-w-10 rb-items-center rb-justify-center rb-rounded-md transition-theme-standard`,
     "aria-label": "Open menu",
     "aria-expanded": "false",
     "aria-controls": "nav-mobile-overlay",
@@ -20286,7 +20339,7 @@ var mobileOverlay = {
   type: "div",
   props: {
     id: "nav-mobile-overlay",
-    className: "nav-mobile-overlay rb-fixed rb-inset-0 rb-z-50 rb-lg-hidden",
+    className: `nav-mobile-overlay ${mobileOnlyDisplay("block")} rb-fixed rb-inset-0 rb-z-50`,
     role: "dialog",
     "aria-modal": "true",
     "aria-label": "Main menu",
@@ -20315,10 +20368,10 @@ var mobileHeaderBar = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-flex rb-w-full rb-items-center rb-justify-between rb-lg-hidden"
+          base: `rb-header-layout ${mobileOnlyDisplay("flex")} rb-w-full rb-items-center rb-justify-between`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-flex rb-w-full rb-items-center rb-justify-between rb-lg-hidden"
+      fallback: `rb-container rb-header-layout ${mobileOnlyDisplay("flex")} rb-w-full rb-items-center rb-justify-between`
     }),
     align: "center",
     justify: "between"
@@ -20330,16 +20383,16 @@ var classicLayout2 = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "classic" })
@@ -20351,16 +20404,16 @@ var centeredLayout = stack(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center`
     })
   },
   [
     centeredLogoRow,
     createNavRow(
-      "rb-hidden rb-lg-flex rb-flex-wrap rb-justify-center rb-gap-x-6 rb-gap-y-3",
+      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-6 rb-gap-y-3`,
       "center"
     )
   ],
@@ -20371,16 +20424,16 @@ var transparentLayout = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "transparent" })
@@ -20390,18 +20443,18 @@ var floatingLayout = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 rb-hidden rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6 rb-lg-flex",
+          base: `rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 ${desktopOnlyDisplay("flex")} rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6`,
           container: "",
           full: ""
         })
       ),
-      fallback: "rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 rb-hidden rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6 rb-lg-flex"
+      fallback: `rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 ${desktopOnlyDisplay("flex")} rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "floating" })
@@ -20413,16 +20466,16 @@ var editorialLayout = stack(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center"
+          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 rb-hidden rb-lg-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(
-      "rb-hidden rb-lg-flex rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3",
+      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3`,
       "center"
     )
   ],
@@ -23693,6 +23746,18 @@ var eventSpotlightBlockDefinition = {
 // ../blocks/src/system/runtime/nodes/events/EventListing.interactive.ts
 import { z as z50 } from "zod";
 
+// ../blocks/src/system/runtime/nodes/events/shared/eventCapacity.ts
+function getEventAvailability(event) {
+  if (event.capacity == null) {
+    return { available: null, isFull: false };
+  }
+  const available = event.availableSpots ?? event.capacity - event.registeredCount;
+  if (available <= 0) {
+    return { available: 0, isFull: true };
+  }
+  return { available, isFull: false };
+}
+
 // ../blocks/src/system/runtime/nodes/events/shared/utils.ts
 var COLUMN_CLASSES = {
   "2": "rb-sm-grid-cols-2",
@@ -23915,7 +23980,7 @@ function formatEventPrice(event) {
   }
 }
 function resolveEventCta(event, buttonText) {
-  const isSoldOut = event.capacity !== null && event.availableSpots === 0;
+  const { isFull: isSoldOut } = getEventAvailability(event);
   const defaultButtonText = event.kind === "course_session" ? "View course" : "View event";
   const effectiveButtonText = buttonText ?? defaultButtonText;
   if (isSoldOut) {
@@ -25297,7 +25362,7 @@ var EventCard = ({
   )}`;
   const cta = resolveEventCta(event, buttonText);
   const isSoldOut = cta.hidden;
-  const spotsLeft = event.availableSpots;
+  const { available: spotsLeft } = getEventAvailability(event);
   const cardClass = `card-${cardVariant}`;
   const buttonClass = `${buttonVariant} button-${buttonVariant}`;
   const title = event.title;
@@ -26322,6 +26387,21 @@ var eventCalendarManifest = createBlockManifest({
         visibleWhen: { field: "displayMode", oneOf: ["combined", "list", "timetable"] }
       }
     },
+    {
+      id: "showCapacity",
+      type: "boolean",
+      label: "Show available spots",
+      description: "Display remaining capacity on event cards and timetable cells",
+      required: false,
+      defaultValue: true,
+      ui: {
+        intent: "display",
+        visibleWhen: {
+          field: "displayMode",
+          oneOf: ["combined", "list", "week", "timetable"]
+        }
+      }
+    },
     // Block-level pre-filtering
     {
       id: "eventSurface",
@@ -26513,6 +26593,9 @@ var eventCalendarManifest = createBlockManifest({
               showStaffFilter: {
                 $bind: { from: "content.showStaffFilter", fallback: true }
               },
+              showCapacity: {
+                $bind: { from: "content.showCapacity", fallback: true }
+              },
               kind: { $bind: { from: "content.kind", fallback: "all" } },
               eventSurface: {
                 $bind: { from: "content.eventSurface", fallback: "all" }
@@ -34022,37 +34105,6 @@ function resolveNode(value) {
   return value;
 }
 
-// ../blocks/src/system/runtime/header/shared.ts
-var POSITIONING_CLASSES = [
-  "rb-sticky",
-  "rb-fixed",
-  "rb-absolute",
-  "rb-relative",
-  "rb-top-0",
-  "rb-left-0",
-  "rb-right-0",
-  "rb-bottom-0",
-  "rb-z-40",
-  "rb-z-50"
-];
-function splitPositioningClasses(className) {
-  if (!className) return { wrapperClasses: "", sectionClasses: "" };
-  const classes = className.split(/\s+/).filter(Boolean);
-  const wrapperParts = [];
-  const sectionParts = [];
-  for (const cls of classes) {
-    if (POSITIONING_CLASSES.includes(cls)) {
-      wrapperParts.push(cls);
-    } else {
-      sectionParts.push(cls);
-    }
-  }
-  return {
-    wrapperClasses: wrapperParts.join(" "),
-    sectionClasses: sectionParts.join(" ")
-  };
-}
-
 // ../blocks/src/system/runtime/nodes/header-section.server.tsx
 import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 function hasShrinkClasses(className) {
@@ -36027,21 +36079,26 @@ function buildTimetableModel(input) {
   for (const [dateKey, dayDrafts] of groupDraftsByDate(drafts)) {
     cellsByDate.set(
       dateKey,
-      assignTimetableLanes(dayDrafts).map((draft) => ({
-        event: draft.event,
-        startsAtMinutes: draft.startsAtMinutes,
-        endsAtMinutes: draft.endsAtMinutes,
-        topPercent: toRangePercent(draft.startsAtMinutes - rangeStartMinutes, rangeMinutes),
-        heightPercent: Math.max(
-          MIN_EVENT_HEIGHT_PERCENT,
-          toRangePercent(draft.endsAtMinutes - draft.startsAtMinutes, rangeMinutes)
-        ),
-        laneIndex: draft.laneIndex,
-        laneCount: draft.laneCount,
-        categoryColor: draft.event.eventCategory?.color || "rgb(var(--tb-accent))",
-        timeLabel: formatEventTimeRange(draft.event),
-        teacherLine: formatEventTeacherLine(draft.event)
-      }))
+      assignTimetableLanes(dayDrafts).map((draft) => {
+        const capacity = formatTimetableCapacity(draft.event);
+        return {
+          event: draft.event,
+          startsAtMinutes: draft.startsAtMinutes,
+          endsAtMinutes: draft.endsAtMinutes,
+          topPercent: toRangePercent(draft.startsAtMinutes - rangeStartMinutes, rangeMinutes),
+          heightPercent: Math.max(
+            MIN_EVENT_HEIGHT_PERCENT,
+            toRangePercent(draft.endsAtMinutes - draft.startsAtMinutes, rangeMinutes)
+          ),
+          laneIndex: draft.laneIndex,
+          laneCount: draft.laneCount,
+          categoryColor: draft.event.eventCategory?.color || "rgb(var(--tb-accent))",
+          timeLabel: formatEventTimeRange(draft.event),
+          teacherLine: formatEventTeacherLine(draft.event),
+          capacityLabel: capacity.label,
+          isFull: capacity.isFull
+        };
+      })
     );
   }
   return {
@@ -36174,6 +36231,12 @@ function formatShortDayLabel(date) {
   const dayName = FULL_DAY_NAMES[date.getDay()] ?? "";
   return `${dayName.slice(0, 3)} ${date.getDate()}`;
 }
+function formatTimetableCapacity(event) {
+  const { available, isFull } = getEventAvailability(event);
+  if (available == null) return { label: null, isFull: false };
+  if (isFull) return { label: "Full", isFull: true };
+  return { label: `${available} spots left`, isFull: false };
+}
 function formatEventTimeRange(event) {
   const timeZone = event.timeZone ?? null;
   return `${formatTime(event.startsAt, { timeZone })} - ${formatTime(event.endsAt, { timeZone })}`;
@@ -36430,7 +36493,17 @@ function renderTimetableSsr(display) {
                           /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-time", children: cell.timeLabel }),
                           /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-title", children: cell.event.title }),
                           cell.teacherLine ? /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-teacher", children: cell.teacherLine }) : null,
-                          cell.event.venue ? /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null
+                          cell.event.venue ? /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null,
+                          display.showCapacity && cell.capacityLabel ? /* @__PURE__ */ jsx42(
+                            "span",
+                            {
+                              className: clsx_default(
+                                "event-timetable-event-capacity",
+                                cell.isFull && "event-timetable-event-capacity--full"
+                              ),
+                              children: cell.capacityLabel
+                            }
+                          ) : null
                         ]
                       },
                       cell.event.occurrenceId || cell.event.id
@@ -40450,6 +40523,44 @@ ${declarationLines}
 // ../theme-core/src/responsiveMode.ts
 var DEFAULT_THEME_RESPONSIVE_MODE = "viewport";
 var THEME_RESPONSIVE_CONTAINER_NAME = "rb-site";
+var THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+function getResponsiveScopeSpec(mode = DEFAULT_THEME_RESPONSIVE_MODE) {
+  if (mode === "container") {
+    return {
+      kind: "container",
+      selector: `[${THEME_RESPONSIVE_MODE_ATTR}="container"]`,
+      containerName: THEME_RESPONSIVE_CONTAINER_NAME
+    };
+  }
+  return {
+    kind: "viewport",
+    selector: `[${THEME_RESPONSIVE_MODE_ATTR}="viewport"]`
+  };
+}
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var RESPONSIVE_SCOPE_RULE_PATTERN = new RegExp(
+  buildResponsiveScopeRulePatternSource(),
+  "g"
+);
+var RESPONSIVE_SCOPE_RULE_AT_PATTERN = new RegExp(
+  buildResponsiveScopeRulePatternSource(),
+  "y"
+);
+function buildResponsiveScopeRulePatternSource() {
+  return [
+    "@scope",
+    "\\(\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    '="(?:viewport|container)"\\]\\)',
+    "to",
+    "\\((?::scope )?\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    "\\]\\)",
+    "\\{"
+  ].join("\\s*");
+}
 
 // ../theme-core/src/responsive/mediaQuery.ts
 function convertMediaQueryToContainerQuery(query) {
@@ -41998,45 +42109,53 @@ var containerResponsiveThemeCss = `/*
     flex-basis: 16.666667%;
   }
   @container rb-site (min-width: 768px) {
-    .rb-md-basis-full {
-      flex-basis: 100%;
-    }
-    .rb-md-basis-1-2 {
-      flex-basis: 50%;
-    }
-    .rb-md-basis-1-3 {
-      flex-basis: 33.333333%;
-    }
-    .rb-md-basis-1-4 {
-      flex-basis: 25%;
-    }
-    .rb-md-basis-1-5 {
-      flex-basis: 20%;
-    }
-    .rb-md-basis-1-6 {
-      flex-basis: 16.666667%;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-md-basis-full {
+        flex-basis: 100%;
+      }
+      .rb-md-basis-1-2 {
+        flex-basis: 50%;
+      }
+      .rb-md-basis-1-3 {
+        flex-basis: 33.333333%;
+      }
+      .rb-md-basis-1-4 {
+        flex-basis: 25%;
+      }
+      .rb-md-basis-1-5 {
+        flex-basis: 20%;
+      }
+      .rb-md-basis-1-6 {
+        flex-basis: 16.666667%;
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 1024px) {
-    .rb-lg-basis-full {
-      flex-basis: 100%;
-    }
-    .rb-lg-basis-1-2 {
-      flex-basis: 50%;
-    }
-    .rb-lg-basis-1-3 {
-      flex-basis: 33.333333%;
-    }
-    .rb-lg-basis-1-4 {
-      flex-basis: 25%;
-    }
-    .rb-lg-basis-1-5 {
-      flex-basis: 20%;
-    }
-    .rb-lg-basis-1-6 {
-      flex-basis: 16.666667%;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-lg-basis-full {
+        flex-basis: 100%;
+      }
+      .rb-lg-basis-1-2 {
+        flex-basis: 50%;
+      }
+      .rb-lg-basis-1-3 {
+        flex-basis: 33.333333%;
+      }
+      .rb-lg-basis-1-4 {
+        flex-basis: 25%;
+      }
+      .rb-lg-basis-1-5 {
+        flex-basis: 20%;
+      }
+      .rb-lg-basis-1-6 {
+        flex-basis: 16.666667%;
+      }
     }
-  }
+
+}
   .rb-shrink-0 {
     flex-shrink: 0;
   }
@@ -42058,64 +42177,80 @@ var containerResponsiveThemeCss = `/*
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   @container rb-site (min-width: 640px) {
-    .rb-sm-grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .rb-sm-grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .rb-sm-grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-sm-grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .rb-sm-grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .rb-sm-grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 768px) {
-    .rb-md-grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .rb-md-grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .rb-md-grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-md-grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .rb-md-grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .rb-md-grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 1024px) {
-    .rb-lg-grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .rb-lg-grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .rb-lg-grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .rb-lg-w-3\\/4 {
-      width: 75%;
-    }
-    .rb-lg-col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-    .rb-lg-col-span-2 {
-      grid-column: span 2 / span 2;
-    }
-    .rb-lg-col-span-3 {
-      grid-column: span 3 / span 3;
-    }
-    .rb-lg-col-span-4 {
-      grid-column: span 4 / span 4;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-lg-grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .rb-lg-grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .rb-lg-grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
+      .rb-lg-w-3\\/4 {
+        width: 75%;
+      }
+      .rb-lg-col-span-1 {
+        grid-column: span 1 / span 1;
+      }
+      .rb-lg-col-span-2 {
+        grid-column: span 2 / span 2;
+      }
+      .rb-lg-col-span-3 {
+        grid-column: span 3 / span 3;
+      }
+      .rb-lg-col-span-4 {
+        grid-column: span 4 / span 4;
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 1280px) {
-    .rb-xl-grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .rb-xl-grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .rb-xl-grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-xl-grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .rb-xl-grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .rb-xl-grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
     }
-  }
+
+}
 
   /* Alignment */
   .rb-items-start {
@@ -42184,13 +42319,17 @@ var containerResponsiveThemeCss = `/*
     row-gap: 0.75rem;
   }
   @container rb-site (min-width: 768px) {
-    .rb-md-gap-0 {
-      gap: 0;
-    }
-    .rb-md-gap-10 {
-      gap: 2.5rem;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-md-gap-0 {
+        gap: 0;
+      }
+      .rb-md-gap-10 {
+        gap: 2.5rem;
+      }
     }
-  }
+
+}
 
   .rb-space-y-1 > :not([hidden]) ~ :not([hidden]) {
     margin-top: 0.25rem;
@@ -42292,137 +42431,149 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 640px) {
-    .rb-sm-py-16 {
-      padding-top: 4rem;
-      padding-bottom: 4rem;
-    }
-    .rb-sm-py-20 {
-      padding-top: 5rem;
-      padding-bottom: 5rem;
-    }
-    .rb-sm-p-6 {
-      padding: 1.5rem;
-    }
-    .rb-sm-flex {
-      display: flex;
-    }
-    .rb-sm-block {
-      display: block;
-    }
-    .rb-sm-inline {
-      display: inline;
-    }
-    .rb-sm-inline-block {
-      display: inline-block;
-    }
-    .rb-sm-inline-flex {
-      display: inline-flex;
-    }
-    .rb-sm-grid {
-      display: grid;
-    }
-    .rb-sm-hidden {
-      display: none;
-    }
-    .rb-sm-flex-row {
-      flex-direction: row;
-    }
-    .rb-sm-items-start {
-      align-items: flex-start;
-    }
-    .rb-sm-items-center {
-      align-items: center;
-    }
-    .rb-sm-justify-between {
-      justify-content: space-between;
-    }
-    .rb-sm-p-8 {
-      padding: 2rem;
-    }
-    .rb-sm-text-lg {
-      font-size: 1.125rem;
-      line-height: 1.75rem;
-    }
-    .rb-sm-text-xl {
-      font-size: 1.25rem;
-      line-height: 1.75rem;
-    }
-    .rb-sm-text-4xl {
-      font-size: 2.25rem;
-      line-height: 2.5rem;
-    }
 
-    .rb-sm-w-auto {
-      width: auto;
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-sm-py-16 {
+        padding-top: 4rem;
+        padding-bottom: 4rem;
+      }
+      .rb-sm-py-20 {
+        padding-top: 5rem;
+        padding-bottom: 5rem;
+      }
+      .rb-sm-p-6 {
+        padding: 1.5rem;
+      }
+      .rb-sm-flex {
+        display: flex;
+      }
+      .rb-sm-block {
+        display: block;
+      }
+      .rb-sm-inline {
+        display: inline;
+      }
+      .rb-sm-inline-block {
+        display: inline-block;
+      }
+      .rb-sm-inline-flex {
+        display: inline-flex;
+      }
+      .rb-sm-grid {
+        display: grid;
+      }
+      .rb-sm-hidden {
+        display: none;
+      }
+      .rb-sm-flex-row {
+        flex-direction: row;
+      }
+      .rb-sm-items-start {
+        align-items: flex-start;
+      }
+      .rb-sm-items-center {
+        align-items: center;
+      }
+      .rb-sm-justify-between {
+        justify-content: space-between;
+      }
+      .rb-sm-p-8 {
+        padding: 2rem;
+      }
+      .rb-sm-text-lg {
+        font-size: 1.125rem;
+        line-height: 1.75rem;
+      }
+      .rb-sm-text-xl {
+        font-size: 1.25rem;
+        line-height: 1.75rem;
+      }
+      .rb-sm-text-4xl {
+        font-size: 2.25rem;
+        line-height: 2.5rem;
+      }
+
+      .rb-sm-w-auto {
+        width: auto;
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 768px) {
-    .rb-md-py-20 {
-      padding-top: 5rem;
-      padding-bottom: 5rem;
-    }
-    .rb-md-py-24 {
-      padding-top: 6rem;
-      padding-bottom: 6rem;
-    }
-    .rb-md-w-1\\/3 {
-      width: 33.333333%;
-    }
 
-    .rb-md-flex {
-      display: flex;
-    }
-    .rb-md-block {
-      display: block;
-    }
-    .rb-md-inline {
-      display: inline;
-    }
-    .rb-md-inline-block {
-      display: inline-block;
-    }
-    .rb-md-inline-flex {
-      display: inline-flex;
-    }
-    .rb-md-grid {
-      display: grid;
-    }
-    .rb-md-hidden {
-      display: none;
-    }
-    .rb-md-flex-row {
-      flex-direction: row;
-    }
-    .rb-md-flex-row-reverse {
-      flex-direction: row-reverse;
-    }
-    .rb-md-items-start {
-      align-items: flex-start;
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-md-py-20 {
+        padding-top: 5rem;
+        padding-bottom: 5rem;
+      }
+      .rb-md-py-24 {
+        padding-top: 6rem;
+        padding-bottom: 6rem;
+      }
+      .rb-md-w-1\\/3 {
+        width: 33.333333%;
+      }
+
+      .rb-md-flex {
+        display: flex;
+      }
+      .rb-md-block {
+        display: block;
+      }
+      .rb-md-inline {
+        display: inline;
+      }
+      .rb-md-inline-block {
+        display: inline-block;
+      }
+      .rb-md-inline-flex {
+        display: inline-flex;
+      }
+      .rb-md-grid {
+        display: grid;
+      }
+      .rb-md-hidden {
+        display: none;
+      }
+      .rb-md-flex-row {
+        flex-direction: row;
+      }
+      .rb-md-flex-row-reverse {
+        flex-direction: row-reverse;
+      }
+      .rb-md-items-start {
+        align-items: flex-start;
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 1024px) {
-    .rb-lg-flex {
-      display: flex;
-    }
-    .rb-lg-block {
-      display: block;
-    }
-    .rb-lg-inline {
-      display: inline;
-    }
-    .rb-lg-inline-block {
-      display: inline-block;
-    }
-    .rb-lg-inline-flex {
-      display: inline-flex;
-    }
-    .rb-lg-grid {
-      display: grid;
-    }
-    .rb-lg-hidden {
-      display: none;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-lg-flex {
+        display: flex;
+      }
+      .rb-lg-block {
+        display: block;
+      }
+      .rb-lg-inline {
+        display: inline;
+      }
+      .rb-lg-inline-block {
+        display: inline-block;
+      }
+      .rb-lg-inline-flex {
+        display: inline-flex;
+      }
+      .rb-lg-grid {
+        display: grid;
+      }
+      .rb-lg-hidden {
+        display: none;
+      }
     }
-  }
+
+}
 
   /* Margin */
   .rb-m-0 {
@@ -42679,8 +42830,9 @@ var containerResponsiveThemeCss = `/*
     font-weight: 700;
   }
   .rb-font-mono {
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-      "Liberation Mono", "Courier New", monospace;
+    font-family:
+      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
   }
   .rb-leading-relaxed {
     line-height: 1.625;
@@ -42898,39 +43050,44 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (max-width: 639px) {
-    .rb-image-gallery-marquee {
-      overflow-x: auto;
-      overflow-y: hidden;
-      -webkit-overflow-scrolling: touch;
-      touch-action: pan-x;
-      scrollbar-width: none;
-    }
 
-    .rb-image-gallery-marquee::-webkit-scrollbar {
-      display: none;
-    }
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-image-gallery-marquee {
+        overflow-x: auto;
+        overflow-y: hidden;
+        -webkit-overflow-scrolling: touch;
+        touch-action: pan-x;
+        scrollbar-width: none;
+      }
 
-    /* Let users swipe smoothly without fighting autoplay while interacting. */
-    .rb-image-gallery-marquee:active .rb-animate-marquee,
-    .rb-image-gallery-marquee:focus-within .rb-animate-marquee {
-      animation-play-state: paused;
-    }
+      .rb-image-gallery-marquee::-webkit-scrollbar {
+        display: none;
+      }
 
-    .rb-container-full.rb-image-gallery-marquee-container {
-      padding-left: 0;
-      padding-right: 0;
-    }
+      /* Let users swipe smoothly without fighting autoplay while interacting. */
+      .rb-image-gallery-marquee:active .rb-animate-marquee,
+      .rb-image-gallery-marquee:focus-within .rb-animate-marquee {
+        animation-play-state: paused;
+      }
 
-    /* Marquee variant: keep images in color on mobile for legibility. */
-    .rb-image-gallery-marquee-container .rb-filter-grayscale,
-    .rb-image-gallery-marquee-container .rb-filter-grayscale-hover-reveal {
-      filter: none;
-    }
+      .rb-container-full.rb-image-gallery-marquee-container {
+        padding-left: 0;
+        padding-right: 0;
+      }
+
+      /* Marquee variant: keep images in color on mobile for legibility. */
+      .rb-image-gallery-marquee-container .rb-filter-grayscale,
+      .rb-image-gallery-marquee-container .rb-filter-grayscale-hover-reveal {
+        filter: none;
+      }
 
-    .rb-image-gallery-marquee-container .rb-filter-grayscale-hover-reveal:hover {
-      filter: none;
+      .rb-image-gallery-marquee-container
+        .rb-filter-grayscale-hover-reveal:hover {
+        filter: none;
+      }
     }
-  }
+
+}
 
   @media (prefers-reduced-motion: reduce) {
     .rb-animate-marquee {
@@ -43035,12 +43192,16 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 640px) {
-    .rb-container,
-    .rb-container-full {
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-container,
+      .rb-container-full {
+        padding-left: 1.5rem;
+        padding-right: 1.5rem;
+      }
     }
-  }
+
+}
 
   /* Flex alignment */
   .rb-self-start {
@@ -43074,27 +43235,31 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 640px) {
-    .rb-section-pad-compact {
-      padding-top: 2rem;
-      padding-bottom: 2rem;
-    }
-    .rb-section-pad-cozy {
-      padding-top: 3.5rem;
-      padding-bottom: 3.5rem;
-    }
-    .rb-section-pad-medium {
-      padding-top: 4rem;
-      padding-bottom: 4rem;
-    }
-    .rb-section-pad-comfortable {
-      padding-top: 5rem;
-      padding-bottom: 5rem;
-    }
-    .rb-section-pad-spacious {
-      padding-top: 7rem;
-      padding-bottom: 7rem;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-section-pad-compact {
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+      }
+      .rb-section-pad-cozy {
+        padding-top: 3.5rem;
+        padding-bottom: 3.5rem;
+      }
+      .rb-section-pad-medium {
+        padding-top: 4rem;
+        padding-bottom: 4rem;
+      }
+      .rb-section-pad-comfortable {
+        padding-top: 5rem;
+        padding-bottom: 5rem;
+      }
+      .rb-section-pad-spacious {
+        padding-top: 7rem;
+        padding-bottom: 7rem;
+      }
     }
-  }
+
+}
 
   .rb-container-pad-none {
     padding: 0;
@@ -43116,22 +43281,26 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 640px) {
-    .rb-container-pad-compact {
-      padding: 1.5rem;
-    }
-    .rb-container-pad-cozy {
-      padding: 2rem;
-    }
-    .rb-container-pad-medium {
-      padding: 2rem;
-    }
-    .rb-container-pad-comfortable {
-      padding: 2.5rem;
-    }
-    .rb-container-pad-spacious {
-      padding: 3.5rem;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-container-pad-compact {
+        padding: 1.5rem;
+      }
+      .rb-container-pad-cozy {
+        padding: 2rem;
+      }
+      .rb-container-pad-medium {
+        padding: 2rem;
+      }
+      .rb-container-pad-comfortable {
+        padding: 2.5rem;
+      }
+      .rb-container-pad-spacious {
+        padding: 3.5rem;
+      }
     }
-  }
+
+}
 
   /* Semantic gap tokens (theme-aware via --space-mult) */
   .rb-gap-semantic-none {
@@ -43160,27 +43329,31 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 768px) {
-    .rb-gap-semantic-compact {
-      --rb-semantic-gap: calc(1.25rem * var(--space-mult, 1));
-      gap: calc(1.25rem * var(--space-mult, 1));
-    }
-    .rb-gap-semantic-cozy {
-      --rb-semantic-gap: calc(2.25rem * var(--space-mult, 1));
-      gap: calc(2.25rem * var(--space-mult, 1));
-    }
-    .rb-gap-semantic-medium {
-      --rb-semantic-gap: calc(3.5rem * var(--space-mult, 1));
-      gap: calc(3.5rem * var(--space-mult, 1));
-    }
-    .rb-gap-semantic-comfortable {
-      --rb-semantic-gap: calc(5.75rem * var(--space-mult, 1));
-      gap: calc(5.75rem * var(--space-mult, 1));
-    }
-    .rb-gap-semantic-spacious {
-      --rb-semantic-gap: calc(8.75rem * var(--space-mult, 1));
-      gap: calc(8.75rem * var(--space-mult, 1));
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-gap-semantic-compact {
+        --rb-semantic-gap: calc(1.25rem * var(--space-mult, 1));
+        gap: calc(1.25rem * var(--space-mult, 1));
+      }
+      .rb-gap-semantic-cozy {
+        --rb-semantic-gap: calc(2.25rem * var(--space-mult, 1));
+        gap: calc(2.25rem * var(--space-mult, 1));
+      }
+      .rb-gap-semantic-medium {
+        --rb-semantic-gap: calc(3.5rem * var(--space-mult, 1));
+        gap: calc(3.5rem * var(--space-mult, 1));
+      }
+      .rb-gap-semantic-comfortable {
+        --rb-semantic-gap: calc(5.75rem * var(--space-mult, 1));
+        gap: calc(5.75rem * var(--space-mult, 1));
+      }
+      .rb-gap-semantic-spacious {
+        --rb-semantic-gap: calc(8.75rem * var(--space-mult, 1));
+        gap: calc(8.75rem * var(--space-mult, 1));
+      }
     }
-  }
+
+}
 
   /* Backdrop blur helpers */
   .rb-backdrop-blur {
@@ -43534,11 +43707,13 @@ var containerResponsiveThemeCss = `/*
   line-height: var(--rb-prose-lg-line-height);
 }
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) .rb-prose-xl-sm {
+@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);
   }
 }
+}
 
 /* Neutral prose uses theme text color by default */
 :where(.theme-scope) .rb-prose-neutral {
@@ -43622,22 +43797,28 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) .rb-columns-equal-height {
+@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));
   }
 }
+}
 
 @container rb-site (min-width: 1024px) {
-  :where(.theme-scope) .rb-columns-equal-height {
+@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));
   }
 }
+}
 
 @container rb-site (min-width: 1280px) {
-  :where(.theme-scope) .rb-columns-equal-height {
+@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));
   }
 }
+}
 
 :where(.theme-scope) .rb-columns-equal-height > * {
   height: var(--rb-columns-tile-h);
@@ -44259,7 +44440,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Mobile: reduce site title size (~30%) to keep header compact */
 @container rb-site (max-width: 767px) {
-  :where(.theme-scope) .header-logo-text {
+@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;
   }
@@ -44270,6 +44452,7 @@ var containerResponsiveThemeCss = `/*
     line-height: 1.25rem;
   }
 }
+}
 
 /* Centered/editorial variants use larger title */
 :where(.theme-scope) .header-variant-centered .header-logo-text,
@@ -44293,10 +44476,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (max-width: 767px) {
-  :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
+@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;
   }
 }
+}
 
 /* =================================================================
    Accessibility: Reduced Motion
@@ -44740,10 +44925,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-row {
   display: flex;
@@ -44976,12 +45163,14 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-layout {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-layout {
     /* Desktop: main + sidebar */
     grid-template-columns: 1fr 300px;
     grid-template-areas: "main summary";
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-layout-main {
   grid-area: main;
@@ -45063,10 +45252,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-step-label {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-step-label {
     display: inline;
   }
 }
+}
 
 /* Sticky order summary */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary {
@@ -45083,11 +45274,13 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-summary {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-summary {
     position: sticky;
     top: 1rem;
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-event {
   font-weight: 600;
@@ -45157,12 +45350,14 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-guest-card {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-card {
     grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
     column-gap: 1rem;
     align-items: start;
   }
 }
+}
 
 /* Shake animation for validation errors */
 @keyframes er-shake {
@@ -45307,7 +45502,8 @@ var containerResponsiveThemeCss = `/*
  * ============================================================================= */
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope)
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
     .event-card[data-orientation="horizontal"] {
     display: flex;
@@ -45358,6 +45554,7 @@ var containerResponsiveThemeCss = `/*
     text-align: right;
   }
 }
+}
 
 /* Keep token list in sync with \`EVENT_CATEGORY_BADGE_TOKENS\` in \`packages/blocks/src/system/constants/events.ts\`. */
 :where(.theme-scope)
@@ -45437,7 +45634,8 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
     grid-template-columns: 1fr 260px;
     grid-template-areas:
       "main sidebar"
@@ -45452,6 +45650,7 @@ var containerResponsiveThemeCss = `/*
       "footer";
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-main {
   grid-area: main;
@@ -46731,7 +46930,8 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-time,
 :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-title,
 :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-teacher,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-meta {
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-meta,
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity {
   display: block;
   min-width: 0;
   overflow: hidden;
@@ -46757,6 +46957,17 @@ var containerResponsiveThemeCss = `/*
   opacity: 0.72;
 }
 
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity {
+  font-size: 0.6875rem;
+  font-weight: 600;
+  opacity: 0.85;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity--full {
+  color: rgb(var(--tb-danger, 220 38 38));
+  opacity: 1;
+}
+
 :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-empty {
   margin: 0;
   padding: 1rem 0.5rem;
@@ -46773,7 +46984,8 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (max-width: 767px) {
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-selector {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-selector {
     display: flex;
   }
 
@@ -46803,6 +47015,7 @@ var containerResponsiveThemeCss = `/*
     padding-inline: 0.75rem;
   }
 }
+}
 
 /* -----------------------------------------------------------------------------
  * Event Calendar Modals
@@ -46941,7 +47154,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Responsive adjustments */
 @container rb-site (max-width: 640px) {
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-container {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-container {
     margin-left: -1.5rem;
     margin-right: -1.5rem;
     border-left: none;
@@ -47002,6 +47216,7 @@ var containerResponsiveThemeCss = `/*
     margin: 0 0.5rem;
   }
 }
+}
 
 /*
  * Shared: Tab bar (underline style)
@@ -47364,10 +47579,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="form"]) .fb-row-2 {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="form"]) .fb-row-2 {
     grid-template-columns: 1fr 1fr;
   }
 }
+}
 
 /* Field wrapper */
 :where(.theme-scope) :where([data-block="form"]) .fb-field {
@@ -47448,10 +47665,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
     font-size: 1.25rem;
   }
 }
+}
 
 /* =============================================================================
  * Shared: Heading Group (used by CTA, single-button, etc.)
@@ -47665,16 +47884,19 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) .carousel-root {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .carousel-root {
     --rb-carousel-slides-to-show: var(
       --rb-carousel-slides-to-show-tablet,
       var(--rb-carousel-slides-to-show-mobile, 1)
     );
   }
 }
+}
 
 @container rb-site (min-width: 1024px) {
-  :where(.theme-scope) .carousel-root {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .carousel-root {
     --rb-carousel-slides-to-show: var(
       --rb-carousel-slides-to-show-desktop,
       var(
@@ -47684,6 +47906,7 @@ var containerResponsiveThemeCss = `/*
     );
   }
 }
+}
 
 /* Slides take exact percentage width with internal padding for gaps.
  * Padding is more reliable than margin (no collapsing, consistent on all slides). */
@@ -47957,10 +48180,12 @@ var containerResponsiveThemeCss = `/*
 
 /* Responsive grid */
 @container rb-site (max-width: 768px) {
-  :where(.theme-scope) .shop__products--grid {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .shop__products--grid {
     grid-template-columns: 1fr;
   }
 }
+}
 
 :where(.theme-scope) .shop__modal-product {
   font-size: 0.9375rem;
@@ -48062,11 +48287,13 @@ var containerResponsiveThemeCss = `/*
 
 /* Mobile: full-width CTA buttons inside cards */
 @container rb-site (max-width: 640px) {
-  :where(.theme-scope) .shop__cta {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .shop__cta {
     align-self: stretch;
     width: 100%;
   }
 }
+}
 
 /* =============================================================================
  * Block: Customer Portal
@@ -48772,7 +48999,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Responsive: show everything without horizontal scrolling */
 @container rb-site (max-width: 640px) {
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-only-mobile {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="customer-portal"]) .cp-only-mobile {
     display: flex;
   }
 
@@ -48812,6 +49040,7 @@ var containerResponsiveThemeCss = `/*
     align-self: stretch;
   }
 }
+}
 
 /* Placeholder (SSR) */
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-placeholder {
@@ -48901,7 +49130,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Position arrows outside the carousel content area */
 @container rb-site (max-width: 639px) {
-  :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn--prev {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn--prev {
     /* Move arrows closer to viewport edge than container edge on mobile. */
     left: calc(0.5rem - 1.5rem);
   }
@@ -48911,10 +49141,12 @@ var containerResponsiveThemeCss = `/*
     right: calc(0.5rem - 1.5rem);
   }
 }
+}
 
 /* Position arrows further out on larger breakpoints */
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn--prev {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn--prev {
     left: calc(-1 * (var(--rb-testimonial-carousel-arrow-size) / 2 + var(--rb-testimonial-carousel-arrow-gap)));
   }
 
@@ -48922,6 +49154,7 @@ var containerResponsiveThemeCss = `/*
     right: calc(-1 * (var(--rb-testimonial-carousel-arrow-size) / 2 + var(--rb-testimonial-carousel-arrow-gap)));
   }
 }
+}
 
 /*
  * Event Details (runtime node)
@@ -48973,10 +49206,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) .rb-tiles-grid {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .rb-tiles-grid {
     grid-template-columns: repeat(var(--rb-tiles-grid-cols-md, var(--rb-tiles-grid-cols-sm, 2)), minmax(0, 1fr));
   }
 }
+}
 
 :where(.theme-scope) :where(.rb-tile--interactive, .er-event-card) {
   cursor: pointer;
@@ -49081,10 +49316,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-layout--with-sidebar {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-layout--with-sidebar {
     grid-template-columns: 1fr 280px;
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="course-registration"]) .cr-layout__main {
   min-width: 0;
@@ -49095,10 +49332,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-layout__sidebar {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-layout__sidebar {
     display: block;
   }
 }
+}
 
 /* =============================================================================
  * Step Indicator
@@ -49149,10 +49388,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-step-label {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-step-label {
     display: block;
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="course-registration"]) .cr-step-label--active {
   color: var(--cr-on-surface);
@@ -50035,7 +50276,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Mobile fallback for inline variant */
 @container rb-site (max-width: 640px) {
-  :where(.theme-scope) .newsletter-inline .newsletter-form-fields {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .newsletter-inline .newsletter-form-fields {
     flex-direction: column;
   }
 
@@ -50043,6 +50285,7 @@ var containerResponsiveThemeCss = `/*
     min-width: 100%;
   }
 }
+}
 
 /* =============================================================================
  * Success State
@@ -50080,12 +50323,14 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 1024px) {
-  :where(.theme-scope) :where([data-block="team-members"]) :where(.rb-team-members[data-layout-width="lg-3-4-left"]) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="team-members"]) :where(.rb-team-members[data-layout-width="lg-3-4-left"]) {
     width: 75%;
     margin-left: 0;
     margin-right: auto;
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="team-members"]) .rb-team-member-photo {
   display: block;
@@ -50160,7 +50405,8 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  /* Stack variant: enforce real column ratio at md+ (fixes transform/fallback pitfalls). */
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+/* Stack variant: enforce real column ratio at md+ (fixes transform/fallback pitfalls). */
   :where(.theme-scope) :where([data-block="team-members"][data-block-variant="stack"]) :where(.rb-team-member-photo-col) {
     flex: 0 0 var(--rb-team-image-basis);
   }
@@ -50184,6 +50430,7 @@ var containerResponsiveThemeCss = `/*
     flex-direction: row-reverse;
   }
 }
+}
 
 /* Thumbnail padding (space around image inside the item) */
 :where(.theme-scope) :where([data-block="team-members"]) .rb-team-members[data-thumb-pad="sm"] .rb-team-member-photo-wrap {
@@ -50386,18 +50633,19 @@ function ThemeScopeCore({
   children,
   className
 }) {
-  const isContainerResponsive = responsiveMode === "container";
+  const responsiveScope = getResponsiveScopeSpec(responsiveMode);
+  const isContainerResponsive = responsiveScope.kind === "container";
   const wrapperStyle = isContainerResponsive ? {
     ...cssVars,
     containerType: "inline-size",
-    containerName: THEME_RESPONSIVE_CONTAINER_NAME
+    containerName: responsiveScope.containerName
   } : cssVars;
   return /* @__PURE__ */ jsxs36(
     "div",
     {
       className: className ? `theme-scope ${className}` : "theme-scope",
       style: wrapperStyle,
-      "data-rb-responsive-mode": responsiveMode,
+      "data-rb-responsive-mode": responsiveScope.kind,
       ...dataAttrs,
       suppressHydrationWarning,
       children: [
@@ -50405,25 +50653,131 @@ function ThemeScopeCore({
           "style",
           {
             "data-container-responsive-overrides": true,
-            dangerouslySetInnerHTML: { __html: escapeStyleContent(containerResponsiveThemeCss) }
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(containerResponsiveThemeCss)
+            }
+          }
+        ),
+        layoutCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-layout-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(layoutCss) }
+          }
+        ),
+        buttonCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-button-effects": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(buttonCss) }
+          }
+        ),
+        headerCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-header-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(headerCss) }
+          }
+        ),
+        footerCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-footer-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(footerCss) }
+          }
+        ),
+        cardCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-card-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(cardCss) }
+          }
+        ),
+        accordionCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-accordion-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(accordionCss) }
+          }
+        ),
+        inputCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-input-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(inputCss) }
+          }
+        ),
+        statusCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-status-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(statusCss) }
+          }
+        ),
+        progressCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-progress-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(progressCss) }
+          }
+        ),
+        typographyCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-typography-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(typographyCss)
+            }
+          }
+        ),
+        eventCalendarCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-event-calendar-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(eventCalendarCss)
+            }
+          }
+        ),
+        blockVarsCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-block-vars-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(blockVarsCss) }
+          }
+        ),
+        blockCustomVarsCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-block-custom-vars-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(blockCustomVarsCss)
+            }
+          }
+        ),
+        blockCustomCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-block-custom-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(blockCustomCss)
+            }
+          }
+        ),
+        atRulesCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-at-rules-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(atRulesCss) }
+          }
+        ),
+        customCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-custom-theme-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(customCss) }
           }
         ),
-        layoutCss && /* @__PURE__ */ jsx51("style", { "data-layout-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(layoutCss) } }),
-        buttonCss && /* @__PURE__ */ jsx51("style", { "data-button-effects": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(buttonCss) } }),
-        headerCss && /* @__PURE__ */ jsx51("style", { "data-header-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(headerCss) } }),
-        footerCss && /* @__PURE__ */ jsx51("style", { "data-footer-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(footerCss) } }),
-        cardCss && /* @__PURE__ */ jsx51("style", { "data-card-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(cardCss) } }),
-        accordionCss && /* @__PURE__ */ jsx51("style", { "data-accordion-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(accordionCss) } }),
-        inputCss && /* @__PURE__ */ jsx51("style", { "data-input-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(inputCss) } }),
-        statusCss && /* @__PURE__ */ jsx51("style", { "data-status-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(statusCss) } }),
-        progressCss && /* @__PURE__ */ jsx51("style", { "data-progress-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(progressCss) } }),
-        typographyCss && /* @__PURE__ */ jsx51("style", { "data-typography-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(typographyCss) } }),
-        eventCalendarCss && /* @__PURE__ */ jsx51("style", { "data-event-calendar-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(eventCalendarCss) } }),
-        blockVarsCss && /* @__PURE__ */ jsx51("style", { "data-block-vars-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockVarsCss) } }),
-        blockCustomVarsCss && /* @__PURE__ */ jsx51("style", { "data-block-custom-vars-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockCustomVarsCss) } }),
-        blockCustomCss && /* @__PURE__ */ jsx51("style", { "data-block-custom-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockCustomCss) } }),
-        atRulesCss && /* @__PURE__ */ jsx51("style", { "data-at-rules-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(atRulesCss) } }),
-        customCss && /* @__PURE__ */ jsx51("style", { "data-custom-theme-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(customCss) } }),
         children
       ]
     }
@@ -51633,7 +51987,7 @@ var SimpleCache = class {
 };
 
 // src/version.ts
-var SDK_VERSION = "0.60.0";
+var SDK_VERSION = "0.60.1";
 
 // src/client/error.ts
 var RiverbankApiError = class _RiverbankApiError extends Error {