@riverbankcms/sdk 0.134.0 → 0.135.1

package/dist/styles/index.css

@@ -3380,7 +3380,7 @@
  * Shared: Registration Surface (issue 1174)
  *
  * Wizard-surface primitives shared by the event-registration,
- * course-registration and appointment-booking blocks: surface container,
+ * appointment-booking blocks: surface container,
  * selectable option cards, step indicator, wizard actions row, on-surface
  * text ramp, layout stacks, summary box and skeleton shell lines.
  *
@@ -3423,7 +3423,7 @@
 }
 
 /* Surface container */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-reg-surface {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-reg-surface {
   border-radius: var(--rb-reg-radius, var(--rb-block-radius, 1rem));
   border: 1px solid var(--rb-reg-border, rgb(var(--tb-border, 226 232 240)));
   padding: clamp(1rem, 2vw, 1.5rem);
@@ -3453,7 +3453,7 @@
  *
  * Mirrors `contextualButtonSurfaceResetStyles()` in theme-core/buttons; the
  * pairing is pinned by registration-surface-action-reset.test.ts. */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-reg-surface {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-reg-surface {
   --rb-action-primary-base-background-color: initial;
   --rb-action-primary-base-background-image: initial;
   --rb-action-primary-base-color: initial;
@@ -3561,7 +3561,7 @@
 }
 
 /* Selectable option card */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-option-card {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-option-card {
   position: relative;
   display: flex;
   align-items: flex-start;
@@ -3578,34 +3578,34 @@
               box-shadow var(--rb-block-transition, 150ms) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-option-card:hover:not(:disabled):not([aria-disabled="true"]) {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-option-card:hover:not(:disabled):not([aria-disabled="true"]) {
   border-color: var(--rb-reg-border-hover, rgba(var(--tb-primary, 17 24 39), 0.5));
   box-shadow: var(--rb-reg-option-hover-shadow, 0 8px 18px rgba(var(--tb-shadow, 15 23 42), 0.08));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-option-card:focus-visible {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-option-card:focus-visible {
   outline: 2px solid var(--rb-reg-focus-ring, rgba(var(--tb-primary, 17 24 39), 0.3));
   outline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-option-card--selected {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-option-card--selected {
   border-color: var(--rb-reg-border-selected, rgb(var(--tb-primary, 17 24 39)));
   background-color: var(--rb-reg-bg-selected, rgba(var(--tb-primary, 17 24 39), 0.08));
   box-shadow: 0 0 0 1px var(--rb-reg-border-selected, rgb(var(--tb-primary, 17 24 39)));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-option-card--disabled {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-option-card--disabled {
   cursor: not-allowed;
   opacity: 0.7;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-option-card--disabled:hover {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-option-card--disabled:hover {
   border-color: var(--rb-reg-border, rgb(var(--tb-border, 226 232 240)));
   box-shadow: none;
 }
 
 /* Check indicator */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-option-check {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-option-check {
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
@@ -3616,18 +3616,18 @@
   justify-content: center;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-option-check svg {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-option-check svg {
   width: 0.75rem;
   height: 0.75rem;
   color: var(--rb-reg-check-text, rgb(var(--tb-primaryText, var(--tb-primaryForeground, 255 255 255))));
 }
 
 /* Step indicator */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-steps-nav {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-steps-nav {
   margin-bottom: 1.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-steps {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-steps {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3637,13 +3637,13 @@
   margin: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step-circle {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step-circle {
   width: 1.75rem;
   height: 1.75rem;
   border-radius: 50%;
@@ -3657,45 +3657,45 @@
   transition: background-color var(--rb-block-transition, 150ms) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step-circle--active {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step-circle--active {
   background: var(--rb-reg-step-active, rgb(var(--tb-primary, 17 24 39)));
   color: var(--rb-reg-step-text-active, rgb(var(--tb-primaryText, var(--tb-primaryForeground, 255 255 255))));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step-circle--completed {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step-circle--completed {
   background: var(--rb-reg-step-completed, rgb(var(--tb-success, 22 163 74)));
   color: var(--rb-reg-step-text-active, rgb(var(--tb-primaryText, var(--tb-primaryForeground, 255 255 255))));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step-check {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step-check {
   width: 0.75rem;
   height: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step-connector {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step-connector {
   width: 2rem;
   height: 2px;
   background: var(--rb-reg-step-connector, rgba(var(--tb-border, 226 232 240), 0.5));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step-label {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step-label {
   font-size: 0.75rem;
   color: var(--rb-reg-on-surface, rgb(var(--tb-onSurface, var(--tb-text, 15 23 42))));
   display: none;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step-label--active {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step-label--active {
   font-weight: 500;
 }
 
 @media (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-step-label {
+  :where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-step-label {
     display: inline;
   }
 }
 
 /* Wizard actions row */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-wizard-actions {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-wizard-actions {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3704,56 +3704,56 @@
 }
 
 /* When there's only one action (no back button), push it to the right */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-wizard-actions > :only-child {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-wizard-actions > :only-child {
   margin-inline-start: auto;
 }
 
 /* On-surface text ramp */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-on-surface {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-on-surface {
   color: var(--rb-reg-on-surface, rgb(var(--tb-onSurface, var(--tb-text, 15 23 42))));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-on-surface--muted {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-on-surface--muted {
   color: var(--rb-reg-on-surface-muted, rgba(var(--tb-onSurface, var(--tb-text, 15 23 42)), 0.7));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-on-surface--subtle {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-on-surface--subtle {
   color: var(--rb-reg-on-surface-subtle, rgba(var(--tb-onSurface, var(--tb-text, 15 23 42)), 0.6));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-on-surface--faint {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-on-surface--faint {
   color: var(--rb-reg-on-surface-faint, rgba(var(--tb-onSurface, var(--tb-text, 15 23 42)), 0.5));
 }
 
 /* Layout stacks */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-reg-stack {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-reg-stack {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-reg-stack--sm {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-reg-stack--sm {
   gap: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-reg-row {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-reg-row {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-reg-row--between {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-reg-row--between {
   justify-content: space-between;
   align-items: flex-start;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-reg-grid {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-reg-grid {
   display: grid;
   gap: 0.75rem;
 }
 
 /* Summary box */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-reg-summary {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-reg-summary {
   padding: 1rem;
   border-radius: calc(var(--rb-reg-radius, var(--rb-block-radius, 1rem)) * 0.75);
   border: 1px solid var(--rb-reg-summary-border, rgb(var(--tb-border, 226 232 240)));
@@ -3761,7 +3761,7 @@
 }
 
 /* Skeleton shell lines */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-shell-line {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-shell-line {
   height: 0.75rem;
   border-radius: 9999px;
   background: linear-gradient(
@@ -3772,24 +3772,24 @@
   );
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-shell-line--lg {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-shell-line--lg {
   width: min(26rem, 82%);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-shell-line--md {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-shell-line--md {
   width: min(19rem, 68%);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-shell-line--sm {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-shell-line--sm {
   width: min(14rem, 52%);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-shell-line--xs {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-shell-line--xs {
   width: min(10rem, 42%);
 }
 
 /* Skeleton block (rectangular placeholder, pulses) */
-:where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-shell-block {
+:where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-shell-block {
   height: 2.5rem;
   width: 100%;
   border-radius: var(--rb-reg-radius, var(--rb-block-radius, 1rem));
@@ -3807,7 +3807,7 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  :where(.theme-scope) :where([data-block="event-registration"], [data-block="course-registration"], [data-block="appointment-booking"]) .rb-shell-block {
+  :where(.theme-scope) :where([data-block="event-registration"], [data-block="appointment-booking"]) .rb-shell-block {
     animation: none;
   }
 }
@@ -10173,1313 +10173,6 @@
 }
 
 
-/*
- * Course Details (runtime node)
- * Minimal rules - most styling via rb-* utilities
- */
-
-:where(.theme-scope) .course-details {
-  width: 100%;
-  max-width: 56.25rem; /* 900px */
-  margin-inline: auto;
-}
-
-/* Description prose wrapper */
-:where(.theme-scope) .course-details .cd-description {
-  margin-top: 1rem;
-}
-
-/* "Showing X of Y" text */
-:where(.theme-scope) .course-details .cd-sessions__more {
-  margin-top: 0.5rem;
-  opacity: 0.7;
-  font-size: 0.875rem;
-}
-
-/* Enrollment status colors (using Tier 3 vars) */
-:where(.theme-scope) .course-details .cd-enrollment--open {
-  color: var(--cd-enrollment-open-text);
-}
-
-:where(.theme-scope) .course-details .cd-enrollment--closed {
-  color: var(--cd-enrollment-closed-text);
-}
-
-
-/* =============================================================================
- * Block: Event whole-series registration
- * Keep rules minimal and theme-driven; class names are prefixed with `er-whole-series-`.
- * =============================================================================
- */
-
-/* Block-local surface text tokens for cards/modals that sit on theme surface. */
-:where(.theme-scope)
-  :where(
-    [data-block='event-registration'],
-    [data-block='course-registration']
-  ) {
-  --er-on-surface: rgb(var(--tb-onSurface, var(--tb-text)));
-  --er-on-surface-hover-bg: rgba(var(--tb-onSurface, var(--tb-text)), 0.05);
-}
-
-/* Container: base styling comes from the shared .rb-reg-surface
-   (registration-surface.css); these overrides preserve whole-series
-   whole-series registration's established look (fixed padding, centered). */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-container {
-  padding: 1.5rem;
-  margin-inline: auto;
-}
-
-/* Empty/unavailable */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-empty {
-  border-radius: var(--rb-block-radius);
-  border: 1px dashed rgba(var(--tb-foreground), 0.2);
-  padding: 2.5rem;
-  text-align: center;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-empty__text {
-  opacity: 0.7;
-}
-
-/* =============================================================================
- * Layout (two-column)
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-layout {
-  display: grid;
-  gap: 1.5rem;
-  grid-template-columns: 1fr;
-}
-
-@media (min-width: 768px) {
-  :where(.theme-scope)
-    :where(
-      [data-block='event-registration'],
-      [data-block='course-registration']
-    )
-    .er-whole-series-layout--with-sidebar {
-    grid-template-columns: 1fr 280px;
-  }
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-layout__main {
-  min-width: 0;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-layout__sidebar {
-  display: none;
-}
-
-@media (min-width: 768px) {
-  :where(.theme-scope)
-    :where(
-      [data-block='event-registration'],
-      [data-block='course-registration']
-    )
-    .er-whole-series-layout__sidebar {
-    display: block;
-  }
-}
-
-/* =============================================================================
- * Step Indicator
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-steps {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 1.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step-circle {
-  width: 1.75rem;
-  height: 1.75rem;
-  border-radius: 9999px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.75rem;
-  font-weight: 600;
-  background: var(--er-step-inactive);
-  color: var(--er-step-text);
-  transition: background-color 0.2s ease;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step-circle--active {
-  background: var(--er-step-active);
-  color: var(--er-step-text-active);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step-circle--completed {
-  background: var(--er-step-completed);
-  color: var(--er-step-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step-label {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: rgb(var(--tb-mutedText));
-  display: none;
-}
-
-@media (min-width: 640px) {
-  :where(.theme-scope)
-    :where(
-      [data-block='event-registration'],
-      [data-block='course-registration']
-    )
-    .er-whole-series-step-label {
-    display: block;
-  }
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step-label--active {
-  color: var(--er-on-surface);
-  font-weight: 600;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step-connector {
-  flex: 1;
-  height: 2px;
-  background: var(--er-step-connector);
-  min-width: 1rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step-connector--completed {
-  background: var(--er-step-completed);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-step-check {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-/* =============================================================================
- * Lists
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-list {
-  display: grid;
-  gap: 1rem;
-}
-
-/* =============================================================================
- * Run cards
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card {
-  border-radius: var(--rb-block-radius);
-  border: 1px solid var(--er-border);
-  padding: 1rem;
-  background: rgb(var(--tb-background));
-  cursor: pointer;
-  transition:
-    border-color var(--rb-block-transition) ease,
-    transform var(--rb-block-transition) ease;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card:hover {
-  border-color: var(--er-border-hover);
-  transform: translateY(-1px);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card:focus-visible {
-  outline: 2px solid var(--er-focus-ring);
-  outline-offset: 2px;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card--selected {
-  border-color: var(--er-border-selected);
-  box-shadow: 0 0 0 3px var(--er-focus-ring);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card__title {
-  margin: 0 0 0.25rem 0;
-  font-weight: 700;
-  font-size: 1.125rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card__status {
-  margin: 0.25rem 0 0 0;
-  opacity: 0.8;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card__sessions,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card__price,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card__capacity,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-run-card__venue {
-  margin: 0.25rem 0 0 0;
-  opacity: 0.85;
-}
-
-/* =============================================================================
- * Capacity Badges
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-capacity-badge {
-  display: inline-block;
-  padding: 0.125rem 0.5rem;
-  border-radius: 9999px;
-  font-size: 0.75rem;
-  font-weight: 500;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-capacity-badge--available {
-  background: var(--er-capacity-available-bg);
-  color: var(--er-capacity-available-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-capacity-badge--low {
-  background: var(--er-capacity-low-bg);
-  color: var(--er-capacity-low-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-capacity-badge--soldout {
-  background: var(--er-capacity-soldout-bg);
-  color: var(--er-capacity-soldout-text);
-}
-
-/* =============================================================================
- * Summary + Details
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-details {
-  display: grid;
-  gap: 1rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-summary {
-  border-radius: var(--rb-block-radius);
-  border: 1px solid var(--er-summary-border);
-  padding: 1rem;
-  background: var(--er-summary-bg);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-summary__title {
-  margin: 0;
-  font-size: 1.25rem;
-  font-weight: 800;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-summary__sessions-title {
-  margin: 0.75rem 0 0.5rem 0;
-  font-weight: 700;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-summary__sessions-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: grid;
-  gap: 0.35rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-summary__session {
-  opacity: 0.9;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-summary__venue,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-summary__price,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-summary__membership {
-  margin: 0.5rem 0 0 0;
-  opacity: 0.9;
-}
-
-/* =============================================================================
- * Form
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form {
-  display: grid;
-  gap: 1rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__field {
-  display: grid;
-  gap: 0.35rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__label {
-  font-size: 0.875rem;
-  font-weight: 600;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__label--required::after {
-  content: ' *';
-  color: var(--er-required);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__input {
-  border-radius: calc(var(--rb-block-radius) * 0.6);
-  border: 1px solid var(--er-border);
-  padding: 0.6rem 0.75rem;
-  background: rgb(var(--tb-background));
-  color: rgb(var(--tb-foreground));
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__textarea {
-  border-radius: calc(var(--rb-block-radius) * 0.6);
-  border: 1px solid var(--er-border);
-  padding: 0.6rem 0.75rem;
-  background: rgb(var(--tb-background));
-  color: rgb(var(--tb-foreground));
-  resize: vertical;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__input:focus,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__textarea:focus {
-  outline: 2px solid var(--er-focus-ring);
-  outline-offset: 2px;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__input--error,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__textarea.er-whole-series-form__input--error {
-  border-color: var(--er-border-error);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__error {
-  font-size: 0.875rem;
-  color: var(--er-error-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-form__hint {
-  font-size: 0.875rem;
-  opacity: 0.7;
-}
-
-/* Logged-in user hint with logout link */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-logged-in-hint {
-  font-size: 0.875rem;
-  opacity: 0.7;
-  margin: 0.25rem 0 0 0;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-link {
-  background: none;
-  border: none;
-  padding: 0;
-  font-size: inherit;
-  color: rgb(var(--tb-primary));
-  cursor: pointer;
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-link:hover {
-  text-decoration: none;
-}
-
-/* =============================================================================
- * Actions
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-actions {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.75rem;
-  margin-top: 0.25rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-back-btn {
-  border: 0;
-  background: transparent;
-  color: var(--er-on-surface);
-  opacity: 0.8;
-  padding: 0.25rem 0.25rem;
-  cursor: pointer;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-back-btn:hover {
-  opacity: 1;
-  text-decoration: underline;
-}
-
-/* =============================================================================
- * Payment Options
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment__options {
-  display: grid;
-  gap: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment__option {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-/* =============================================================================
- * Payment Tiles (Card Grid)
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tiles {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 0.75rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile {
-  border-radius: var(--rb-block-radius);
-  border: 1px solid var(--er-payment-border);
-  padding: 1rem;
-  background: rgb(var(--tb-background));
-  cursor: pointer;
-  transition:
-    border-color 0.15s ease,
-    box-shadow 0.15s ease,
-    background-color 0.15s ease;
-  position: relative;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile:hover {
-  border-color: var(--er-payment-border-hover);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile:focus-visible {
-  outline: 2px solid var(--er-focus-ring);
-  outline-offset: 2px;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile--selected {
-  border-color: var(--er-payment-border-selected);
-  background: var(--er-payment-bg-selected);
-  box-shadow: 0 0 0 3px var(--er-focus-ring);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile--upsell {
-  border-style: dashed;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile__header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile__name {
-  margin: 0;
-  font-weight: 600;
-  font-size: 1rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile__description {
-  margin: 0.25rem 0 0 0;
-  font-size: 0.875rem;
-  opacity: 0.7;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile__price {
-  font-weight: 600;
-  font-size: 0.875rem;
-  white-space: nowrap;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile__badge {
-  display: inline-block;
-  padding: 0.125rem 0.5rem;
-  border-radius: 9999px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  margin-top: 0.5rem;
-}
-
-/* Checkmark indicator on selected tile */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile__check {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  width: 1.25rem;
-  height: 1.25rem;
-  border-radius: 9999px;
-  background: var(--er-check-bg);
-  color: var(--er-check-text);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  opacity: 0;
-  transition: opacity 0.15s ease;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-tile--selected
-  .er-whole-series-payment-tile__check {
-  opacity: 1;
-}
-
-/* =============================================================================
- * Booking Mode Step
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-booking-mode {
-  display: grid;
-  gap: 1rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-booking-mode__title {
-  margin: 0;
-  font-size: var(--er-step-title-size);
-  font-weight: 700;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-booking-mode__subtitle {
-  margin: 0.25rem 0 0 0;
-  opacity: 0.7;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-booking-mode__link {
-  margin-top: 0.5rem;
-  font-size: 0.875rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-booking-mode__link
-  a {
-  color: rgb(var(--tb-primary));
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-booking-mode__link
-  a:hover {
-  text-decoration: none;
-}
-
-/* =============================================================================
- * Membership Hero
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-membership-hero {
-  border-radius: var(--rb-block-radius);
-  background: var(--er-success-bg);
-  border: 1px solid rgba(var(--tb-success), 0.2);
-  padding: 1.5rem;
-  text-align: center;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-membership-hero__icon {
-  font-size: 2rem;
-  margin-bottom: 0.75rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-membership-hero__title {
-  margin: 0;
-  font-size: 1.25rem;
-  font-weight: 700;
-  color: var(--er-success-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-membership-hero__subtitle {
-  margin: 0.25rem 0 0 0;
-  font-size: 0.875rem;
-  opacity: 0.8;
-}
-
-/* =============================================================================
- * Portal Auth Sidebar
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-sidebar {
-  border-radius: var(--rb-block-radius);
-  border: 1px solid var(--er-border);
-  padding: 1.25rem;
-  background: rgb(var(--tb-surface));
-  color: var(--er-on-surface);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-sidebar__icon {
-  font-size: 1.5rem;
-  margin-bottom: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-sidebar__title {
-  margin: 0;
-  font-size: 1rem;
-  font-weight: 600;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-sidebar__text {
-  margin: 0.5rem 0 0 0;
-  font-size: 0.875rem;
-  opacity: 0.8;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-sidebar__action {
-  margin-top: 1rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-sidebar__link {
-  color: rgb(var(--tb-primary));
-  cursor: pointer;
-  text-decoration: underline;
-  font-size: 0.875rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-sidebar__link:hover {
-  text-decoration: none;
-}
-
-/* =============================================================================
- * Modal (for Magic Link)
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(var(--tb-scrim), 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 100;
-  animation: er-whole-series-fade-in 0.15s ease;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal {
-  background: rgb(var(--tb-surface));
-  color: var(--er-on-surface);
-  border-radius: var(--rb-block-radius);
-  padding: 1.5rem;
-  max-width: 28rem;
-  width: calc(100% - 2rem);
-  position: relative;
-  animation: er-whole-series-slide-up 0.2s ease;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal-close {
-  position: absolute;
-  top: 0.75rem;
-  right: 0.75rem;
-  background: transparent;
-  border: 0;
-  padding: 0.25rem;
-  cursor: pointer;
-  opacity: 0.6;
-  transition: opacity 0.15s ease;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal-close:hover {
-  opacity: 1;
-}
-
-@keyframes er-whole-series-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes er-whole-series-slide-up {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* Reduced motion */
-@media (prefers-reduced-motion: reduce) {
-  :where(.theme-scope)
-    :where(
-      [data-block='event-registration'],
-      [data-block='course-registration']
-    )
-    .er-whole-series-modal-overlay,
-  :where(.theme-scope)
-    :where(
-      [data-block='event-registration'],
-      [data-block='course-registration']
-    )
-    .er-whole-series-modal {
-    animation: none;
-  }
-}
-
-/* =============================================================================
- * Center States
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-center {
-  display: grid;
-  place-items: center;
-  gap: 0.75rem;
-  padding: 2rem 0;
-}
-
-/* =============================================================================
- * Success/Waitlist/Error States
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-success,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-waitlist,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-error,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-failed {
-  text-align: center;
-  padding: 2rem 1rem;
-}
-
-/* State icon color variants (layout from registration-surface.css) */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .rb-state-icon--success {
-  background: var(--er-success-bg);
-  color: var(--er-success-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .rb-state-icon--error {
-  background: var(--er-error-bg);
-  color: var(--er-error-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .rb-state-icon--waitlist,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .rb-state-icon--warning {
-  background: var(--er-waitlist-bg);
-  color: var(--er-waitlist-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-success__title,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-waitlist__title,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-error__title,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-failed__title {
-  margin: 0.75rem 0 0.5rem 0;
-  font-size: 1.125rem;
-  font-weight: 700;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-success__message,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-waitlist__message,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-error__message,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-failed__message {
-  margin: 0;
-  opacity: 0.7;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-success__membership {
-  margin-top: 0.5rem;
-  font-size: 0.875rem;
-  color: var(--er-success-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-error__retry,
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-payment-failed__retry {
-  margin-top: 1rem;
-}
-
-/* =============================================================================
- * Discount Code Section
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount {
-  margin-top: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__form {
-  display: grid;
-  gap: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__toggle {
-  background: transparent;
-  border: 0;
-  padding: 0;
-  color: rgb(var(--tb-primary));
-  cursor: pointer;
-  font-size: 0.875rem;
-  text-decoration: underline;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__toggle:hover {
-  text-decoration: none;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__label {
-  font-size: 0.875rem;
-  font-weight: 600;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__row {
-  display: flex;
-  gap: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__input {
-  flex: 1;
-  border-radius: calc(var(--rb-block-radius) * 0.6);
-  border: 1px solid var(--er-border);
-  padding: 0.5rem 0.75rem;
-  background: rgb(var(--tb-background));
-  color: rgb(var(--tb-foreground));
-  font-size: 0.875rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__input:focus {
-  outline: 2px solid var(--er-focus-ring);
-  outline-offset: 2px;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__remove {
-  background: transparent;
-  border: 0;
-  padding: 0.25rem;
-  cursor: pointer;
-  opacity: 0.6;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__apply {
-  background: transparent;
-  border: 0;
-  padding: 0.25rem;
-  cursor: pointer;
-  opacity: 0.8;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__remove:hover {
-  opacity: 1;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__apply:hover {
-  opacity: 1;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__hint {
-  margin: 0;
-  font-size: 0.875rem;
-  opacity: 0.7;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-discount__feedback {
-  margin: 0;
-  font-size: 0.875rem;
-}
-
-/* =============================================================================
- * Altcha (Spam Protection)
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-altcha {
-  margin-top: 1rem;
-}
-
-/* =============================================================================
- * Magic Link Form
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-magic-link-form {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-magic-link-title {
-  margin: 0;
-  font-size: 1.25rem;
-  font-weight: 700;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-magic-link-success {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-auth-text {
-  margin: 0;
-  font-size: 0.875rem;
-  opacity: 0.8;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-auth-text--success {
-  color: var(--er-success-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-portal-auth-text--error {
-  color: var(--er-error-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal-btn {
-  border-radius: calc(var(--rb-block-radius) * 0.6);
-  border: 0;
-  padding: 0.6rem 1rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: opacity 0.15s ease;
-  background: rgb(var(--tb-primary));
-  color: rgb(var(--tb-primaryText, 255 255 255));
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal-btn:hover {
-  opacity: 0.9;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal-btn--secondary {
-  background: transparent;
-  color: var(--er-on-surface);
-  border: 1px solid var(--er-border);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-modal-btn--secondary:hover {
-  background: var(--er-on-surface-hover-bg);
-}
-
-/* =============================================================================
- * Utility Classes
- * =============================================================================
- */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-text--muted {
-  opacity: 0.7;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-text--error {
-  color: var(--er-error-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-text--success {
-  color: var(--er-success-text);
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-/* Stack utility */
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-stack {
-  display: flex;
-  flex-direction: column;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-stack--gap-sm {
-  gap: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-stack--gap-md {
-  gap: 1rem;
-}
-
-:where(.theme-scope)
-  :where([data-block='event-registration'], [data-block='course-registration'])
-  .er-whole-series-stack--gap-lg {
-  gap: 1.5rem;
-}
-
-
 /* =============================================================================
  * Block: Newsletter Signup
  * =============================================================================