@riverbankcms/sdk 0.60.0 → 0.60.1

package/dist/client/client.mjs

@@ -10811,6 +10811,72 @@ var init_colorConversion = __esm({
   }
 });
 
+// ../theme-core/src/responsiveDisplay.ts
+function mobileOnlyDisplay(display) {
+  return `${BASE_DISPLAY_CLASSES[display]} rb-lg-hidden`;
+}
+function desktopOnlyDisplay(display) {
+  return `rb-hidden ${LARGE_DISPLAY_CLASSES[display]}`;
+}
+var BASE_DISPLAY_CLASSES, LARGE_DISPLAY_CLASSES;
+var init_responsiveDisplay = __esm({
+  "../theme-core/src/responsiveDisplay.ts"() {
+    "use strict";
+    BASE_DISPLAY_CLASSES = {
+      block: "rb-block",
+      flex: "rb-flex",
+      "inline-block": "rb-inline-block",
+      "inline-flex": "rb-inline-flex",
+      grid: "rb-grid"
+    };
+    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"
+    };
+  }
+});
+
+// ../blocks/src/system/runtime/header/shared.ts
+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(" ")
+  };
+}
+var POSITIONING_CLASSES;
+var init_shared2 = __esm({
+  "../blocks/src/system/runtime/header/shared.ts"() {
+    "use strict";
+    init_responsiveDisplay();
+    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"
+    ];
+  }
+});
+
 // ../blocks/src/system/blocks/events/shared/types.ts
 var init_types7 = __esm({
   "../blocks/src/system/blocks/events/shared/types.ts"() {
@@ -11375,7 +11441,7 @@ var init_filtering = __esm({
 });
 
 // ../blocks/src/system/blocks/events/shared/index.ts
-var init_shared2 = __esm({
+var init_shared3 = __esm({
   "../blocks/src/system/blocks/events/shared/index.ts"() {
     "use strict";
     init_types7();
@@ -11560,7 +11626,7 @@ var init_event_registration = __esm({
     init_styledSection();
     init_fragments();
     init_api_bindings();
-    init_shared2();
+    init_shared3();
     init_defineBlock();
     init_event_registration_shared();
     init_event_registration_interactive();
@@ -11896,7 +11962,7 @@ var init_pricing = __esm({
 });
 
 // ../blocks/src/system/blocks/courses/shared/index.ts
-var init_shared3 = __esm({
+var init_shared4 = __esm({
   "../blocks/src/system/blocks/courses/shared/index.ts"() {
     "use strict";
     init_types8();
@@ -12058,7 +12124,7 @@ var init_course_registration = __esm({
     init_styledSection();
     init_fragments();
     init_api_bindings();
-    init_shared3();
+    init_shared4();
     init_defineBlock();
     init_course_registration_interactive();
     courseRegistrationManifest = createBlockManifest({
@@ -12300,6 +12366,23 @@ var init_shop_shared = __esm({
   }
 });
 
+// ../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 };
+}
+var init_eventCapacity = __esm({
+  "../blocks/src/system/runtime/nodes/events/shared/eventCapacity.ts"() {
+    "use strict";
+  }
+});
+
 // ../blocks/src/system/runtime/nodes/events/shared/utils.ts
 function getContainerClass(layout, columns) {
   if (layout === "compact") {
@@ -12524,7 +12607,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) {
@@ -12539,7 +12622,8 @@ var init_utils = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/utils.ts"() {
     "use strict";
     init_src();
-    init_shared3();
+    init_shared4();
+    init_eventCapacity();
     COLUMN_CLASSES = {
       "2": "rb-sm-grid-cols-2",
       "3": "rb-sm-grid-cols-2 rb-lg-grid-cols-3",
@@ -14010,6 +14094,7 @@ var init_EventCard = __esm({
     init_media2();
     init_media_server();
     init_EventCardIcons();
+    init_eventCapacity();
     init_utils();
     EventCard = ({
       event,
@@ -14034,7 +14119,7 @@ var init_EventCard = __esm({
       )}`;
       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;
@@ -14201,7 +14286,7 @@ var init_DateTimeTile = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/events/shared/index.ts
-var init_shared4 = __esm({
+var init_shared5 = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/index.ts"() {
     "use strict";
     init_utils();
@@ -14229,10 +14314,10 @@ var init_EventListing_interactive = __esm({
   "../blocks/src/system/runtime/nodes/events/EventListing.interactive.ts"() {
     "use strict";
     init_schemas2();
-    init_shared2();
+    init_shared3();
     init_islands();
     init_runtime();
-    init_shared4();
+    init_shared5();
     init_contract_schemas();
     cardVariantSchema2 = z50.enum(["default", "variant1", "variant2"]);
     cardOrientationSchema = z50.enum(["vertical", "horizontal"]);
@@ -14409,7 +14494,7 @@ var init_event_listing = __esm({
     init_api_bindings();
     init_defineBlock();
     init_EventListing_interactive();
-    init_shared2();
+    init_shared3();
     eventListingManifest = createBlockManifest({
       id: "block.event-listing",
       version: "1.1.0",
@@ -14754,10 +14839,10 @@ var init_EventCalendar_interactive = __esm({
   "../blocks/src/system/runtime/nodes/events/EventCalendar.interactive.ts"() {
     "use strict";
     init_schemas2();
-    init_shared2();
+    init_shared3();
     init_islands();
     init_runtime();
-    init_shared4();
+    init_shared5();
     init_contract_schemas();
     displayModeSchema = z51.enum(["combined", "month", "week", "list", "timetable"]);
     eventBlockKindSchema2 = z51.enum(eventBlockKindValues);
@@ -14915,7 +15000,7 @@ var init_event_calendar = __esm({
     init_boxStyles();
     init_api_bindings();
     init_defineBlock();
-    init_shared2();
+    init_shared3();
     init_EventCalendar_interactive();
     eventCalendarManifest = createBlockManifest({
       id: "block.event-calendar",
@@ -15141,6 +15226,21 @@ var init_event_calendar = __esm({
             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",
@@ -15332,6 +15432,9 @@ var init_event_calendar = __esm({
                   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" }
@@ -15405,7 +15508,7 @@ var init_event_calendar = __esm({
 // ../blocks/src/system/blocks/products/shared.ts
 import { z as z53 } from "zod";
 var publicProductVariantSchema, publicProductSchema, publicProductsResponseSchema;
-var init_shared5 = __esm({
+var init_shared6 = __esm({
   "../blocks/src/system/blocks/products/shared.ts"() {
     "use strict";
     publicProductVariantSchema = z53.object({
@@ -16021,7 +16124,7 @@ var init_shop_interactive = __esm({
   "../blocks/src/system/runtime/nodes/shop.interactive.ts"() {
     "use strict";
     init_shop_shared();
-    init_shared5();
+    init_shared6();
     init_display();
     init_shop_commerce_shared();
     init_islands();
@@ -16659,7 +16762,7 @@ var init_product_list = __esm({
     init_api_bindings();
     init_defineBlock();
     init_shop_interactive();
-    init_shared5();
+    init_shared6();
     productListManifest = createBlockManifest({
       id: "block.product-list",
       version: "1.0.0",
@@ -16819,7 +16922,7 @@ var init_product_detail = __esm({
     init_api_bindings();
     init_defineBlock();
     init_shop_interactive();
-    init_shared5();
+    init_shared6();
     productDetailManifest = createBlockManifest({
       id: "block.product-detail",
       version: "1.0.0",
@@ -20980,43 +21083,6 @@ var init_accordion_server = __esm({
   }
 });
 
-// ../blocks/src/system/runtime/header/shared.ts
-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(" ")
-  };
-}
-var POSITIONING_CLASSES;
-var init_shared6 = __esm({
-  "../blocks/src/system/runtime/header/shared.ts"() {
-    "use strict";
-    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"
-    ];
-  }
-});
-
 // ../blocks/src/system/runtime/nodes/header-section.server.tsx
 import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
 function hasShrinkClasses(className) {
@@ -21028,7 +21094,7 @@ var init_header_section_server = __esm({
     "use strict";
     init_Section();
     init_ssr();
-    init_shared6();
+    init_shared2();
     HeaderSectionNode = ({
       blockId,
       children,
@@ -22035,7 +22101,7 @@ function CoursePricingDisplay({
 var init_CoursePricingDisplay = __esm({
   "../blocks/src/system/runtime/nodes/event-details/CoursePricingDisplay.tsx"() {
     "use strict";
-    init_shared3();
+    init_shared4();
   }
 });
 
@@ -22155,7 +22221,7 @@ function EventDetailsView({
 var init_view = __esm({
   "../blocks/src/system/runtime/nodes/event-details/view.tsx"() {
     "use strict";
-    init_shared3();
+    init_shared4();
     init_utils();
     init_DateTimeTile();
     init_CoursePricingDisplay();
@@ -22584,7 +22650,7 @@ function CourseDetailsView(props2) {
 var init_view2 = __esm({
   "../blocks/src/system/runtime/nodes/course-details/view.tsx"() {
     "use strict";
-    init_shared3();
+    init_shared4();
     init_RichText();
     init_richText_coerce();
     init_DateTimeTile();
@@ -22705,7 +22771,7 @@ var EventSpotlight;
 var init_EventSpotlight = __esm({
   "../blocks/src/system/runtime/nodes/events/EventSpotlight.tsx"() {
     "use strict";
-    init_shared4();
+    init_shared5();
     EventSpotlight = ({
       events,
       layout = "grid",
@@ -22822,10 +22888,10 @@ var init_EventCombined_interactive = __esm({
   "../blocks/src/system/runtime/nodes/events/EventCombined.interactive.ts"() {
     "use strict";
     init_schemas2();
-    init_shared2();
+    init_shared3();
     init_islands();
     init_runtime();
-    init_shared4();
+    init_shared5();
     init_contract_schemas();
     eventBlockKindSchema3 = z61.enum(eventBlockKindValues);
     eventSurfaceScopeSchema3 = z61.enum(eventSurfaceScopeValues);
@@ -22994,7 +23060,7 @@ var init_EventCombined_server = __esm({
   "../blocks/src/system/runtime/nodes/events/EventCombined.server.tsx"() {
     "use strict";
     init_EventCombined_interactive();
-    init_shared4();
+    init_shared5();
     init_renderEventListItem();
     init_ssr();
     EventCombinedSSR = ({
@@ -23581,7 +23647,7 @@ function EventListingFrameView(props2) {
 var init_EventListing_view = __esm({
   "../blocks/src/system/runtime/nodes/events/EventListing.view.tsx"() {
     "use strict";
-    init_shared4();
+    init_shared5();
   }
 });
 
@@ -23597,21 +23663,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 {
@@ -23744,6 +23815,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 })}`;
@@ -23756,6 +23833,7 @@ var init_timetableModel = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/timetableModel.ts"() {
     "use strict";
     init_src();
+    init_eventCapacity();
     init_utils();
     DEFAULT_START_HOUR = 6;
     DEFAULT_END_HOUR = 21;
@@ -24014,7 +24092,17 @@ function renderTimetableSsr(display) {
                           /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-time", children: cell.timeLabel }),
                           /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-title", children: cell.event.title }),
                           cell.teacherLine ? /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-teacher", children: cell.teacherLine }) : null,
-                          cell.event.venue ? /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null
+                          cell.event.venue ? /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null,
+                          display.showCapacity && cell.capacityLabel ? /* @__PURE__ */ jsx43(
+                            "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
@@ -35451,7 +35539,7 @@ var init_components2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/components.tsx"() {
     "use strict";
     "use client";
-    init_shared3();
+    init_shared4();
     init_utils4();
     init_LoggedInAsUser();
   }
@@ -36084,7 +36172,7 @@ var init_useCourseRegistrationWizard = __esm({
     "use strict";
     "use client";
     init_client2();
-    init_shared3();
+    init_shared4();
     init_api();
     init_shared7();
     init_useWaitlistClaim();
@@ -41541,7 +41629,7 @@ var init_useEventFilters = __esm({
   "../blocks/src/system/runtime/hooks/useEventFilters.ts"() {
     "use strict";
     "use client";
-    init_shared2();
+    init_shared3();
     init_api();
     init_normalize();
   }
@@ -42007,30 +42095,22 @@ var init_CalendarDayCell = __esm({
 
 // ../blocks/src/system/runtime/nodes/events/shared/AgendaEventCard.tsx
 import { Fragment as Fragment22, jsx as jsx129, jsxs as jsxs92 } from "react/jsx-runtime";
-function formatCapacity(event) {
-  if (event.capacity == null) {
-    return null;
-  }
-  const available = event.availableSpots ?? event.capacity - event.registeredCount;
-  if (available <= 0) {
-    return "Full";
-  }
-  return `${available} spots left`;
-}
 var AgendaEventCard;
 var init_AgendaEventCard = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/AgendaEventCard.tsx"() {
     "use strict";
+    init_eventCapacity();
     init_utils();
     AgendaEventCard = ({
       event,
+      showCapacity,
       onClick
     }) => {
       const eventUrl = event.path;
       const categoryColor = event.eventCategory?.color || "rgb(var(--tb-accent))";
       const price = formatEventPrice(event);
-      const capacity = formatCapacity(event);
-      const isFull = capacity === "Full";
+      const { available, isFull } = getEventAvailability(event);
+      const capacity = showCapacity && available != null ? isFull ? "Full" : `${available} spots left` : null;
       const title = event.title;
       const timeZone = event.timeZone ?? null;
       const teacherLine = formatEventTeacherLine(event);
@@ -42110,6 +42190,7 @@ var init_WeekAgendaView = __esm({
       viewDate,
       events,
       startOfWeek,
+      showCapacity,
       emptyMessage = "No events scheduled"
     }) => {
       const weekDays = getWeekCalendarDays(viewDate, startOfWeek);
@@ -42130,7 +42211,8 @@ var init_WeekAgendaView = __esm({
               /* @__PURE__ */ jsx130("div", { className: "event-agenda-day-content", children: dayEvents.length === 0 ? /* @__PURE__ */ jsx130("p", { className: "event-agenda-day-empty", children: emptyMessage }) : /* @__PURE__ */ jsx130("div", { className: "event-agenda-day-events", children: dayEvents.map((event) => /* @__PURE__ */ jsx130(
                 AgendaEventCard,
                 {
-                  event
+                  event,
+                  showCapacity
                 },
                 event.occurrenceId || event.id
               )) }) })
@@ -42147,6 +42229,7 @@ var init_WeekAgendaView = __esm({
 import { jsx as jsx131 } from "react/jsx-runtime";
 function EventDetailModal({
   event,
+  showCapacity,
   onClose,
   cardVariant = "default",
   buttonVariant = "primary",
@@ -42187,7 +42270,7 @@ function EventDetailModal({
           showVenue: true,
           showMap,
           allowMap: true,
-          showCapacity: true
+          showCapacity
         }
       ) })
     }
@@ -42207,6 +42290,7 @@ import { jsx as jsx132, jsxs as jsxs94 } from "react/jsx-runtime";
 function DayEventsModal({
   date,
   events,
+  showCapacity,
   onClose,
   onSelectEvent
 }) {
@@ -42243,7 +42327,8 @@ function DayEventsModal({
           AgendaEventCard,
           {
             event,
-            onClick: onSelectEvent
+            onClick: onSelectEvent,
+            showCapacity
           },
           event.occurrenceId || event.id
         )) })
@@ -42264,6 +42349,7 @@ var init_DayEventsModal = __esm({
 // ../blocks/src/system/runtime/nodes/events/shared/EventModals.tsx
 import { jsx as jsx133 } from "react/jsx-runtime";
 function EventModals({
+  showCapacity,
   cardVariant,
   buttonVariant,
   buttonText
@@ -42280,7 +42366,8 @@ function EventModals({
         onClose: closeModal,
         cardVariant,
         buttonVariant,
-        buttonText
+        buttonText,
+        showCapacity
       }
     );
   }
@@ -42293,7 +42380,8 @@ function EventModals({
         onClose: closeModal,
         onSelectEvent: (event) => {
           openEventModal(event);
-        }
+        },
+        showCapacity
       }
     );
   }
@@ -42348,7 +42436,7 @@ var init_EventCombined_client = __esm({
   "../blocks/src/system/runtime/nodes/events/EventCombined.client.tsx"() {
     "use strict";
     "use client";
-    init_shared4();
+    init_shared5();
     init_TabBar();
     init_EventFilters();
     init_EventPaginatedListView_client();
@@ -42696,7 +42784,8 @@ var init_EventCombined_client = __esm({
                     viewDate,
                     events: calendarEventsRaw,
                     startOfWeek,
-                    emptyMessage: "No events scheduled"
+                    emptyMessage: "No events scheduled",
+                    showCapacity: resolvedShowCapacity
                   }
                 ) : /* @__PURE__ */ jsxs95("div", { className: "event-calendar-container", children: [
                   /* @__PURE__ */ jsx134("div", { className: "event-calendar-day-headers", children: dayNames.map((day) => /* @__PURE__ */ jsx134("div", { className: "event-calendar-day-header", children: day }, day)) }),
@@ -42716,7 +42805,14 @@ var init_EventCombined_client = __esm({
                 ] }),
                 calendarEventsRaw.length === 0 && !calendarLoading && /* @__PURE__ */ jsx134("p", { className: "event-calendar-empty", children: emptyMessage })
               ] }),
-              /* @__PURE__ */ jsx134(EventModals, { buttonVariant, buttonText })
+              /* @__PURE__ */ jsx134(
+                EventModals,
+                {
+                  buttonVariant,
+                  buttonText,
+                  showCapacity: resolvedShowCapacity
+                }
+              )
             ] })
           ]
         }
@@ -42751,6 +42847,7 @@ var init_WeekTimetableView = __esm({
       viewDate,
       events,
       startOfWeek,
+      showCapacity,
       emptyMessage = "No classes scheduled"
     }) => {
       const { openEventModal } = useEventModal();
@@ -42783,7 +42880,8 @@ var init_WeekTimetableView = __esm({
               hours: model.hourTicks,
               rangeMinutes: model.rangeMinutes,
               selected: day.dateKey === selectedDayKey,
-              onEventClick: openEventModal
+              onEventClick: openEventModal,
+              showCapacity
             },
             day.dateKey
           ))
@@ -42803,7 +42901,7 @@ var init_WeekTimetableView = __esm({
         hour
       )) })
     ] });
-    TimetableDayColumn = ({ day, hours, rangeMinutes, selected, onEventClick }) => /* @__PURE__ */ jsxs96(
+    TimetableDayColumn = ({ day, hours, rangeMinutes, selected, onEventClick, showCapacity }) => /* @__PURE__ */ jsxs96(
       "section",
       {
         className: `event-timetable-day ${day.isToday ? "event-timetable-day--today" : ""}`,
@@ -42832,7 +42930,8 @@ var init_WeekTimetableView = __esm({
                   TimetableEventButton,
                   {
                     cell,
-                    onClick: onEventClick
+                    onClick: onEventClick,
+                    showCapacity
                   },
                   cell.event.occurrenceId || cell.event.id
                 ))
@@ -42842,7 +42941,7 @@ var init_WeekTimetableView = __esm({
         ]
       }
     );
-    TimetableEventButton = ({ cell, onClick }) => /* @__PURE__ */ jsxs96(
+    TimetableEventButton = ({ cell, onClick, showCapacity }) => /* @__PURE__ */ jsxs96(
       "button",
       {
         type: "button",
@@ -42860,7 +42959,14 @@ var init_WeekTimetableView = __esm({
           /* @__PURE__ */ jsx135("span", { className: "event-timetable-event-time", children: cell.timeLabel }),
           /* @__PURE__ */ jsx135("span", { className: "event-timetable-event-title", children: cell.event.title }),
           cell.teacherLine ? /* @__PURE__ */ jsx135("span", { className: "event-timetable-event-teacher", children: cell.teacherLine }) : null,
-          cell.event.venue ? /* @__PURE__ */ jsx135("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null
+          cell.event.venue ? /* @__PURE__ */ jsx135("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null,
+          showCapacity && cell.capacityLabel ? /* @__PURE__ */ jsx135(
+            "span",
+            {
+              className: cell.isFull ? "event-timetable-event-capacity event-timetable-event-capacity--full" : "event-timetable-event-capacity",
+              children: cell.capacityLabel
+            }
+          ) : null
         ]
       }
     );
@@ -43082,7 +43188,8 @@ var init_EventCalendar_client = __esm({
                 viewDate,
                 events,
                 startOfWeek: display.startOfWeek,
-                emptyMessage: display.emptyMessage
+                emptyMessage: display.emptyMessage,
+                showCapacity: display.showCapacity
               }
             )
           }
@@ -43091,7 +43198,8 @@ var init_EventCalendar_client = __esm({
           EventModals,
           {
             buttonVariant: display.buttonVariant,
-            buttonText: display.buttonText
+            buttonText: display.buttonText,
+            showCapacity: display.showCapacity
           }
         )
       ] });
@@ -43173,7 +43281,8 @@ var init_EventCalendar_client = __esm({
           EventModals,
           {
             buttonVariant: display.buttonVariant,
-            buttonText: display.buttonText
+            buttonText: display.buttonText,
+            showCapacity: display.showCapacity
           }
         )
       ] });
@@ -43297,7 +43406,7 @@ var init_EventCalendar_client = __esm({
 var init_events2 = __esm({
   "../blocks/src/system/runtime/nodes/events/index.ts"() {
     "use strict";
-    init_shared4();
+    init_shared5();
     init_EventListing_client();
     init_EventCalendar_client();
     init_EventCombined_client();
@@ -46721,12 +46830,50 @@ var init_compile = __esm({
 });
 
 // ../theme-core/src/responsiveMode.ts
-var DEFAULT_THEME_RESPONSIVE_MODE, THEME_RESPONSIVE_CONTAINER_NAME;
+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, "\\$&");
+}
+function buildResponsiveScopeRulePatternSource() {
+  return [
+    "@scope",
+    "\\(\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    '="(?:viewport|container)"\\]\\)',
+    "to",
+    "\\((?::scope )?\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    "\\]\\)",
+    "\\{"
+  ].join("\\s*");
+}
+var DEFAULT_THEME_RESPONSIVE_MODE, THEME_RESPONSIVE_CONTAINER_NAME, THEME_RESPONSIVE_MODE_ATTR, RESPONSIVE_SCOPE_RULE_PATTERN, RESPONSIVE_SCOPE_RULE_AT_PATTERN;
 var init_responsiveMode = __esm({
   "../theme-core/src/responsiveMode.ts"() {
     "use strict";
     DEFAULT_THEME_RESPONSIVE_MODE = "viewport";
     THEME_RESPONSIVE_CONTAINER_NAME = "rb-site";
+    THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+    RESPONSIVE_SCOPE_RULE_PATTERN = new RegExp(
+      buildResponsiveScopeRulePatternSource(),
+      "g"
+    );
+    RESPONSIVE_SCOPE_RULE_AT_PATTERN = new RegExp(
+      buildResponsiveScopeRulePatternSource(),
+      "y"
+    );
   }
 });
 
@@ -47775,45 +47922,53 @@ var init_containerResponsiveThemeCss = __esm({
     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;
   }
@@ -47835,64 +47990,80 @@ var init_containerResponsiveThemeCss = __esm({
     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 {
@@ -47961,13 +48132,17 @@ var init_containerResponsiveThemeCss = __esm({
     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;
@@ -48069,137 +48244,149 @@ var init_containerResponsiveThemeCss = __esm({
   }
 
   @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 {
@@ -48456,8 +48643,9 @@ var init_containerResponsiveThemeCss = __esm({
     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;
@@ -48675,39 +48863,44 @@ var init_containerResponsiveThemeCss = __esm({
   }
 
   @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;
+      }
 
-    .rb-image-gallery-marquee-container .rb-filter-grayscale-hover-reveal:hover {
-      filter: none;
+      /* 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;
+      }
     }
-  }
+
+}
 
   @media (prefers-reduced-motion: reduce) {
     .rb-animate-marquee {
@@ -48812,12 +49005,16 @@ var init_containerResponsiveThemeCss = __esm({
   }
 
   @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 {
@@ -48851,27 +49048,31 @@ var init_containerResponsiveThemeCss = __esm({
   }
 
   @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;
@@ -48893,22 +49094,26 @@ var init_containerResponsiveThemeCss = __esm({
   }
 
   @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 {
@@ -48937,27 +49142,31 @@ var init_containerResponsiveThemeCss = __esm({
   }
 
   @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 {
@@ -49311,11 +49520,13 @@ var init_containerResponsiveThemeCss = __esm({
   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 {
@@ -49399,22 +49610,28 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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);
@@ -50036,7 +50253,8 @@ var init_containerResponsiveThemeCss = __esm({
 
 /* 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;
   }
@@ -50047,6 +50265,7 @@ var init_containerResponsiveThemeCss = __esm({
     line-height: 1.25rem;
   }
 }
+}
 
 /* Centered/editorial variants use larger title */
 :where(.theme-scope) .header-variant-centered .header-logo-text,
@@ -50070,10 +50289,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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
@@ -50517,10 +50738,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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;
@@ -50753,12 +50976,14 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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;
@@ -50840,10 +51065,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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 {
@@ -50860,11 +51087,13 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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;
@@ -50934,12 +51163,14 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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 {
@@ -51084,7 +51315,8 @@ var init_containerResponsiveThemeCss = __esm({
  * ============================================================================= */
 
 @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;
@@ -51135,6 +51367,7 @@ var init_containerResponsiveThemeCss = __esm({
     text-align: right;
   }
 }
+}
 
 /* Keep token list in sync with \`EVENT_CATEGORY_BADGE_TOKENS\` in \`packages/blocks/src/system/constants/events.ts\`. */
 :where(.theme-scope)
@@ -51214,7 +51447,8 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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"
@@ -51229,6 +51463,7 @@ var init_containerResponsiveThemeCss = __esm({
       "footer";
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-main {
   grid-area: main;
@@ -52508,7 +52743,8 @@ var init_containerResponsiveThemeCss = __esm({
 :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;
@@ -52534,6 +52770,17 @@ var init_containerResponsiveThemeCss = __esm({
   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;
@@ -52550,7 +52797,8 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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;
   }
 
@@ -52580,6 +52828,7 @@ var init_containerResponsiveThemeCss = __esm({
     padding-inline: 0.75rem;
   }
 }
+}
 
 /* -----------------------------------------------------------------------------
  * Event Calendar Modals
@@ -52718,7 +52967,8 @@ var init_containerResponsiveThemeCss = __esm({
 
 /* 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;
@@ -52779,6 +53029,7 @@ var init_containerResponsiveThemeCss = __esm({
     margin: 0 0.5rem;
   }
 }
+}
 
 /*
  * Shared: Tab bar (underline style)
@@ -53141,10 +53392,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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 {
@@ -53225,10 +53478,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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.)
@@ -53442,16 +53697,19 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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(
@@ -53461,6 +53719,7 @@ var init_containerResponsiveThemeCss = __esm({
     );
   }
 }
+}
 
 /* Slides take exact percentage width with internal padding for gaps.
  * Padding is more reliable than margin (no collapsing, consistent on all slides). */
@@ -53734,10 +53993,12 @@ var init_containerResponsiveThemeCss = __esm({
 
 /* 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;
@@ -53839,11 +54100,13 @@ var init_containerResponsiveThemeCss = __esm({
 
 /* 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
@@ -54549,7 +54812,8 @@ var init_containerResponsiveThemeCss = __esm({
 
 /* 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;
   }
 
@@ -54589,6 +54853,7 @@ var init_containerResponsiveThemeCss = __esm({
     align-self: stretch;
   }
 }
+}
 
 /* Placeholder (SSR) */
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-placeholder {
@@ -54678,7 +54943,8 @@ var init_containerResponsiveThemeCss = __esm({
 
 /* 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);
   }
@@ -54688,10 +54954,12 @@ var init_containerResponsiveThemeCss = __esm({
     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)));
   }
 
@@ -54699,6 +54967,7 @@ var init_containerResponsiveThemeCss = __esm({
     right: calc(-1 * (var(--rb-testimonial-carousel-arrow-size) / 2 + var(--rb-testimonial-carousel-arrow-gap)));
   }
 }
+}
 
 /*
  * Event Details (runtime node)
@@ -54750,10 +55019,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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;
@@ -54858,10 +55129,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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;
@@ -54872,10 +55145,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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
@@ -54926,10 +55201,12 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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);
@@ -55812,7 +56089,8 @@ var init_containerResponsiveThemeCss = __esm({
 
 /* 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;
   }
 
@@ -55820,6 +56098,7 @@ var init_containerResponsiveThemeCss = __esm({
     min-width: 100%;
   }
 }
+}
 
 /* =============================================================================
  * Success State
@@ -55857,12 +56136,14 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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;
@@ -55937,7 +56218,8 @@ var init_containerResponsiveThemeCss = __esm({
 }
 
 @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);
   }
@@ -55961,6 +56243,7 @@ var init_containerResponsiveThemeCss = __esm({
     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 {
@@ -56165,18 +56448,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__ */ jsxs100(
     "div",
     {
       className: className ? `theme-scope ${className}` : "theme-scope",
       style: wrapperStyle,
-      "data-rb-responsive-mode": responsiveMode,
+      "data-rb-responsive-mode": responsiveScope.kind,
       ...dataAttrs,
       suppressHydrationWarning,
       children: [
@@ -56184,25 +56468,131 @@ function ThemeScopeCore({
           "style",
           {
             "data-container-responsive-overrides": true,
-            dangerouslySetInnerHTML: { __html: escapeStyleContent(containerResponsiveThemeCss) }
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(containerResponsiveThemeCss)
+            }
+          }
+        ),
+        layoutCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-layout-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(layoutCss) }
+          }
+        ),
+        buttonCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-button-effects": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(buttonCss) }
+          }
+        ),
+        headerCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-header-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(headerCss) }
+          }
+        ),
+        footerCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-footer-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(footerCss) }
+          }
+        ),
+        cardCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-card-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(cardCss) }
+          }
+        ),
+        accordionCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-accordion-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(accordionCss) }
+          }
+        ),
+        inputCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-input-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(inputCss) }
+          }
+        ),
+        statusCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-status-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(statusCss) }
+          }
+        ),
+        progressCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-progress-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(progressCss) }
+          }
+        ),
+        typographyCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-typography-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(typographyCss)
+            }
+          }
+        ),
+        eventCalendarCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-event-calendar-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(eventCalendarCss)
+            }
+          }
+        ),
+        blockVarsCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-block-vars-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(blockVarsCss) }
+          }
+        ),
+        blockCustomVarsCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-block-custom-vars-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(blockCustomVarsCss)
+            }
+          }
+        ),
+        blockCustomCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-block-custom-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(blockCustomCss)
+            }
+          }
+        ),
+        atRulesCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-at-rules-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(atRulesCss) }
+          }
+        ),
+        customCss && /* @__PURE__ */ jsx139(
+          "style",
+          {
+            "data-custom-theme-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(customCss) }
           }
         ),
-        layoutCss && /* @__PURE__ */ jsx139("style", { "data-layout-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(layoutCss) } }),
-        buttonCss && /* @__PURE__ */ jsx139("style", { "data-button-effects": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(buttonCss) } }),
-        headerCss && /* @__PURE__ */ jsx139("style", { "data-header-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(headerCss) } }),
-        footerCss && /* @__PURE__ */ jsx139("style", { "data-footer-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(footerCss) } }),
-        cardCss && /* @__PURE__ */ jsx139("style", { "data-card-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(cardCss) } }),
-        accordionCss && /* @__PURE__ */ jsx139("style", { "data-accordion-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(accordionCss) } }),
-        inputCss && /* @__PURE__ */ jsx139("style", { "data-input-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(inputCss) } }),
-        statusCss && /* @__PURE__ */ jsx139("style", { "data-status-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(statusCss) } }),
-        progressCss && /* @__PURE__ */ jsx139("style", { "data-progress-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(progressCss) } }),
-        typographyCss && /* @__PURE__ */ jsx139("style", { "data-typography-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(typographyCss) } }),
-        eventCalendarCss && /* @__PURE__ */ jsx139("style", { "data-event-calendar-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(eventCalendarCss) } }),
-        blockVarsCss && /* @__PURE__ */ jsx139("style", { "data-block-vars-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockVarsCss) } }),
-        blockCustomVarsCss && /* @__PURE__ */ jsx139("style", { "data-block-custom-vars-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockCustomVarsCss) } }),
-        blockCustomCss && /* @__PURE__ */ jsx139("style", { "data-block-custom-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockCustomCss) } }),
-        atRulesCss && /* @__PURE__ */ jsx139("style", { "data-at-rules-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(atRulesCss) } }),
-        customCss && /* @__PURE__ */ jsx139("style", { "data-custom-theme-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(customCss) } }),
         children
       ]
     }
@@ -58041,7 +58431,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"
@@ -68229,6 +68619,7 @@ function bindProp(from, opts) {
 
 // ../blocks/src/system/blocks/site-header.ts
 init_defineBlock();
+init_shared2();
 init_colorStyles();
 var logoRow = link(
   {
@@ -68309,7 +68700,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",
@@ -68337,7 +68728,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",
@@ -68392,7 +68783,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",
@@ -68421,10 +68812,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"
@@ -68436,16 +68827,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" })
@@ -68457,16 +68848,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"
     )
   ],
@@ -68477,16 +68868,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" })
@@ -68496,18 +68887,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" })
@@ -68519,16 +68910,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"
     )
   ],
@@ -70045,7 +70436,7 @@ init_builder();
 init_builder();
 init_styledSection();
 init_fragments();
-init_shared2();
+init_shared3();
 init_shop_shared();
 init_defineBlock();
 import { z as z49 } from "zod";
@@ -70216,7 +70607,7 @@ var eventDetailsBlockDefinition = {
 init_builder();
 init_styledSection();
 init_fragments();
-init_shared3();
+init_shared4();
 init_defineBlock();
 var courseDetailsManifest = createBlockManifest({
   id: "block.course-details",
@@ -70398,7 +70789,7 @@ var courseDetailsBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/events/index.ts
-init_shared2();
+init_shared3();
 
 // ../blocks/src/system/blocks/events/event-spotlight.ts
 init_builder();
@@ -70407,7 +70798,7 @@ init_styledSection();
 init_fragments();
 init_boxStyles();
 init_defineBlock();
-init_shared2();
+init_shared3();
 var eventSpotlightManifest = createBlockManifest({
   id: "block.event-spotlight",
   version: "1.1.0",
@@ -77134,6 +77525,7 @@ init_schema2();
 
 // ../theme-core/src/index.ts
 init_responsiveMode();
+init_responsiveDisplay();
 init_breakpoints();
 init_ThemeScopeCore();
 init_buildThemeRuntime();
@@ -77433,7 +77825,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 {