@riverbankcms/sdk 0.130.2 → 0.132.0

package/dist/styles/index.css

@@ -3819,7 +3819,7 @@
  * =============================================================================
  */
 
-:where(.theme-scope) :where([data-block="event-registration"]) {
+:where(.theme-scope) :where([data-block='event-registration']) {
   --rb-modal-overlay-bg: rgb(var(--tb-text, 0 0 0) / 0.6);
   --rb-event-tile-bg: var(--er-event-card-bg);
   --rb-event-tile-border: var(--er-border);
@@ -3832,8 +3832,12 @@
   --er-on-surface-muted: rgba(var(--tb-onSurface, var(--tb-text)), 0.7);
   --er-on-surface-subtle: rgba(var(--tb-onSurface, var(--tb-text)), 0.6);
   --er-on-surface-faint: rgba(var(--tb-onSurface, var(--tb-text)), 0.5);
+  --er-on-surface-hover-bg: rgba(var(--tb-onSurface, var(--tb-text)), 0.05);
   --er-on-surface-disabled: rgba(var(--tb-onSurface, var(--tb-text)), 0.78);
-  --er-on-surface-disabled-detail: rgba(var(--tb-onSurface, var(--tb-text)), 0.68);
+  --er-on-surface-disabled-detail: rgba(
+    var(--tb-onSurface, var(--tb-text)),
+    0.68
+  );
 }
 
 /* Container: styled by the shared .rb-reg-surface (registration-surface.css);
@@ -3841,15 +3845,21 @@
    variants below. */
 
 /* SSR shell / required-island fallback */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell {
   min-height: 24rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__steps {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell__steps {
   margin-bottom: 1.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__eyebrow {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell__eyebrow {
   margin: 0 0 0.35rem;
   color: var(--er-on-surface-subtle);
   font-size: 0.75rem;
@@ -3859,17 +3869,23 @@
   text-transform: uppercase;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell__title {
   margin: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__copy {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell__copy {
   margin: 0.35rem 0 0;
   max-width: 36rem;
   line-height: 1.45;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__cards {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell__cards {
   margin-top: 0.25rem;
   overflow: hidden;
   border: 1px solid var(--er-border);
@@ -3877,7 +3893,9 @@
   background: var(--er-control-bg);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__card {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell__card {
   display: grid;
   gap: 0.5rem;
   padding: 1rem;
@@ -3886,14 +3904,18 @@
 /* Shell skeleton lines: styled by the shared .rb-shell-line family
    (registration-surface.css); legacy classes remain in markup as hooks. */
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__summary {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell__summary {
   align-items: center;
   border-radius: calc(var(--rb-block-radius) * 0.75);
   border: 1px solid var(--er-summary-border);
   padding: 0.875rem 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__button-placeholder {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-registration-shell__button-placeholder {
   display: inline-flex;
   min-height: 2.5rem;
   align-items: center;
@@ -3909,7 +3931,9 @@
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .event-registration__hydration-error {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .event-registration__hydration-error {
   border-radius: var(--rb-block-radius);
   border: 1px solid var(--er-border-error);
   background: var(--er-error-bg);
@@ -3919,7 +3943,9 @@
   line-height: 1.45;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"].event-registration--embedded) .er-container {
+:where(.theme-scope)
+  :where([data-block='event-registration'].event-registration--embedded)
+  .er-container {
   max-width: none;
   padding: 0;
   border: 0;
@@ -3928,35 +3954,43 @@
 }
 
 /* Empty/unavailable states */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-empty {
+:where(.theme-scope) :where([data-block='event-registration']) .er-empty {
   border-radius: var(--rb-block-radius);
   border: 1px dashed var(--er-border);
   padding: 3rem;
   text-align: center;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-empty__text {
+:where(.theme-scope) :where([data-block='event-registration']) .er-empty__text {
   opacity: 0.6;
 }
 
 /* Capacity badges */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-capacity-badge {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-capacity-badge {
   font-size: 0.875rem;
   padding: 0.25rem 0.5rem;
   border-radius: calc(var(--rb-block-radius) * 0.5);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-capacity-badge--available {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-capacity-badge--available {
   background: var(--er-capacity-available-bg);
   color: var(--er-capacity-available-text);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-capacity-badge--low {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-capacity-badge--low {
   background: var(--er-capacity-low-bg);
   color: var(--er-capacity-low-text);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-capacity-badge--soldout {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-capacity-badge--soldout {
   background: var(--er-capacity-soldout-bg);
   color: var(--er-capacity-soldout-text);
 }
@@ -3965,18 +3999,20 @@
    (registration-surface.css); no markup emitted .er-event-summary anymore. */
 
 /* Ticket counter */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-counter-group {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-counter-group {
   display: flex;
   align-items: center;
   gap: 0.875rem;
   flex-wrap: wrap;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-counter {
+:where(.theme-scope) :where([data-block='event-registration']) .er-counter {
   gap: 0.625rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-counter-btn {
+:where(.theme-scope) :where([data-block='event-registration']) .er-counter-btn {
   width: 2.125rem;
   height: 2.125rem;
   border-radius: 50%;
@@ -3988,33 +4024,43 @@
   transition: border-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-counter-btn:hover:not(:disabled) {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-counter-btn:hover:not(:disabled) {
   border-color: var(--er-border-hover);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-counter-btn:disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-counter-btn:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-counter-limit {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-counter-limit {
   margin: 0;
   color: var(--er-on-surface-muted);
   font-size: 0.8125rem;
   line-height: 1.35;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-lines {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-lines {
   display: grid;
   gap: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-list {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-list {
   display: grid;
   gap: 0.625rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line {
+:where(.theme-scope) :where([data-block='event-registration']) .er-ticket-line {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
@@ -4026,25 +4072,33 @@
   background: var(--er-control-bg);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line--disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line--disabled {
   color: var(--er-on-surface-disabled);
   background: var(--er-surface-muted);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-main {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-main {
   min-width: 0;
   display: grid;
   gap: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-heading {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-heading {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   gap: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-name {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-name {
   min-width: 0;
   font-size: 0.9375rem;
   font-weight: 600;
@@ -4052,14 +4106,18 @@
   overflow-wrap: anywhere;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-price {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-price {
   flex-shrink: 0;
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 1.3;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-detail {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-detail {
   margin: 0;
   color: var(--er-on-surface-muted);
   font-size: 0.8125rem;
@@ -4067,20 +4125,26 @@
   overflow-wrap: anywhere;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-summary {
   padding: 0.75rem 0.875rem;
   border: 1px solid var(--er-summary-border);
   border-radius: calc(var(--rb-block-radius) * 0.75);
   background: var(--er-surface-muted);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-summary-title {
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 1.35;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line-summary-list {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-ticket-line-summary-list {
   margin: 0.25rem 0 0;
   padding-left: 1.125rem;
   color: var(--er-on-surface-muted);
@@ -4089,18 +4153,23 @@
 }
 
 @media (max-width: 639px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line {
+  :where(.theme-scope)
+    :where([data-block='event-registration'])
+    .er-ticket-line {
     grid-template-columns: minmax(0, 1fr);
     align-items: stretch;
   }
 
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-line .er-counter {
+  :where(.theme-scope)
+    :where([data-block='event-registration'])
+    .er-ticket-line
+    .er-counter {
     justify-content: flex-start;
   }
 }
 
 /* Form inputs */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-input {
+:where(.theme-scope) :where([data-block='event-registration']) .er-input {
   width: 100%;
   min-height: 2.75rem;
   padding: 0.625rem 0.75rem;
@@ -4110,49 +4179,56 @@
   color: var(--er-control-text);
   font: inherit;
   line-height: 1.4;
-  transition: border-color var(--rb-block-transition) ease,
-              background-color var(--rb-block-transition) ease,
-              box-shadow var(--rb-block-transition) ease;
+  transition:
+    border-color var(--rb-block-transition) ease,
+    background-color var(--rb-block-transition) ease,
+    box-shadow var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-input::placeholder {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-input::placeholder {
   color: var(--er-on-surface-faint);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-input:focus {
+:where(.theme-scope) :where([data-block='event-registration']) .er-input:focus {
   outline: none;
   border-color: var(--er-border-selected);
   box-shadow: 0 0 0 3px var(--er-focus-ring);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-input--error {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-input--error {
   border-color: var(--er-border-error);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-input--error:focus {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-input--error:focus {
   box-shadow: 0 0 0 3px rgba(var(--tb-destructive), 0.2);
 }
 
 /* Form labels and errors */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-label {
+:where(.theme-scope) :where([data-block='event-registration']) .er-label {
   display: block;
   font-size: 0.875rem;
   font-weight: 500;
   margin-bottom: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-required {
+:where(.theme-scope) :where([data-block='event-registration']) .er-required {
   color: var(--er-required);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-error {
+:where(.theme-scope) :where([data-block='event-registration']) .er-error {
   font-size: 0.875rem;
   color: var(--er-error-text);
   margin-top: 0.25rem;
 }
 
 /* Back button */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-back-btn {
+:where(.theme-scope) :where([data-block='event-registration']) .er-back-btn {
   font-size: 0.875rem;
   opacity: 0.7;
   background: none;
@@ -4162,38 +4238,50 @@
   transition: opacity var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-back-btn:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-back-btn:hover {
   opacity: 1;
 }
 
 /* State icon color variants (layout from registration-surface.css) */
-:where(.theme-scope) :where([data-block="event-registration"]) .rb-state-icon--success {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .rb-state-icon--success {
   background: var(--er-success-bg);
   color: var(--er-success-text);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .rb-state-icon--info {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .rb-state-icon--info {
   background: var(--er-info-bg);
   color: var(--er-info-text);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .rb-state-icon--error {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .rb-state-icon--error {
   background: var(--er-error-bg);
   color: var(--er-error-text);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .rb-state-icon--waitlist {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .rb-state-icon--waitlist {
   background: var(--er-waitlist-bg);
   color: var(--er-waitlist-text);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .rb-state-icon--warning {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .rb-state-icon--warning {
   background: var(--er-waitlist-bg);
   color: var(--er-waitlist-text);
 }
 
 /* Retry button */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-retry-btn {
+:where(.theme-scope) :where([data-block='event-registration']) .er-retry-btn {
   padding: 0.5rem 1rem;
   border-radius: calc(var(--rb-block-radius) * 0.5);
   border: 1px solid var(--er-border);
@@ -4202,120 +4290,172 @@
   transition: border-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-retry-btn:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-retry-btn:hover {
   border-color: var(--er-border-hover);
 }
 
 /* Typography */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-title {
+:where(.theme-scope) :where([data-block='event-registration']) .er-title {
   font-size: var(--er-step-title-size, 1.5rem);
   font-weight: 600;
   line-height: 1.3;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-title--lg {
+:where(.theme-scope) :where([data-block='event-registration']) .er-title--lg {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-text {
+:where(.theme-scope) :where([data-block='event-registration']) .er-text {
   font-size: 0.875rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-text--muted {
+:where(.theme-scope) :where([data-block='event-registration']) .er-text--muted {
   opacity: 0.7;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-text--faint {
+:where(.theme-scope) :where([data-block='event-registration']) .er-text--faint {
   opacity: 0.6;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-title {
+:where(.theme-scope) :where([data-block='event-registration']) .er-event-title {
   font-weight: 500;
   margin: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-card {
+:where(.theme-scope) :where([data-block='event-registration']) .er-event-card {
   color: var(--er-on-surface);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-grid
+  .er-event-card {
   padding: 0.875rem 0;
-  border-width: 0 0 var(--rb-event-tile-border-width, var(--rb-border-width, 1px)) 0;
+  border-width: 0 0
+    var(--rb-event-tile-border-width, var(--rb-border-width, 1px)) 0;
   border-style: solid;
   border-radius: 0;
   background: transparent;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card:last-child {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-grid
+  .er-event-card:last-child {
   border-bottom-width: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-option {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-option {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-option-main {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-option-main {
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-grid
+  .er-event-title {
   font-size: 1rem;
   line-height: 1.35;
   font-weight: 600;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-card .er-event-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-card
+  .er-event-title {
   color: var(--er-on-surface);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-card .er-text {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-card
+  .er-text {
   color: var(--er-on-surface);
   margin: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card .er-text {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-grid
+  .er-event-card
+  .er-text {
   line-height: 1.4;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-card .er-text--muted {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-card
+  .er-text--muted {
   color: var(--er-on-surface-muted);
   opacity: 1;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-card .er-text--faint {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-card
+  .er-text--faint {
   color: var(--er-on-surface-faint);
   opacity: 1;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-card--disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-card--disabled {
   color: var(--er-on-surface-disabled);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card--selected {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-grid
+  .er-event-card--selected {
   background: transparent;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card--selected .er-event-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-grid
+  .er-event-card--selected
+  .er-event-title {
   color: rgb(var(--tb-primary));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-card--disabled .er-text--muted,
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-card--disabled .er-text--faint {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-card--disabled
+  .er-text--muted,
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-card--disabled
+  .er-text--faint {
   color: var(--er-on-surface-disabled-detail);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-capacity-badge {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-event-grid
+  .er-capacity-badge {
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-counter-value {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-counter-value {
   font-size: 1.25rem;
   font-weight: 700;
   width: 1.625rem;
@@ -4326,18 +4466,18 @@
    (registration-surface.css); legacy classes remain in markup as hooks. */
 
 /* Event/date selection rows */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
+:where(.theme-scope) :where([data-block='event-registration']) .er-event-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   gap: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-center {
+:where(.theme-scope) :where([data-block='event-registration']) .er-center {
   text-align: center;
   padding: 2rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-icon {
+:where(.theme-scope) :where([data-block='event-registration']) .er-icon {
   display: flex;
   justify-content: center;
   margin-bottom: 1rem;
@@ -4346,29 +4486,38 @@
 /* Actions row: styled by the shared .rb-wizard-actions (registration-surface.css);
    .er-actions remains in markup as a hook. */
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-button-with-spinner {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-button-with-spinner {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-button-spinner {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-button-spinner {
   flex-shrink: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-altcha {
+:where(.theme-scope) :where([data-block='event-registration']) .er-altcha {
   margin-top: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-field + .er-field {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-field
+  + .er-field {
   margin-top: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-message {
+:where(.theme-scope) :where([data-block='event-registration']) .er-message {
   margin-bottom: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-existing-registration-notice {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-existing-registration-notice {
   margin-bottom: 1rem;
   width: 100%;
   padding: 1.25rem;
@@ -4378,24 +4527,33 @@
   text-align: center;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-existing-registration-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-existing-registration-title {
   margin: 0;
   font-weight: 600;
   font-size: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-existing-registration-notice .rb-state-icon {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-existing-registration-notice
+  .rb-state-icon {
   margin: 0 auto 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-existing-registration-copy {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-existing-registration-copy {
   margin: 0.5rem 0 0;
   font-size: 0.9375rem;
   color: var(--er-on-surface-muted);
   line-height: 1.4;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-existing-registration-link {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-existing-registration-link {
   margin-top: 0.75rem;
   padding: 0;
   border: 0;
@@ -4407,37 +4565,50 @@
   cursor: pointer;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-existing-registration-link:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-existing-registration-link:hover {
   text-decoration: none;
 }
 
 /* Payment group container */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-group {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-group {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-group + .er-payment-group {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-group
+  + .er-payment-group {
   margin-top: 1.5rem;
   padding-top: 1.5rem;
   border-top: 1px solid var(--er-border);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-group-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-group-title {
   font-size: 0.875rem;
   font-weight: 600;
   margin: 0 0 0.25rem 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-group-subtitle {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-group-subtitle {
   font-size: 0.8125rem;
   color: var(--er-on-surface-subtle);
   margin: 0 0 0.5rem 0;
 }
 
 /* Payment option card */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option {
   position: relative;
   display: flex;
   align-items: flex-start;
@@ -4447,33 +4618,42 @@
   border-radius: var(--rb-block-radius);
   background: var(--er-control-bg);
   cursor: pointer;
-  transition: border-color var(--rb-block-transition) ease,
-              box-shadow var(--rb-block-transition) ease,
-              background-color var(--rb-block-transition) ease;
+  transition:
+    border-color var(--rb-block-transition) ease,
+    box-shadow var(--rb-block-transition) ease,
+    background-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option:hover {
   border-color: var(--er-payment-border-hover);
   box-shadow: 0 8px 18px rgba(var(--tb-shadow, 15 23 42), 0.08);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option--selected {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option--selected {
   border-color: var(--er-payment-border-selected);
   background-color: var(--er-payment-bg-selected);
   box-shadow: 0 0 0 1px var(--er-payment-border-selected);
 }
 
 /* Discount code entry */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount {
+:where(.theme-scope) :where([data-block='event-registration']) .er-discount {
   margin-top: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__form {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__form {
   display: grid;
   gap: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__toggle {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__toggle {
   background: transparent;
   border: 0;
   padding: 0;
@@ -4483,21 +4663,29 @@
   text-decoration: underline;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__toggle:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__toggle:hover {
   text-decoration: none;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__label {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__label {
   font-size: 0.875rem;
   font-weight: 600;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__row {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__row {
   display: flex;
   gap: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__input {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__input {
   flex: 1;
   border-radius: calc(var(--rb-block-radius) * 0.6);
   border: 1px solid var(--er-border);
@@ -4507,12 +4695,16 @@
   font-size: 0.875rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__input:focus {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__input:focus {
   outline: 2px solid var(--er-focus-ring);
   outline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__remove {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__remove {
   background: transparent;
   border: 0;
   padding: 0.25rem;
@@ -4521,7 +4713,9 @@
   opacity: 0.7;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__apply {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__apply {
   background: transparent;
   border: 0;
   padding: 0.25rem;
@@ -4530,27 +4724,37 @@
   opacity: 0.8;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__remove:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__remove:hover {
   opacity: 1;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__apply:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__apply:hover {
   opacity: 1;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__hint {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__hint {
   margin: 0;
   font-size: 0.875rem;
   color: var(--er-on-surface-muted);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__feedback {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-discount__feedback {
   margin: 0;
   font-size: 0.875rem;
 }
 
 /* Visually hide native radio but keep focusable (sr-only pattern) */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-radio {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-radio {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -4563,35 +4767,47 @@
 }
 
 /* Focus ring on label when radio is focused */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option:focus-within {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option:focus-within {
   outline: 2px solid var(--er-payment-border-selected);
   outline-offset: 2px;
 }
 
 /* Content layout */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option-content {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option-content {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option-name {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option-name {
   font-weight: 500;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option-detail {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option-detail {
   font-size: 0.875rem;
   color: var(--er-on-surface-muted);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option-description {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option-description {
   font-size: 0.8125rem;
   color: var(--er-on-surface-subtle);
   margin-top: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option-validity {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option-validity {
   font-size: 0.75rem;
   color: var(--er-on-surface-faint);
 }
@@ -4600,46 +4816,51 @@
    (registration-surface.css); .er-check remains in markup as a hook. */
 
 /* Payment summary */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-summary {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-summary {
   margin-bottom: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-price {
+:where(.theme-scope) :where([data-block='event-registration']) .er-price {
   font-size: 1.5rem;
   font-weight: 700;
   color: var(--er-on-surface);
 }
 
 /* Two-column layout (Desktop: sidebar, Mobile: stacked) */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-layout {
+:where(.theme-scope) :where([data-block='event-registration']) .er-layout {
   display: grid;
   gap: 1.5rem;
   /* Mobile: single column, summary at top */
   grid-template-columns: 1fr;
   grid-template-areas:
-    "summary"
-    "main";
+    'summary'
+    'main';
 }
 
 @media (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-layout {
+  :where(.theme-scope) :where([data-block='event-registration']) .er-layout {
     /* Desktop: main + sidebar */
     grid-template-columns: 1fr 300px;
-    grid-template-areas: "main summary";
+    grid-template-areas: 'main summary';
   }
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-layout-main {
+:where(.theme-scope) :where([data-block='event-registration']) .er-layout-main {
   grid-area: main;
 }
 
 /* OrderSummary positions via grid area */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-layout > .er-summary {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-layout
+  > .er-summary {
   grid-area: summary;
 }
 
 /* Step indicator */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-steps-nav {
+:where(.theme-scope) :where([data-block='event-registration']) .er-steps-nav {
   margin-bottom: 1.5rem;
 }
 
@@ -4651,7 +4872,7 @@
    1.25rem .er-registration-shell__steps override. */
 
 /* Sticky order summary */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary {
+:where(.theme-scope) :where([data-block='event-registration']) .er-summary {
   padding: 1.25rem;
   background: var(--er-summary-bg);
   border: 1px solid var(--er-summary-border);
@@ -4665,46 +4886,61 @@
 }
 
 @media (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-summary {
+  :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 {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-event {
   font-weight: 600;
   margin-bottom: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-date {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-date {
   font-size: 0.875rem;
   color: rgba(var(--tb-text), 0.7);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-tickets {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-tickets {
   font-size: 0.875rem;
   margin-top: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-price {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-price {
   font-size: 1.25rem;
   font-weight: 700;
   margin-top: 0.5rem;
 }
 
 /* Guest details section */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-section {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-guest-section {
   margin-top: 1.5rem;
   padding-top: 0;
   border-top: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-section .er-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-guest-section
+  .er-title {
   margin: 0 0 0.75rem;
 }
 
 /* Error banner for guest section */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-section-error {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-guest-section-error {
   padding: 0.75rem 1rem;
   margin-bottom: 1rem;
   background: var(--er-error-bg);
@@ -4715,13 +4951,13 @@
 }
 
 /* Card-based layout for guests */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-cards {
+:where(.theme-scope) :where([data-block='event-registration']) .er-guest-cards {
   display: flex;
   flex-direction: column;
   gap: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-card {
+:where(.theme-scope) :where([data-block='event-registration']) .er-guest-card {
   display: grid;
   gap: 0.75rem;
   padding: 1rem 0;
@@ -4730,16 +4966,25 @@
   background: transparent;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-card .er-field + .er-field {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-guest-card
+  .er-field
+  + .er-field {
   margin-top: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-card + .er-guest-card {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-guest-card
+  + .er-guest-card {
   border-top: 1px solid var(--er-border);
 }
 
 @media (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-guest-card {
+  :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;
@@ -4748,12 +4993,23 @@
 
 /* Shake animation for validation errors */
 @keyframes er-shake {
-  0%, 100% { transform: translateX(0); }
-  20%, 60% { transform: translateX(-4px); }
-  40%, 80% { transform: translateX(4px); }
+  0%,
+  100% {
+    transform: translateX(0);
+  }
+  20%,
+  60% {
+    transform: translateX(-4px);
+  }
+  40%,
+  80% {
+    transform: translateX(4px);
+  }
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-section--shake {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-guest-section--shake {
   animation: er-shake 0.4s ease-in-out;
 }
 
@@ -4767,7 +5023,12 @@
  */
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
   .event-card-media {
   height: var(--rb-event-card-media-height, 16rem);
   overflow: hidden;
@@ -4775,29 +5036,51 @@
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
   .event-card-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transform: scale(1);
-  transition: transform var(--rb-event-card-image-transition-duration, 700ms) ease;
+  transition: transform var(--rb-event-card-image-transition-duration, 700ms)
+    ease;
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card:hover .event-card-image {
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
+  .event-card:hover
+  .event-card-image {
   transform: scale(var(--rb-event-card-image-hover-scale, 1.08));
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
   .event-card {
   transition: transform var(--rb-block-transition) ease;
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
   .event-card-cta {
   width: 100%;
   justify-content: center;
@@ -4805,13 +5088,23 @@
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
   .event-card:hover {
   transform: translateY(var(--rb-event-card-hover-translate-y, 0px));
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
   .event-card-overlay {
   position: absolute;
   inset: 0;
@@ -4824,28 +5117,44 @@
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card:hover .event-card-overlay {
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
+  .event-card:hover
+  .event-card-overlay {
   opacity: var(--rb-event-card-overlay-hover-opacity, 0);
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
   .event-category-badge {
   display: inline-flex;
   align-items: center;
   width: fit-content;
   padding: 0.35rem 0.95rem;
   border-radius: 9999px;
-    font-size: 0.65rem;
-    font-weight: 700;
-    line-height: 1rem;
-    text-transform: uppercase;
-    margin-bottom: 0.75rem;
-  }
+  font-size: 0.65rem;
+  font-weight: 700;
+  line-height: 1rem;
+  text-transform: uppercase;
+  margin-bottom: 0.75rem;
+}
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
   .event-category-badge--overlay {
   position: absolute;
   top: 0.75rem;
@@ -4861,7 +5170,12 @@
 
 @media (min-width: 768px) {
   :where(.theme-scope)
-    :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
+    :where(
+      [data-block='event-listing'],
+      [data-block='event-spotlight'],
+      [data-block='event-calendar'],
+      [data-block='event-combined']
+    )
     .event-card--horizontal {
     display: flex;
     flex-direction: row;
@@ -4870,8 +5184,14 @@
 
   /* Image: ~1/3 width */
   :where(.theme-scope)
-    :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card--horizontal .event-card-media {
+    :where(
+      [data-block='event-listing'],
+      [data-block='event-spotlight'],
+      [data-block='event-calendar'],
+      [data-block='event-combined']
+    )
+    .event-card--horizontal
+    .event-card-media {
     width: var(--rb-event-card-horizontal-image-width, 33.333%);
     min-width: 200px;
     max-width: 320px;
@@ -4882,16 +5202,28 @@
 
   /* Content: fills remaining space */
   :where(.theme-scope)
-    :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card--horizontal .card-content {
+    :where(
+      [data-block='event-listing'],
+      [data-block='event-spotlight'],
+      [data-block='event-calendar'],
+      [data-block='event-combined']
+    )
+    .event-card--horizontal
+    .card-content {
     flex: 1;
     min-width: 0;
   }
 
   /* Footer: row layout with button on left, capacity on right */
   :where(.theme-scope)
-    :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card--horizontal .event-card-footer {
+    :where(
+      [data-block='event-listing'],
+      [data-block='event-spotlight'],
+      [data-block='event-calendar'],
+      [data-block='event-combined']
+    )
+    .event-card--horizontal
+    .event-card-footer {
     flex-direction: row-reverse;
     justify-content: space-between;
     align-items: center;
@@ -4899,43 +5231,70 @@
 
   /* Button: auto width */
   :where(.theme-scope)
-    :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card--horizontal .event-card-cta {
+    :where(
+      [data-block='event-listing'],
+      [data-block='event-spotlight'],
+      [data-block='event-calendar'],
+      [data-block='event-combined']
+    )
+    .event-card--horizontal
+    .event-card-cta {
     width: auto;
   }
 
   /* Capacity: right-aligned */
   :where(.theme-scope)
-    :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card--horizontal .event-card-capacity {
+    :where(
+      [data-block='event-listing'],
+      [data-block='event-spotlight'],
+      [data-block='event-calendar'],
+      [data-block='event-combined']
+    )
+    .event-card--horizontal
+    .event-card-capacity {
     text-align: right;
   }
 }
 
 /* Keep token list in sync with `EVENT_CATEGORY_BADGE_TOKENS` in `packages/blocks/src/system/constants/events.ts`. */
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-category-badge[data-category-token="primary"] {
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
+  .event-category-badge[data-category-token='primary'] {
   background-color: rgb(var(--tb-primary-200));
   color: rgb(var(--tb-primary-800));
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-category-badge[data-category-token="secondary"] {
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
+  .event-category-badge[data-category-token='secondary'] {
   background-color: rgb(var(--tb-secondary-200));
   color: rgb(var(--tb-secondary-800));
 }
 
 :where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-category-badge[data-category-token="accent"] {
+  :where(
+    [data-block='event-listing'],
+    [data-block='event-spotlight'],
+    [data-block='event-calendar'],
+    [data-block='event-combined']
+  )
+  .event-category-badge[data-category-token='accent'] {
   background-color: rgb(var(--tb-accent-200));
   color: rgb(var(--tb-accent-800));
 }
 
 /* Notice/info boxes */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-notice {
+:where(.theme-scope) :where([data-block='event-registration']) .er-notice {
   padding: 0.75rem 1rem;
   border-radius: var(--er-radius);
   margin-bottom: 1rem;
@@ -4943,32 +5302,43 @@
   line-height: 1.4;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-notice p {
+:where(.theme-scope) :where([data-block='event-registration']) .er-notice p {
   margin: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-notice--info {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-notice--info {
   background-color: rgba(var(--tb-primary-100), 0.5);
   border: 1px solid rgba(var(--tb-primary-300), 0.5);
   color: rgb(var(--tb-primary-800));
 }
 
 /* Disabled payment group */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-group--disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-group--disabled {
   opacity: 0.6;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-group--disabled .er-payment-group-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-group--disabled
+  .er-payment-group-title {
   color: var(--er-on-surface-faint);
 }
 
 /* Disabled payment option */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option--disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option--disabled {
   cursor: not-allowed;
   opacity: 0.7;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option--disabled:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-option--disabled:hover {
   border-color: var(--er-payment-border);
   background-color: transparent;
 }
@@ -4979,52 +5349,69 @@
  * =============================================================================
  */
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-layout {
   display: grid;
   gap: 1.25rem;
   grid-template-columns: 1fr;
   grid-template-areas:
-    "sidebar"
-    "main"
-    "footer";
+    'sidebar'
+    'main'
+    'footer';
 }
 
 /* When no sidebar, main takes full width */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout--no-sidebar {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-layout--no-sidebar {
   grid-template-areas:
-    "main"
-    "footer";
+    'main'
+    'footer';
 }
 
 @media (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
+  :where(.theme-scope)
+    :where([data-block='event-registration'])
+    .er-payment-layout {
     grid-template-columns: 1fr 260px;
     grid-template-areas:
-      "main sidebar"
-      "footer footer";
+      'main sidebar'
+      'footer footer';
   }
 
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout--no-sidebar {
+  :where(.theme-scope)
+    :where([data-block='event-registration'])
+    .er-payment-layout--no-sidebar {
     grid-template-columns: 1fr;
     grid-template-areas:
-      "main"
-      "footer";
+      'main'
+      'footer';
   }
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-main {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-layout-main {
   grid-area: main;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-main > .er-portal-auth {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-layout-main
+  > .er-portal-auth {
   margin-bottom: 1.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-sidebar {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-layout-sidebar {
   grid-area: sidebar;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-footer {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-layout-footer {
   grid-area: footer;
   display: flex;
   flex-direction: column;
@@ -5036,19 +5423,26 @@
  * =============================================================================
  */
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tiles {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tiles {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   gap: 0.75rem;
   align-items: stretch;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tiles > [role="listitem"] {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tiles
+  > [role='listitem'] {
   min-width: 0;
   display: flex;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile {
   width: 100%;
   min-height: 5.75rem;
   display: flex;
@@ -5062,45 +5456,63 @@
   background: var(--er-control-bg);
   cursor: pointer;
   text-align: center;
-  transition: border-color var(--rb-block-transition) ease,
-              box-shadow var(--rb-block-transition) ease,
-              background-color var(--rb-block-transition) ease;
+  transition:
+    border-color var(--rb-block-transition) ease,
+    box-shadow var(--rb-block-transition) ease,
+    background-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile:hover:not([aria-disabled="true"]) {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile:hover:not([aria-disabled='true']) {
   border-color: var(--er-payment-border-hover);
   box-shadow: 0 8px 18px rgba(var(--tb-shadow, 15 23 42), 0.08);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--selected {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile--selected {
   border-color: var(--er-payment-border-selected);
   background-color: var(--er-payment-bg-selected);
   box-shadow: 0 0 0 1px var(--er-payment-border-selected);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile--disabled {
   cursor: not-allowed;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--disabled > :not(.er-payment-tooltip) {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile--disabled
+  > :not(.er-payment-tooltip) {
   opacity: 0.5;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--disabled.er-payment-tile--selected {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile--disabled.er-payment-tile--selected {
   border-color: var(--er-payment-border);
   background-color: transparent;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--disabled:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile--disabled:hover {
   border-color: var(--er-payment-border);
 }
 
 /* Tooltip styling for disabled payment tiles */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile[aria-disabled="true"] {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile[aria-disabled='true'] {
   position: relative;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tooltip {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tooltip {
   display: none;
   position: absolute;
   bottom: 100%;
@@ -5121,11 +5533,16 @@
   z-index: 10;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--disabled:hover .er-payment-tooltip {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile--disabled:hover
+  .er-payment-tooltip {
   display: block;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-icon {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile-icon {
   font-size: 1.5rem;
   line-height: 1;
   /* SVG icon sizing */
@@ -5134,36 +5551,49 @@
   justify-content: center;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-icon svg {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile-icon
+  svg {
   width: 24px;
   height: 24px;
   color: currentColor;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-label {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile-label {
   font-weight: 500;
   font-size: 0.875rem;
   line-height: 1.2;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-detail {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile-detail {
   font-size: 0.78125rem;
   color: var(--er-on-surface-subtle);
   line-height: 1.25;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-check {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile-check {
   position: absolute;
   top: 0.5rem;
   right: 0.5rem;
 }
 
 /* Upsell tiles have a subtle indicator */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--upsell {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile--upsell {
   border-style: dashed;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--upsell.er-payment-tile--selected {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-payment-tile--upsell.er-payment-tile--selected {
   border-style: solid;
 }
 
@@ -5173,7 +5603,7 @@
  * =============================================================================
  */
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar {
+:where(.theme-scope) :where([data-block='event-registration']) .er-summary-bar {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -5184,26 +5614,34 @@
   border-radius: calc(var(--rb-block-radius) * 0.75);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-info {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-info {
   display: flex;
   flex-direction: column;
   gap: 0.125rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-event {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-event {
   font-size: 0.9375rem;
   font-weight: 600;
   margin: 0;
   line-height: 1.3;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-meta {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-meta {
   font-size: 0.8125rem;
   color: rgba(var(--tb-text), 0.7);
   line-height: 1.35;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-price {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-price {
   font-size: 1rem;
   font-weight: 700;
   flex-shrink: 0;
@@ -5211,7 +5649,9 @@
   text-align: right;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-pricing {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-pricing {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -5220,7 +5660,9 @@
 }
 
 /* Product section in summary bar (for pass/membership selection) */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-product {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-product {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -5231,12 +5673,16 @@
   border-bottom: 1px solid var(--er-summary-border);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-product-name {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-product-name {
   font-weight: 600;
   font-size: 0.9375rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-pass-escape {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-pass-escape {
   margin-top: 0.25rem;
   padding: 0;
   border: 0;
@@ -5248,17 +5694,23 @@
   cursor: pointer;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-pass-escape:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-pass-escape:hover {
   text-decoration: none;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-product-detail {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-product-detail {
   font-size: 0.8125rem;
   color: rgba(var(--tb-text), 0.6);
   margin-top: 0.125rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-product-price {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-product-price {
   font-weight: 600;
   font-size: 0.9375rem;
   flex-shrink: 0;
@@ -5266,7 +5718,9 @@
 }
 
 /* Strikethrough price styling */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-price--struck {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-price--struck {
   display: block;
   text-decoration: line-through;
   color: rgba(var(--tb-text), 0.5);
@@ -5276,7 +5730,9 @@
 }
 
 /* "Included" text styling */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-included {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-summary-bar-included {
   font-size: 0.8125rem;
   color: rgb(var(--tb-primary-600));
   font-weight: 500;
@@ -5288,7 +5744,7 @@
  * =============================================================================
  */
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-portal-auth {
+:where(.theme-scope) :where([data-block='event-registration']) .er-portal-auth {
   padding: 1.25rem;
   background: rgba(var(--tb-surface), 0.5);
   border: 1px solid var(--er-border);
@@ -5296,20 +5752,26 @@
   color: var(--er-on-surface);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-portal-auth-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-portal-auth-title {
   font-weight: 600;
   font-size: 1rem;
   margin: 0 0 0.5rem 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-portal-auth-text {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-portal-auth-text {
   font-size: 0.9375rem;
   color: var(--er-on-surface-muted);
   margin: 0 0 1rem 0;
   line-height: 1.4;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-portal-auth-link {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-portal-auth-link {
   background: none;
   border: none;
   padding: 0;
@@ -5320,27 +5782,37 @@
   text-underline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-portal-auth-link:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-portal-auth-link:hover {
   text-decoration: none;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-portal-auth-link:disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-portal-auth-link:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-portal-auth-text--success {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-portal-auth-text--success {
   color: rgb(var(--tb-success, 34 197 94));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-portal-auth-text--error {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-portal-auth-text--error {
   color: rgb(var(--tb-error, 239 68 68));
   margin-top: 0.5rem;
   margin-bottom: 0;
 }
 
 /* Modal */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-overlay {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
@@ -5354,7 +5826,7 @@
   padding: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal {
+:where(.theme-scope) :where([data-block='event-registration']) .er-modal {
   background: rgb(var(--tb-background));
   border-radius: var(--rb-block-radius);
   padding: 1.5rem;
@@ -5364,7 +5836,7 @@
   box-shadow: 0 10px 25px rgba(var(--tb-shadow), 0.2);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-close {
+:where(.theme-scope) :where([data-block='event-registration']) .er-modal-close {
   position: absolute;
   top: 0.75rem;
   right: 0.75rem;
@@ -5377,27 +5849,34 @@
   padding: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-close:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-modal-close:hover {
   color: rgb(var(--tb-text));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-title {
+:where(.theme-scope) :where([data-block='event-registration']) .er-modal-title {
   font-size: 1.25rem;
   font-weight: 600;
   margin: 0 0 1rem 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-content {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-modal-content {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-content .er-portal-auth-text {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-modal-content
+  .er-portal-auth-text {
   margin: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-btn {
+:where(.theme-scope) :where([data-block='event-registration']) .er-modal-btn {
   padding: 0.75rem 1.5rem;
   background: rgb(var(--tb-primary));
   color: rgb(var(--tb-primary-foreground, 255 255 255));
@@ -5408,27 +5887,37 @@
   transition: opacity 0.15s;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-btn:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-modal-btn:hover {
   opacity: 0.9;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-btn:disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-modal-btn:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-btn--secondary {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-modal-btn--secondary {
   background: transparent;
   color: rgb(var(--tb-text));
   border: 1px solid var(--er-border);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-modal-btn--secondary:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-modal-btn--secondary:hover {
   background: rgba(var(--tb-text), 0.05);
 }
 
 /* In-flow booking teaser (sits at the block's position in the page) */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-teaser {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -5441,26 +5930,34 @@
   color: var(--er-on-surface);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__info {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-teaser__info {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
   min-width: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-teaser__title {
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.2;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__meta {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-teaser__meta {
   font-size: 0.9375rem;
   line-height: 1.3;
   opacity: 0.75;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__tickets {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-teaser__tickets {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
@@ -5469,7 +5966,9 @@
   border-top: 1px solid var(--er-border);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__ticket {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-teaser__ticket {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -5478,28 +5977,36 @@
   line-height: 1.35;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__ticket-name {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-teaser__ticket-name {
   min-width: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__cta {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-teaser__cta {
   flex: 0 0 auto;
 }
 
 /* Fixed, full-width sticky booking bar (content-agnostic; sits above page flow) */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar {
+:where(.theme-scope) :where([data-block='event-registration']) .er-booking-bar {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 12000;
-  padding: 0.75rem max(1rem, env(safe-area-inset-right)) max(0.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
+  padding: 0.75rem max(1rem, env(safe-area-inset-right))
+    max(0.75rem, env(safe-area-inset-bottom))
+    max(1rem, env(safe-area-inset-left));
   background: rgb(var(--tb-background));
   border-top: 1px solid var(--er-border);
   box-shadow: 0 -10px 30px rgba(var(--tb-shadow), 0.16);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__inner {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-bar__inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -5509,14 +6016,18 @@
   margin-inline: auto;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__info {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-bar__info {
   display: flex;
   flex-direction: column;
   gap: 0.125rem;
   min-width: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-bar__title {
   font-size: 0.95rem;
   font-weight: 700;
   line-height: 1.2;
@@ -5525,7 +6036,9 @@
   text-overflow: ellipsis;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__meta {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-bar__meta {
   font-size: 0.8125rem;
   line-height: 1.25;
   opacity: 0.75;
@@ -5534,11 +6047,15 @@
   text-overflow: ellipsis;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__cta {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-bar__cta {
   flex: 0 0 auto;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-overlay {
   position: fixed;
   inset: 0;
   height: 100dvh;
@@ -5549,7 +6066,9 @@
   background: var(--rb-modal-overlay-bg);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__panel {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-overlay__panel {
   position: relative;
   z-index: 1;
   display: flex;
@@ -5562,7 +6081,9 @@
   color: var(--er-on-surface);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__header {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-overlay__header {
   flex: 0 0 auto;
   z-index: 2;
   display: flex;
@@ -5574,14 +6095,18 @@
   border-bottom: 1px solid var(--er-border);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-overlay__title {
   margin: 0;
   font-size: 1rem;
   line-height: 1.25;
   font-weight: 700;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__close {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-overlay__close {
   width: 2rem;
   height: 2rem;
   display: inline-flex;
@@ -5596,7 +6121,9 @@
   cursor: pointer;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-container--overlay {
   max-width: none;
   border: 0;
   border-radius: 0;
@@ -5608,24 +6135,33 @@
   overflow: hidden;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-container--overlay
+  .er-payment-layout {
   flex: 1 1 auto;
   min-height: 0;
   height: 100%;
   gap: 0;
   grid-template-rows: minmax(0, 1fr) auto;
   grid-template-areas:
-    "main"
-    "footer";
+    'main'
+    'footer';
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-main {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-container--overlay
+  .er-payment-layout-main {
   min-height: 0;
   overflow: auto;
   padding: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-footer {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-container--overlay
+  .er-payment-layout-footer {
   position: relative;
   z-index: 3;
   padding: 0.875rem 1rem max(0.875rem, env(safe-area-inset-bottom));
@@ -5634,48 +6170,71 @@
   box-shadow: 0 -12px 26px rgba(var(--tb-shadow), 0.12);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-actions {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-container--overlay
+  .er-actions {
   margin-top: 0;
 }
 
 @media (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay {
+  :where(.theme-scope)
+    :where([data-block='event-registration'])
+    .er-booking-overlay {
     justify-content: flex-end;
   }
 
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__panel {
+  :where(.theme-scope)
+    :where([data-block='event-registration'])
+    .er-booking-overlay__panel {
     width: min(32rem, 100vw);
     min-height: 100%;
     box-shadow: -16px 0 40px rgba(var(--tb-shadow), 0.22);
   }
 
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-main {
+  :where(.theme-scope)
+    :where([data-block='event-registration'])
+    .er-container--overlay
+    .er-payment-layout-main {
     padding: 1.25rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-footer {
+  :where(.theme-scope)
+    :where([data-block='event-registration'])
+    .er-container--overlay
+    .er-payment-layout-footer {
     padding: 0.875rem 1.25rem max(0.875rem, env(safe-area-inset-bottom));
   }
 }
 
 /* Magic Link Form */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-magic-link-form {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-magic-link-form {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-magic-link-form .er-portal-auth-text {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-magic-link-form
+  .er-portal-auth-text {
   margin: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-magic-link-success {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-magic-link-success {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-magic-link-success .er-portal-auth-text {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-magic-link-success
+  .er-portal-auth-text {
   margin: 0;
 }
 
@@ -5685,7 +6244,7 @@
  * =============================================================================
  */
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-link {
+:where(.theme-scope) :where([data-block='event-registration']) .er-link {
   background: none;
   border: none;
   padding: 0;
@@ -5696,12 +6255,14 @@
   text-underline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-link:hover {
+:where(.theme-scope) :where([data-block='event-registration']) .er-link:hover {
   text-decoration: none;
 }
 
 /* Logged-in user hint with logout link */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-logged-in-hint {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-logged-in-hint {
   font-size: 0.875rem;
   opacity: 0.7;
   margin: 0.25rem 0 0 0;
@@ -5714,7 +6275,9 @@
  */
 
 /* Hero message for membership holders */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-hero {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-hero {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -5724,7 +6287,9 @@
   border-radius: var(--rb-block-radius);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-hero-icon {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-hero-icon {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -5733,37 +6298,50 @@
   margin-top: 0.125rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-hero-icon svg {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-hero-icon
+  svg {
   width: 20px;
   height: 20px;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-hero-content {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-hero-content {
   flex: 1;
   min-width: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-hero-title {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-hero-title {
   font-size: 1rem;
   font-weight: 600;
   margin: 0 0 0.125rem 0;
   color: rgb(var(--tb-primary-800));
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-hero-subtitle {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-hero-subtitle {
   font-size: 0.875rem;
   color: rgb(var(--tb-primary-700));
   margin: 0;
 }
 
 /* Selection cards for pass holders */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-cards {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-cards {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -5775,49 +6353,74 @@
   cursor: pointer;
   text-align: center;
   position: relative;
-  transition: border-color var(--rb-block-transition) ease,
-              background-color var(--rb-block-transition) ease;
+  transition:
+    border-color var(--rb-block-transition) ease,
+    background-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card:hover:not([aria-disabled="true"]) {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card:hover:not([aria-disabled='true']) {
   border-color: var(--er-payment-border-hover);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--selected {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--selected {
   border-color: var(--er-payment-border-selected);
   background-color: var(--er-payment-bg-selected);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--disabled {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--disabled {
   opacity: 1;
   cursor: not-allowed;
   border-color: var(--er-payment-border);
   background: transparent;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--disabled.er-booking-mode-card--selected {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--disabled.er-booking-mode-card--selected {
   border-color: var(--er-payment-border);
   background: transparent;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--disabled > :not(.er-booking-mode-tooltip) {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--disabled
+  > :not(.er-booking-mode-tooltip) {
   opacity: 0.55;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--disabled:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--disabled:hover {
   border-color: var(--er-payment-border);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--disabled .er-booking-mode-card-icon,
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--disabled .er-booking-mode-card-label {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--disabled
+  .er-booking-mode-card-icon,
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--disabled
+  .er-booking-mode-card-label {
   color: var(--er-on-surface-disabled);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--disabled .er-booking-mode-card-detail {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--disabled
+  .er-booking-mode-card-detail {
   color: var(--er-on-surface-disabled-detail);
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card-icon {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card-icon {
   font-size: 1.75rem;
   line-height: 1;
   /* SVG icon sizing */
@@ -5826,37 +6429,50 @@
   justify-content: center;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card-icon svg {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card-icon
+  svg {
   width: 24px;
   height: 24px;
   color: currentColor;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card-label {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card-label {
   font-weight: 600;
   font-size: 1rem;
   line-height: 1.3;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card-detail {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card-detail {
   font-size: 0.875rem;
   color: var(--er-on-surface-subtle);
   line-height: 1.3;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card-check {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card-check {
   position: absolute;
   top: 0.5rem;
   right: 0.5rem;
 }
 
 /* Alternative link in booking mode */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-alt {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-alt {
   margin-top: 1rem;
   text-align: center;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-alt-link {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-alt-link {
   background: none;
   border: none;
   padding: 0;
@@ -5867,17 +6483,23 @@
   text-underline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-alt-link:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-alt-link:hover {
   text-decoration: none;
 }
 
 /* Tooltip styling for disabled options */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card[aria-disabled="true"] {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card[aria-disabled='true'] {
   position: relative;
 }
 
 /* Tooltip appears on hover for disabled cards */
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-tooltip {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-tooltip {
   display: none;
   position: absolute;
   bottom: 100%;
@@ -5898,7 +6520,10 @@
   z-index: 10;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-mode-card--disabled:hover .er-booking-mode-tooltip {
+:where(.theme-scope)
+  :where([data-block='event-registration'])
+  .er-booking-mode-card--disabled:hover
+  .er-booking-mode-tooltip {
   display: block;
 }
 
@@ -9316,27 +9941,30 @@
   align-content: start;
 }
 
-/* Base card (white surface) */
+/* Card shells. Fill, border, corners, elevation and padding all come from the
+ * site style's card system: the lead card renders the role its Look asks for
+ * (`.card-role-alternative` by default), each supporting card
+ * `.card-role-default`, and the padding lands on the shared `.card-content`
+ * hook inside. What is left here is structure.
+ *
+ * The flex column is stated rather than inherited: generated card CSS happens
+ * to set one today, but a card variant owns fill and padding, not layout, so
+ * this field's geometry — the quote growing and the attribution pinning to the
+ * card's bottom edge — has to hold whatever surface the site style supplies. */
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card {
   display: flex;
   flex-direction: column;
   height: 100%;
-  border-radius: var(--rb-block-radius);
-  padding: 1.875rem 1.875rem 1.625rem;
-  background: rgb(var(--tb-surface));
-  border: 1px solid rgba(var(--tb-border), 0.9);
-  box-shadow: 0 1px 2px rgba(var(--tb-shadow, 0 0 0), 0.05);
 }
 
-/* Featured (spruce-ink) card */
-:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card--feature {
-  padding: 2.5rem;
-  background: rgb(var(--tb-primary));
-  border-color: transparent;
-  color: rgb(var(--tb-onPrimary));
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card-body {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
 }
 
-/* Amber quote mark, oversized serif */
+/* Quote mark: the site style's quote treatment, oversized serif */
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-qmark {
   display: block;
   height: 1.6rem;
@@ -9344,7 +9972,7 @@
   font-style: italic;
   font-size: 3.375rem;
   line-height: 0.6;
-  color: rgb(var(--tb-secondary));
+  color: var(--rb-testimonial-quote-color, rgb(var(--tb-secondary)));
 }
 
 /* Quote body. The inner <p> is targeted directly (not via :where) so the
@@ -9359,11 +9987,10 @@
   font-family: var(--font-heading, Georgia, serif);
   font-size: 1.15rem;
   line-height: 1.5;
-  color: rgb(var(--tb-text));
+  color: var(--rb-surface-text-color, rgb(var(--tb-text)));
 }
 
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card--feature .rb-testimonials-fe-quote p {
-  color: rgb(var(--tb-onPrimary));
   font-size: clamp(1.375rem, 2.4vw, 1.6875rem);
   line-height: 1.42;
   letter-spacing: -0.01em;
@@ -9380,22 +10007,13 @@
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-name {
   font-weight: 600;
   font-size: 0.97rem;
-  color: rgb(var(--tb-text));
+  color: var(--rb-surface-text-color, rgb(var(--tb-text)));
 }
 
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-context {
   font-size: 0.78rem;
   letter-spacing: 0.02em;
-  color: rgb(var(--tb-mutedText));
-}
-
-:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card--feature .rb-testimonials-fe-name {
-  color: rgb(var(--tb-onPrimary));
-}
-
-:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-fe-card--feature .rb-testimonials-fe-context {
-  color: rgb(var(--tb-onPrimary));
-  opacity: 0.7;
+  color: var(--rb-surface-supporting-color, rgb(var(--tb-mutedText)));
 }
 
 
@@ -9589,34 +10207,44 @@
 
 
 /* =============================================================================
- * Block: Course Registration
- * Keep rules minimal and theme-driven; class names are prefixed with `cr-`.
+ * 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="course-registration"]) {
-  --cr-on-surface: rgb(var(--tb-onSurface, var(--tb-text)));
-  --cr-on-surface-hover-bg: rgba(var(--tb-onSurface, var(--tb-text)), 0.05);
+: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 course
-   registration's pre-extraction look (fixed padding, centered). */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-container {
+   (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="course-registration"]) .cr-empty {
+: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="course-registration"]) .cr-empty__text {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-empty__text {
   opacity: 0.7;
 }
 
@@ -9624,28 +10252,44 @@
  * Layout (two-column)
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-layout {
+: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="course-registration"]) .cr-layout--with-sidebar {
+  :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="course-registration"]) .cr-layout__main {
+: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="course-registration"]) .cr-layout__sidebar {
+: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="course-registration"]) .cr-layout__sidebar {
+  :where(.theme-scope)
+    :where(
+      [data-block='event-registration'],
+      [data-block='course-registration']
+    )
+    .er-whole-series-layout__sidebar {
     display: block;
   }
 }
@@ -9654,20 +10298,26 @@
  * Step Indicator
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-steps {
+: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="course-registration"]) .cr-step {
+: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="course-registration"]) .cr-step-circle {
+: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;
@@ -9676,22 +10326,28 @@
   justify-content: center;
   font-size: 0.75rem;
   font-weight: 600;
-  background: var(--cr-step-inactive);
-  color: var(--cr-step-text);
+  background: var(--er-step-inactive);
+  color: var(--er-step-text);
   transition: background-color 0.2s ease;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-step-circle--active {
-  background: var(--cr-step-active);
-  color: var(--cr-step-text-active);
+: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="course-registration"]) .cr-step-circle--completed {
-  background: var(--cr-step-completed);
-  color: var(--cr-step-text);
+: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="course-registration"]) .cr-step-label {
+: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));
@@ -9699,28 +10355,41 @@
 }
 
 @media (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-step-label {
+  :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="course-registration"]) .cr-step-label--active {
-  color: var(--cr-on-surface);
+: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="course-registration"]) .cr-step-connector {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-step-connector {
   flex: 1;
   height: 2px;
-  background: var(--cr-step-connector);
+  background: var(--er-step-connector);
   min-width: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-step-connector--completed {
-  background: var(--cr-step-completed);
+: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="course-registration"]) .cr-step-check {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-step-check {
   width: 0.875rem;
   height: 0.875rem;
 }
@@ -9729,54 +10398,78 @@
  * Lists
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-course-list {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-run-list {
   display: grid;
   gap: 1rem;
 }
 
 /* =============================================================================
- * Course Cards
+ * Run cards
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-course-card {
+: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(--cr-border);
+  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;
+  transition:
+    border-color var(--rb-block-transition) ease,
+    transform var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-course-card:hover {
-  border-color: var(--cr-border-hover);
+: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="course-registration"]) .cr-course-card:focus-visible {
-  outline: 2px solid var(--cr-focus-ring);
+: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="course-registration"]) .cr-course-card--selected {
-  border-color: var(--cr-border-selected);
-  box-shadow: 0 0 0 3px var(--cr-focus-ring);
+: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="course-registration"]) .cr-course-card__title {
+: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="course-registration"]) .cr-course-card__status {
+: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="course-registration"]) .cr-course-card__sessions,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-course-card__price,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-course-card__capacity,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-course-card__venue {
+: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;
 }
@@ -9785,7 +10478,9 @@
  * Capacity Badges
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-capacity-badge {
+: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;
@@ -9793,49 +10488,65 @@
   font-weight: 500;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-capacity-badge--available {
-  background: var(--cr-capacity-available-bg);
-  color: var(--cr-capacity-available-text);
+: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="course-registration"]) .cr-capacity-badge--low {
-  background: var(--cr-capacity-low-bg);
-  color: var(--cr-capacity-low-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="course-registration"]) .cr-capacity-badge--soldout {
-  background: var(--cr-capacity-soldout-bg);
-  color: var(--cr-capacity-soldout-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="course-registration"]) .cr-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="course-registration"]) .cr-summary {
+: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(--cr-summary-border);
+  border: 1px solid var(--er-summary-border);
   padding: 1rem;
-  background: var(--cr-summary-bg);
+  background: var(--er-summary-bg);
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-summary__title {
+: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="course-registration"]) .cr-summary__sessions-title {
+: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="course-registration"]) .cr-summary__sessions-list {
+: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;
@@ -9843,13 +10554,21 @@
   gap: 0.35rem;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-summary__session {
+: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="course-registration"]) .cr-summary__venue,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-summary__price,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-summary__membership {
+: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;
 }
@@ -9858,72 +10577,100 @@
  * Form
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-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="course-registration"]) .cr-form__field {
+: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="course-registration"]) .cr-form__label {
+: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="course-registration"]) .cr-form__label--required::after {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-form__label--required::after {
   content: ' *';
-  color: var(--cr-required);
+  color: var(--er-required);
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-form__input {
+: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(--cr-border);
+  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="course-registration"]) .cr-form__textarea {
+: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(--cr-border);
+  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="course-registration"]) .cr-form__input:focus,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-form__textarea:focus {
-  outline: 2px solid var(--cr-focus-ring);
+: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="course-registration"]) .cr-form__input--error,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-form__textarea.cr-form__input--error {
-  border-color: var(--cr-border-error);
+: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="course-registration"]) .cr-form__error {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-form__error {
   font-size: 0.875rem;
-  color: var(--cr-error-text);
+  color: var(--er-error-text);
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-form__hint {
+: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="course-registration"]) .cr-logged-in-hint {
+: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="course-registration"]) .cr-link {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-link {
   background: none;
   border: none;
   padding: 0;
@@ -9934,7 +10681,9 @@
   text-underline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-link:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-link:hover {
   text-decoration: none;
 }
 
@@ -9942,7 +10691,9 @@
  * Actions
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-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;
@@ -9950,16 +10701,20 @@
   margin-top: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-back-btn {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-back-btn {
   border: 0;
   background: transparent;
-  color: var(--cr-on-surface);
+  color: var(--er-on-surface);
   opacity: 0.8;
   padding: 0.25rem 0.25rem;
   cursor: pointer;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-back-btn:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-back-btn:hover {
   opacity: 1;
   text-decoration: underline;
 }
@@ -9968,12 +10723,16 @@
  * Payment Options
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-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="course-registration"]) .cr-payment__option {
+: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;
@@ -9983,67 +10742,92 @@
  * Payment Tiles (Card Grid)
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-payment-tiles {
+: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="course-registration"]) .cr-payment-tile {
+: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(--cr-payment-border);
+  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;
+  transition:
+    border-color 0.15s ease,
+    box-shadow 0.15s ease,
+    background-color 0.15s ease;
   position: relative;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-payment-tile:hover {
-  border-color: var(--cr-payment-border-hover);
+: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="course-registration"]) .cr-payment-tile:focus-visible {
-  outline: 2px solid var(--cr-focus-ring);
+: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="course-registration"]) .cr-payment-tile--selected {
-  border-color: var(--cr-payment-border-selected);
-  background: var(--cr-payment-bg-selected);
-  box-shadow: 0 0 0 3px var(--cr-focus-ring);
+: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="course-registration"]) .cr-payment-tile--upsell {
+: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="course-registration"]) .cr-payment-tile__header {
+: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="course-registration"]) .cr-payment-tile__name {
+: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="course-registration"]) .cr-payment-tile__description {
+: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="course-registration"]) .cr-payment-tile__price {
+: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="course-registration"]) .cr-payment-tile__badge {
+: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;
@@ -10053,15 +10837,17 @@
 }
 
 /* Checkmark indicator on selected tile */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-payment-tile__check {
+: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(--cr-check-bg);
-  color: var(--cr-check-text);
+  background: var(--er-check-bg);
+  color: var(--er-check-text);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10069,7 +10855,10 @@
   transition: opacity 0.15s ease;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-payment-tile--selected .cr-payment-tile__check {
+: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;
 }
 
@@ -10077,34 +10866,48 @@
  * Booking Mode Step
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-booking-mode {
+: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="course-registration"]) .cr-booking-mode__title {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-booking-mode__title {
   margin: 0;
-  font-size: var(--cr-step-title-size);
+  font-size: var(--er-step-title-size);
   font-weight: 700;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-booking-mode__subtitle {
+: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="course-registration"]) .cr-booking-mode__link {
+: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="course-registration"]) .cr-booking-mode__link a {
+: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="course-registration"]) .cr-booking-mode__link a:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-booking-mode__link
+  a:hover {
   text-decoration: none;
 }
 
@@ -10112,27 +10915,35 @@
  * Membership Hero
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-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(--cr-success-bg);
+  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="course-registration"]) .cr-membership-hero__icon {
+: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="course-registration"]) .cr-membership-hero__title {
+: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(--cr-success-text);
+  color: var(--er-success-text);
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-membership-hero__subtitle {
+: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;
@@ -10142,43 +10953,57 @@
  * Portal Auth Sidebar
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-portal-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(--cr-border);
+  border: 1px solid var(--er-border);
   padding: 1.25rem;
   background: rgb(var(--tb-surface));
-  color: var(--cr-on-surface);
+  color: var(--er-on-surface);
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-portal-sidebar__icon {
+: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="course-registration"]) .cr-portal-sidebar__title {
+: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="course-registration"]) .cr-portal-sidebar__text {
+: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="course-registration"]) .cr-portal-sidebar__action {
+: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="course-registration"]) .cr-portal-sidebar__link {
+: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="course-registration"]) .cr-portal-sidebar__link:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-portal-sidebar__link:hover {
   text-decoration: none;
 }
 
@@ -10186,7 +11011,9 @@
  * Modal (for Magic Link)
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-modal-overlay {
+: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);
@@ -10194,21 +11021,25 @@
   align-items: center;
   justify-content: center;
   z-index: 100;
-  animation: cr-fade-in 0.15s ease;
+  animation: er-whole-series-fade-in 0.15s ease;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-modal {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-modal {
   background: rgb(var(--tb-surface));
-  color: var(--cr-on-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: cr-slide-up 0.2s ease;
+  animation: er-whole-series-slide-up 0.2s ease;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-modal-close {
+: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;
@@ -10220,11 +11051,13 @@
   transition: opacity 0.15s ease;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-modal-close:hover {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-modal-close:hover {
   opacity: 1;
 }
 
-@keyframes cr-fade-in {
+@keyframes er-whole-series-fade-in {
   from {
     opacity: 0;
   }
@@ -10233,7 +11066,7 @@
   }
 }
 
-@keyframes cr-slide-up {
+@keyframes er-whole-series-slide-up {
   from {
     opacity: 0;
     transform: translateY(10px);
@@ -10246,8 +11079,18 @@
 
 /* Reduced motion */
 @media (prefers-reduced-motion: reduce) {
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-modal-overlay,
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-modal {
+  :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;
   }
 }
@@ -10256,7 +11099,9 @@
  * Center States
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-center {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-center {
   display: grid;
   place-items: center;
   gap: 0.75rem;
@@ -10267,56 +11112,94 @@
  * Success/Waitlist/Error States
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-success,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-waitlist,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-error,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-payment-failed {
+: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="course-registration"]) .rb-state-icon--success {
-  background: var(--cr-success-bg);
-  color: var(--cr-success-text);
+: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="course-registration"]) .rb-state-icon--error {
-  background: var(--cr-error-bg);
-  color: var(--cr-error-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="course-registration"]) .rb-state-icon--waitlist,
-:where(.theme-scope) :where([data-block="course-registration"]) .rb-state-icon--warning {
-  background: var(--cr-waitlist-bg);
-  color: var(--cr-waitlist-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="course-registration"]) .cr-success__title,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-waitlist__title,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-error__title,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-payment-failed__title {
+: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="course-registration"]) .cr-success__message,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-waitlist__message,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-error__message,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-payment-failed__message {
+: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="course-registration"]) .cr-success__membership {
+: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(--cr-success-text);
+  color: var(--er-success-text);
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-error__retry,
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-payment-failed__retry {
+: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;
 }
 
@@ -10324,16 +11207,22 @@
  * Discount Code Section
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount {
+: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="course-registration"]) .cr-discount__form {
+: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="course-registration"]) .cr-discount__toggle {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-discount__toggle {
   background: transparent;
   border: 0;
   padding: 0;
@@ -10343,36 +11232,48 @@
   text-decoration: underline;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__toggle:hover {
+: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="course-registration"]) .cr-discount__label {
+: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="course-registration"]) .cr-discount__row {
+: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="course-registration"]) .cr-discount__input {
+: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(--cr-border);
+  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="course-registration"]) .cr-discount__input:focus {
-  outline: 2px solid var(--cr-focus-ring);
+: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="course-registration"]) .cr-discount__remove {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-discount__remove {
   background: transparent;
   border: 0;
   padding: 0.25rem;
@@ -10380,7 +11281,9 @@
   opacity: 0.6;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__apply {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-discount__apply {
   background: transparent;
   border: 0;
   padding: 0.25rem;
@@ -10388,21 +11291,29 @@
   opacity: 0.8;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__remove:hover {
+: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="course-registration"]) .cr-discount__apply:hover {
+: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="course-registration"]) .cr-discount__hint {
+: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="course-registration"]) .cr-discount__feedback {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-discount__feedback {
   margin: 0;
   font-size: 0.875rem;
 }
@@ -10411,7 +11322,9 @@
  * Altcha (Spam Protection)
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-altcha {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-altcha {
   margin-top: 1rem;
 }
 
@@ -10419,39 +11332,53 @@
  * Magic Link Form
  * =============================================================================
  */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-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="course-registration"]) .cr-magic-link-title {
+: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="course-registration"]) .cr-magic-link-success {
+: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="course-registration"]) .cr-portal-auth-text {
+: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="course-registration"]) .cr-portal-auth-text--success {
-  color: var(--cr-success-text);
+: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="course-registration"]) .cr-portal-auth-text--error {
-  color: var(--cr-error-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="course-registration"]) .cr-modal-btn {
+: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;
@@ -10463,42 +11390,58 @@
   color: rgb(var(--tb-primaryText, 255 255 255));
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-modal-btn:hover {
+: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="course-registration"]) .cr-modal-btn:disabled {
+: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="course-registration"]) .cr-modal-btn--secondary {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-modal-btn--secondary {
   background: transparent;
-  color: var(--cr-on-surface);
-  border: 1px solid var(--cr-border);
+  color: var(--er-on-surface);
+  border: 1px solid var(--er-border);
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-modal-btn--secondary:hover {
-  background: var(--cr-on-surface-hover-bg);
+: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="course-registration"]) .cr-text--muted {
+: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="course-registration"]) .cr-text--error {
-  color: var(--cr-error-text);
+: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="course-registration"]) .cr-text--success {
-  color: var(--cr-success-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="course-registration"]) .cr-sr-only {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -10511,20 +11454,28 @@
 }
 
 /* Stack utility */
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-stack {
+: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="course-registration"]) .cr-stack--gap-sm {
+: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="course-registration"]) .cr-stack--gap-md {
+: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="course-registration"]) .cr-stack--gap-lg {
+:where(.theme-scope)
+  :where([data-block='event-registration'], [data-block='course-registration'])
+  .er-whole-series-stack--gap-lg {
   gap: 1.5rem;
 }
 
@@ -12398,42 +13349,34 @@
   font-weight: 600;
 }
 
+/* --- Composition Looks ----------------------------------------------------
+ * Each of these compositions is paired with a card role on the Look
+ * (`alternative`, `open`, `default`), so the group card's fill, elevation and
+ * padding come from the site style's card system, and nothing below names a
+ * colour.
+ *
+ * Geometry is a different question from colour. A composition that says the
+ * rows are *joined* is making a structural statement, and it can only be true
+ * if the rows stop drawing their own corners and edges — so flattening
+ * geometry (radius, border width) on inner items is allowed where the
+ * composition's meaning depends on it. Choosing what colour those edges would
+ * have been is not.
+ * ------------------------------------------------------------------------- */
+
 :where(.theme-scope)
-  [data-block="offerings-preview"]:is(
-    [data-block-look="offerings-preview-paired-feature-cards"],
-    [data-block-look="offerings-preview-open-editorial-columns"],
-    [data-block-look="offerings-preview-joined-programme-panel"]
-  )
+  [data-block="offerings-preview"][data-block-composition-kind="offerings-preview"]
   .offerings-preview {
   container: rb-offerings-preview / inline-size;
 }
 
 :where(.theme-scope)
-  [data-block="offerings-preview"]:is(
-    [data-block-look="offerings-preview-paired-feature-cards"],
-    [data-block-look="offerings-preview-open-editorial-columns"],
-    [data-block-look="offerings-preview-joined-programme-panel"]
-  )
+  [data-block="offerings-preview"][data-block-composition-kind="offerings-preview"]
   .offerings-preview-card {
   min-width: 0;
 }
 
 :where(.theme-scope)
-  [data-block="offerings-preview"]:is(
-    [data-block-look="offerings-preview-paired-feature-cards"],
-    [data-block-look="offerings-preview-open-editorial-columns"],
-    [data-block-look="offerings-preview-joined-programme-panel"]
-  )
-  .offerings-preview-card-content {
-  padding: clamp(1.4rem, 3.5vw, 2.75rem);
-}
-
-:where(.theme-scope)
-  [data-block="offerings-preview"]:is(
-    [data-block-look="offerings-preview-paired-feature-cards"],
-    [data-block-look="offerings-preview-open-editorial-columns"],
-    [data-block-look="offerings-preview-joined-programme-panel"]
-  )
+  [data-block="offerings-preview"][data-block-composition-kind="offerings-preview"]
   .offerings-preview-card-footer {
   margin-top: auto;
   padding-top: clamp(1.25rem, 3vw, 2rem);
@@ -12443,150 +13386,66 @@
  * third group the grid returns to equal columns rather than implying a new
  * source hierarchy. */
 :where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-paired-feature-cards"]
+  [data-block="offerings-preview"][data-block-composition="paired-feature-cards"]
   .offerings-preview-grid {
   grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)) !important;
   gap: clamp(1rem, 2.5vw, 1.5rem);
 }
 
-:where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-paired-feature-cards"]
-  .offerings-preview-card {
-  overflow: hidden;
-  border: 1px solid rgb(var(--tb-border));
-  border-radius: calc(var(--rb-block-radius, 0.75rem) * 1.75);
-  background: rgb(var(--tb-accent-200));
-  color: rgb(var(--tb-onAccent200));
-  --rb-surface-text-color: rgb(var(--tb-onAccent200));
-  --rb-surface-heading-color: rgb(var(--tb-onAccent200));
-  --rb-surface-link-color: rgb(var(--tb-onAccent200));
-  --rb-surface-supporting-color: rgb(var(--tb-onAccent200));
-}
-
-:where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-paired-feature-cards"]
-  .offerings-preview-card:first-child {
-  border-color: transparent;
-  background: rgb(var(--tb-primary-950));
-  color: rgb(var(--tb-onPrimary950));
-  box-shadow: 0.55rem 0.55rem 0 rgb(var(--tb-secondary-100));
-  --rb-surface-text-color: rgb(var(--tb-onPrimary950));
-  --rb-surface-heading-color: rgb(var(--tb-onPrimary950));
-  --rb-surface-link-color: rgb(var(--tb-onPrimary950));
-  --rb-surface-supporting-color: rgb(var(--tb-onPrimary950));
-}
-
-:where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-paired-feature-cards"]
-  .offerings-preview-card:first-child
-  .offerings-preview-card-title {
-  color: rgb(var(--tb-primary-200));
-}
-
 @container rb-offerings-preview (min-width: 52rem) {
   :where(.theme-scope)
-    [data-block="offerings-preview"][data-block-look="offerings-preview-paired-feature-cards"]
+    [data-block="offerings-preview"][data-block-composition="paired-feature-cards"]
     .offerings-preview-grid:has(> .offerings-preview-card:nth-child(2):last-child) {
     grid-template-columns: minmax(0, 1.22fr) minmax(18rem, 0.78fr) !important;
   }
 }
 
-/* Open editorial columns: composition and hierarchy without an item fill. */
+/* Open editorial columns: hierarchy without an item fill. The `open` card role
+ * supplies whatever marking the site style gives a boxless card. */
 :where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-open-editorial-columns"]
+  [data-block="offerings-preview"][data-block-composition="open-editorial-columns"]
   .offerings-preview-grid {
   grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)) !important;
-  gap: 0;
-  border-block: 1px solid rgb(var(--tb-border));
-}
-
-:where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-open-editorial-columns"]
-  .offerings-preview-card {
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  color: var(--rb-surface-text-color, rgb(var(--tb-text)));
-}
-
-:where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-open-editorial-columns"]
-  .offerings-preview-card + .offerings-preview-card {
-  border-top: 1px solid rgb(var(--tb-border));
-}
-
-@container rb-offerings-preview (min-width: 46rem) {
-  :where(.theme-scope)
-    [data-block="offerings-preview"][data-block-look="offerings-preview-open-editorial-columns"]
-    .offerings-preview-card + .offerings-preview-card {
-    border-top: 0;
-    border-left: 1px solid rgb(var(--tb-border));
-  }
+  gap: clamp(1.5rem, 4vw, 3rem);
 }
 
-/* Joined programme panel: every group remains independently editable but the
- * close-set bands read as one upcoming programme. */
+/* Joined programme panel: every group remains independently editable, but the
+ * rows are clipped into one column so they read as a single programme. Each
+ * row's surface is its own `default` card. */
 :where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-joined-programme-panel"]
+  [data-block="offerings-preview"][data-block-composition="joined-programme-panel"]
   .offerings-preview {
   overflow: hidden;
   gap: 0;
-  border: 1px solid rgb(var(--tb-border));
   border-radius: calc(var(--rb-block-radius, 0.75rem) * 1.75);
-  background: rgb(var(--tb-surface));
 }
 
 :where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-joined-programme-panel"]
+  [data-block="offerings-preview"][data-block-composition="joined-programme-panel"]
   .offerings-preview-grid {
   grid-template-columns: minmax(0, 1fr) !important;
   gap: 0;
 }
 
+/* Geometry, not colour: a joined panel is only joined if its rows stop drawing
+ * their own corners and outlines. The card role still owns every fill, and the
+ * panel's own corners are clipped by the wrapper above. */
 :where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-joined-programme-panel"]
+  [data-block="offerings-preview"][data-block-composition="joined-programme-panel"]
   .offerings-preview-card {
-  border: 0;
   border-radius: 0;
-  background: rgb(var(--tb-secondary-100));
-  color: rgb(var(--tb-onSecondary100));
-  --rb-surface-text-color: rgb(var(--tb-onSecondary100));
-  --rb-surface-heading-color: rgb(var(--tb-onSecondary100));
-  --rb-surface-link-color: rgb(var(--tb-onSecondary100));
-  --rb-surface-supporting-color: rgb(var(--tb-onSecondary100));
-}
-
-:where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-joined-programme-panel"]
-  .offerings-preview-card:nth-child(2) {
-  background: rgb(var(--tb-accent-200));
-  color: rgb(var(--tb-onAccent200));
-  --rb-surface-text-color: rgb(var(--tb-onAccent200));
-  --rb-surface-heading-color: rgb(var(--tb-onAccent200));
-  --rb-surface-link-color: rgb(var(--tb-onAccent200));
-  --rb-surface-supporting-color: rgb(var(--tb-onAccent200));
-}
-
-:where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-joined-programme-panel"]
-  .offerings-preview-card:nth-child(3) {
-  background: rgb(var(--tb-primary-100));
-  color: rgb(var(--tb-onPrimary100));
-  --rb-surface-text-color: rgb(var(--tb-onPrimary100));
-  --rb-surface-heading-color: rgb(var(--tb-onPrimary100));
-  --rb-surface-link-color: rgb(var(--tb-onPrimary100));
-  --rb-surface-supporting-color: rgb(var(--tb-onPrimary100));
+  border-width: 0;
 }
 
 :where(.theme-scope)
-  [data-block="offerings-preview"][data-block-look="offerings-preview-joined-programme-panel"]
+  [data-block="offerings-preview"][data-block-composition="joined-programme-panel"]
   .offerings-preview-card + .offerings-preview-card {
-  border-top: 1px solid rgb(var(--tb-border));
+  border-top-width: 1px;
 }
 
 @container rb-offerings-preview (min-width: 58rem) {
   :where(.theme-scope)
-    [data-block="offerings-preview"][data-block-look="offerings-preview-joined-programme-panel"]
+    [data-block="offerings-preview"][data-block-composition="joined-programme-panel"]
     .offerings-preview-card-content {
     display: grid;
     grid-template-columns: minmax(15rem, 1.1fr) minmax(19rem, 1.4fr) minmax(10rem, auto);
@@ -12595,7 +13454,7 @@
   }
 
   :where(.theme-scope)
-    [data-block="offerings-preview"][data-block-look="offerings-preview-joined-programme-panel"]
+    [data-block="offerings-preview"][data-block-composition="joined-programme-panel"]
     .offerings-preview-card-footer {
     margin-top: 0;
     padding-top: 0;
@@ -12605,97 +13464,44 @@
 
 
 /* =============================================================================
- * Featured-editorial testimonial Looks promoted from the Fran André treatment
- * study. These rules do not set the outer section background.
+ * Featured-editorial testimonial compositions, promoted from the Fran André
+ * treatment study and keyed on the Look's composition intent.
+ *
+ * Structure only. Which card each slot renders is the block's own lead /
+ * support structure (`.card-role-alternative` on the lead, `.card-role-default`
+ * on each supporting voice) and what those cards look like belongs to the site
+ * style's card system — so nothing here sets a fill, a border or a corner.
  * ============================================================================= */
 
-:where(.theme-scope)
-  [data-block="testimonials"]:is(
-    [data-block-look="testimonials-evergreen-lead"],
-    [data-block-look="testimonials-room-and-response"],
-    [data-block-look="testimonials-open-floor"]
-  )
-  .rb-testimonials-fe-card--feature {
-  background: rgb(var(--tb-secondary-900));
-  color: rgb(var(--tb-onSecondary900));
-  --rb-surface-text-color: rgb(var(--tb-onSecondary900));
-  --rb-surface-heading-color: rgb(var(--tb-onSecondary900));
-  --rb-surface-link-color: rgb(var(--tb-onSecondary900));
-  --rb-surface-supporting-color: rgb(var(--tb-onSecondary900));
-}
-
-:where(.theme-scope)
-  [data-block="testimonials"]:is(
-    [data-block-look="testimonials-evergreen-lead"],
-    [data-block-look="testimonials-room-and-response"],
-    [data-block-look="testimonials-open-floor"]
-  )
-  .rb-testimonials-fe-card--feature
-  .rb-testimonials-fe-qmark {
-  color: rgb(var(--tb-primary-200));
-}
-
-:where(.theme-scope)
-  [data-block="testimonials"]:is(
-    [data-block-look="testimonials-evergreen-lead"],
-    [data-block-look="testimonials-room-and-response"],
-    [data-block-look="testimonials-open-floor"]
-  )
-  .rb-testimonials-fe-card--feature
-  :is(.rb-testimonials-fe-quote p, .rb-testimonials-fe-name, .rb-testimonials-fe-context) {
-  color: rgb(var(--tb-onSecondary900));
-}
-
-/* Evergreen lead: the feature remains dominant while the supporting column
+/* Evergreen lead: the lead voice remains dominant while the supporting column
  * opens into two equal compact voices at wider widths. */
 @container rb-testimonials-fe (min-width: 1024px) {
   :where(.theme-scope)
-    [data-block="testimonials"][data-block-look="testimonials-evergreen-lead"]
+    [data-block="testimonials"][data-block-composition="evergreen-lead"]
     .rb-testimonials-fe-grid {
     grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.55fr);
   }
 
   :where(.theme-scope)
-    [data-block="testimonials"][data-block-look="testimonials-evergreen-lead"]
+    [data-block="testimonials"][data-block-composition="evergreen-lead"]
     .rb-testimonials-fe-col {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
 
-/* Room and response: a tall lead voice with one soft brand response and one
- * neutral response in the existing stacked support column. */
+/* Room and response: a tall lead voice with its responses stacked beside it in
+ * the existing support column. */
 :where(.theme-scope)
-  [data-block="testimonials"][data-block-look="testimonials-room-and-response"]
+  [data-block="testimonials"][data-block-composition="room-and-response"]
   .rb-testimonials-fe-card--feature {
   min-height: 27rem;
 }
 
-:where(.theme-scope)
-  [data-block="testimonials"][data-block-look="testimonials-room-and-response"]
-  .rb-testimonials-fe-col
-  .rb-testimonials-fe-card:first-child {
-  border-color: transparent;
-  background: rgb(var(--tb-primary-100));
-  color: rgb(var(--tb-onPrimary100));
-  --rb-surface-text-color: rgb(var(--tb-onPrimary100));
-  --rb-surface-heading-color: rgb(var(--tb-onPrimary100));
-  --rb-surface-link-color: rgb(var(--tb-onPrimary100));
-  --rb-surface-supporting-color: rgb(var(--tb-onPrimary100));
-}
-
-:where(.theme-scope)
-  [data-block="testimonials"][data-block-look="testimonials-room-and-response"]
-  .rb-testimonials-fe-col
-  .rb-testimonials-fe-card:first-child
-  :is(.rb-testimonials-fe-quote p, .rb-testimonials-fe-name, .rb-testimonials-fe-context) {
-  color: rgb(var(--tb-onPrimary100));
-}
-
 /* Open floor: the section head becomes an editorial rail while proof occupies
- * a feature-over-supporting field. */
+ * a lead-over-supporting field. */
 @container rb-testimonials-fe (min-width: 1024px) {
   :where(.theme-scope)
-    [data-block="testimonials"][data-block-look="testimonials-open-floor"]
+    [data-block="testimonials"][data-block-composition="open-floor"]
     .rb-testimonials-fe {
     display: grid;
     grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1.6fr);
@@ -12704,25 +13510,25 @@
   }
 
   :where(.theme-scope)
-    [data-block="testimonials"][data-block-look="testimonials-open-floor"]
+    [data-block="testimonials"][data-block-composition="open-floor"]
     .rb-testimonials-fe-head {
     display: block;
   }
 
   :where(.theme-scope)
-    [data-block="testimonials"][data-block-look="testimonials-open-floor"]
+    [data-block="testimonials"][data-block-composition="open-floor"]
     .rb-testimonials-fe-leadin {
     margin-top: 1.5rem;
   }
 
   :where(.theme-scope)
-    [data-block="testimonials"][data-block-look="testimonials-open-floor"]
+    [data-block="testimonials"][data-block-composition="open-floor"]
     .rb-testimonials-fe-grid {
     grid-template-columns: minmax(0, 1fr);
   }
 
   :where(.theme-scope)
-    [data-block="testimonials"][data-block-look="testimonials-open-floor"]
+    [data-block="testimonials"][data-block-composition="open-floor"]
     .rb-testimonials-fe-col {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -12744,7 +13550,7 @@
  * in testimonials.css).
  *
  * The block attribute is deliberately outside `:where()` so these rules outrank
- * the card's own utility classes, matching the Look-keyed rules above. */
+ * the card's own utility classes, matching the compositions above. */
 :where(.theme-scope) [data-block="testimonials"][data-block-composition="open-editorial"] .rb-testimonial-card {
   background: transparent;
   border: 0;