@riverbankcms/sdk 0.138.0 → 0.140.0

package/dist/styles/index.css

@@ -5027,7 +5027,8 @@
     [data-block='event-listing'],
     [data-block='event-spotlight'],
     [data-block='event-calendar'],
-    [data-block='event-combined']
+    [data-block='event-combined'],
+    .event-card--catalogue
   )
   .event-card-media {
   height: var(--rb-event-card-media-height, 16rem);
@@ -5040,7 +5041,8 @@
     [data-block='event-listing'],
     [data-block='event-spotlight'],
     [data-block='event-calendar'],
-    [data-block='event-combined']
+    [data-block='event-combined'],
+    .event-card--catalogue
   )
   .event-card-image {
   width: 100%;
@@ -5053,12 +5055,12 @@
 
 :where(.theme-scope)
   :where(
-    [data-block='event-listing'],
-    [data-block='event-spotlight'],
-    [data-block='event-calendar'],
-    [data-block='event-combined']
+    [data-block='event-listing'] .event-card:hover,
+    [data-block='event-spotlight'] .event-card:hover,
+    [data-block='event-calendar'] .event-card:hover,
+    [data-block='event-combined'] .event-card:hover,
+    .event-card--catalogue:hover
   )
-  .event-card:hover
   .event-card-image {
   transform: scale(var(--rb-event-card-image-hover-scale, 1.08));
 }
@@ -6997,16 +6999,6 @@
   gap: 0.5rem;
 }
 
-/* Empty day message */
-:where(.theme-scope)
-  :where([data-block='event-calendar'])
-  .event-agenda-day-empty {
-  font-size: 0.875rem;
-  opacity: var(--ec-empty-opacity);
-  margin: 0;
-  padding: 0.25rem 0;
-}
-
 /* -----------------------------------------------------------------------------
  * Agenda Event Card
  * Rich event card for agenda view
@@ -7090,7 +7082,6 @@
   gap: 0.75rem;
   flex-wrap: wrap;
   font-size: 0.75rem;
-  opacity: 0.7;
 }
 
 :where(.theme-scope)
@@ -7103,9 +7094,8 @@
 
 :where(.theme-scope)
   :where([data-block='event-calendar'])
-  .event-agenda-card-icon {
+.event-agenda-card-icon {
   flex-shrink: 0;
-  opacity: 0.7;
 }
 
 :where(.theme-scope)
@@ -7122,11 +7112,197 @@
 
 :where(.theme-scope)
   :where([data-block='event-calendar'])
-  .event-agenda-card-capacity--full {
-  color: rgb(var(--tb-error, 239 68 68));
+.event-agenda-card-capacity--full {
+  font-weight: 600;
+}
+
+/*
+ * Agenda rows
+ *
+ * The modal keeps the original button card above. Published agenda rows use
+ * an article so their title and booking action can be separate, accessible
+ * links without nesting anchors.
+ */
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda {
+  display: grid;
+  grid-template-columns: 0.25rem minmax(4.5rem, auto) minmax(0, 1fr) auto;
+  align-items: center;
+  column-gap: 1rem;
+  padding: 1rem;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-indicator {
+  grid-column: 1;
+  grid-row: 1;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  > .event-agenda-card-time {
+  grid-column: 2;
+  grid-row: 1;
+  font-size: 0.875rem;
+  font-weight: 700;
   opacity: 1;
 }
 
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-content {
+  grid-column: 3;
+  grid-row: 1;
+  display: block;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-title {
+  margin: 0;
+  font-size: 0.9375rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-title
+  a {
+  color: inherit;
+  text-decoration: none;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-title
+  a:hover {
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-details {
+  align-items: baseline;
+  gap: 0.25rem 0.6rem;
+  margin-top: 0.2rem;
+  font-size: 0.75rem;
+  line-height: 1.35;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-location {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-action {
+  grid-column: 4;
+  grid-row: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.5rem;
+  min-width: max-content;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-price {
+  font-size: 0.875rem;
+  font-weight: 700;
+  opacity: 1;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-status {
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-empty {
+  margin: 0;
+  padding: 2rem 1rem;
+  text-align: center;
+  font-size: 0.875rem;
+  opacity: var(--ec-empty-opacity);
+}
+
+@media (max-width: 639px) {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda {
+    grid-template-columns: minmax(4.25rem, auto) minmax(0, 1fr);
+    grid-template-areas:
+      'time content'
+      'action action';
+    align-items: start;
+    column-gap: 0.75rem;
+    row-gap: 0.65rem;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda
+    .event-agenda-card-indicator {
+    display: none;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda
+    > .event-agenda-card-time {
+    grid-area: time;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda
+    .event-agenda-card-content {
+    grid-area: content;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda
+    .event-agenda-card-action {
+    grid-area: action;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-end;
+  }
+}
+
 /* -----------------------------------------------------------------------------
  * Week Timetable View
  * Time-grid layout for recurring class schedules
@@ -8824,7 +9000,6 @@
 /* Shadow Utilities (defined in rb-utilities.css; theme-driven via --shadow-*) */
 
 
-
 /* =============================================================================
  * Block: Event List (Phase 3 client component migration)
  * =============================================================================
@@ -8850,8 +9025,9 @@
   border: 1px solid rgb(var(--tb-primary));
   border-radius: var(--rb-button-radius, 0.375rem);
   cursor: pointer;
-  transition: background-color var(--rb-block-transition, 150ms) ease,
-              color var(--rb-block-transition, 150ms) ease;
+  transition:
+    background-color var(--rb-block-transition, 150ms) ease,
+    color var(--rb-block-transition, 150ms) ease;
 }
 
 :where(.theme-scope) .event-reset-filters-btn:hover {
@@ -8879,6 +9055,63 @@
   text-underline-offset: 0.12em;
 }
 
+/* Catalogue cards can keep their media footprint when an event has no
+   resolved image. The date remains useful content and follows the site's
+   palette and typography tokens. */
+:where(.theme-scope) .event-card-date-fallback {
+  position: relative;
+  display: flex;
+  min-height: var(--rb-event-card-media-height, 16rem);
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: 0.125rem;
+  overflow: hidden;
+  padding: 1.125rem;
+  border-bottom: 1px solid rgb(var(--tb-border, 229 231 235));
+  background: rgb(var(--tb-surfaceAlt, var(--tb-surface, 255 255 255)));
+  color: rgb(var(--tb-text, 17 24 39));
+}
+
+:where(.theme-scope) .event-card-date-fallback::before {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: radial-gradient(
+    120% 140% at 0% 0%,
+    color-mix(in srgb, rgb(var(--tb-primary, 0 0 0)) 11%, transparent),
+    transparent 62%
+  );
+  content: '';
+}
+
+:where(.theme-scope) .event-card-date-fallback-label,
+:where(.theme-scope) .event-card-date-fallback-value {
+  position: relative;
+}
+
+:where(.theme-scope) .event-card-date-fallback-label {
+  color: rgb(var(--tb-mutedText, var(--tb-muted, 107 114 128)));
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+:where(.theme-scope) .event-card-date-fallback-value {
+  color: rgb(var(--tb-primary, 0 0 0));
+  font-family: var(--font-heading, var(--font-body, inherit));
+  font-size: clamp(1.7rem, 1.35rem + 1.1vw, 2.35rem);
+  font-weight: 500;
+  letter-spacing: -0.025em;
+  line-height: 1.04;
+}
+
+:where(.theme-scope) .event-card-price {
+  color: rgb(var(--tb-text, 17 24 39));
+  font-weight: 600;
+}
+
 
 
 /* =============================================================================
@@ -9460,7 +9693,6 @@
 }
 
 
-
 /* =============================================================================
  * Block: Customer Portal
  * Uses --cp-* CSS variables (Tier 3)
@@ -9508,7 +9740,9 @@
   text-align: left;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__subtitle {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-login__subtitle {
   color: var(--cp-muted);
   font-size: 0.9375rem;
   text-align: left;
@@ -9535,7 +9769,9 @@
   text-align: left;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__reset-link {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-login__reset-link {
   appearance: none;
   background: none;
   border: 0;
@@ -9549,11 +9785,15 @@
   text-underline-offset: 0.15em;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__reset-link:hover {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-login__reset-link:hover {
   color: var(--cp-text);
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__reset-link:focus-visible {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-login__reset-link:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 3px;
 }
@@ -9598,7 +9838,9 @@
   border-bottom: none;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-header__welcome {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-header__welcome {
   font-size: 1.125rem;
   font-weight: 500;
 }
@@ -9614,8 +9856,14 @@
 }
 
 @keyframes cp-fade-in {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 /* Empty state */
@@ -9704,6 +9952,75 @@
   margin-top: 1rem;
 }
 
+/* Event waitlists */
+:where(.theme-scope) :where([data-block="customer-portal"]) .cp-waitlist-list {
+  display: grid;
+  gap: 1rem;
+}
+
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlists
+  > .cp-alert {
+  margin-bottom: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="customer-portal"]) .cp-waitlist-card {
+  transition:
+    border-color 180ms ease,
+    box-shadow 180ms ease;
+}
+
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlist-card--focused {
+  border-color: var(--cp-primary);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cp-primary) 22%, transparent);
+}
+
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlist-card__summary,
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlist-card__position {
+  font-weight: 600;
+}
+
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-waitlist-card
+  .cp-card-body
+  p {
+  margin: 0.4rem 0;
+}
+
+@media (max-width: 640px) {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-waitlist-card
+    .cp-card-header {
+    flex-direction: column-reverse;
+  }
+
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-waitlist-card
+    .cp-card-actions {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-waitlist-card
+    .cp-card-actions
+    > * {
+    justify-content: center;
+    text-align: center;
+  }
+}
+
 /* Badge */
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-badge {
   display: inline-flex;
@@ -9840,11 +10157,18 @@
   background: rgba(var(--tb-border), 0.2);
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-table tbody tr:last-child td {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-table
+  tbody
+  tr:last-child
+  td {
   border-bottom: none;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) :is(.cp-row--past, .cp-row--muted) {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  :is(.cp-row--past, .cp-row--muted) {
   opacity: 0.65;
 }
 
@@ -9857,7 +10181,9 @@
   line-height: 1.2;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-title__badges {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-title__badges {
   margin-left: auto;
   display: flex;
   flex-wrap: wrap;
@@ -9865,7 +10191,9 @@
   gap: 0.375rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-title__text {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-title__text {
   min-width: 0;
 }
 
@@ -9885,12 +10213,16 @@
   line-height: 1.35;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-note--success {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-note--success {
   border-left-color: rgb(var(--tb-success));
   color: rgb(var(--tb-success));
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-note--error {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-note--error {
   border-left-color: rgb(var(--tb-destructive));
   color: rgb(var(--tb-destructive));
 }
@@ -9909,16 +10241,23 @@
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-col-actions .btn-sm {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-col-actions
+  .btn-sm {
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-title__link {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-title__link {
   color: inherit;
   text-decoration: none;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-title__link:hover {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-row-title__link:hover {
   text-decoration: underline;
   text-decoration-thickness: 2px;
   text-underline-offset: 2px;
@@ -9940,7 +10279,9 @@
 }
 
 /* Profile actions */
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-profile__actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-profile__actions {
   display: flex;
   gap: 0.75rem;
   margin-top: 1rem;
@@ -10007,28 +10348,39 @@
   gap: 0.375rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guest-edit-row__index {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guest-edit-row__index {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--cp-muted);
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guest-edit-row__fields {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guest-edit-row__fields {
   display: flex;
   gap: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guest-edit-row__fields input {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guest-edit-row__fields
+  input {
   flex: 1;
   min-width: 0;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guest-edit-row__error {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guest-edit-row__error {
   font-size: 0.75rem;
   color: var(--cp-error);
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-guests__actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-guests__actions {
   display: flex;
   gap: 0.5rem;
   margin-top: 0.5rem;
@@ -10042,13 +10394,18 @@
 }
 
 /* In the actions modal, tiles sit on a surface modal, so use "background" for contrast. */
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-actions-list :where(.rb-tile) {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-actions-list
+  :where(.rb-tile) {
   --rb-event-tile-bg: rgb(var(--tb-background));
   --rb-event-tile-border: rgb(var(--tb-border));
 }
 
 /* Actions trigger: icon-only kebab button */
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-actions-trigger.btn-sm {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-actions-trigger.btn-sm {
   padding: 0.35rem !important;
   line-height: 1 !important;
   min-width: 32px;
@@ -10072,17 +10429,24 @@
   gap: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-action-tile__title {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-action-tile__title {
   font-weight: 600;
   font-size: 0.9375rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-action-tile__desc {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-action-tile__desc {
   font-size: 0.875rem;
   line-height: 1.35;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-action-tile--danger .cp-action-tile__title {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-action-tile--danger
+  .cp-action-tile__title {
   color: rgb(var(--tb-destructive));
 }
 
@@ -10104,7 +10468,9 @@
   text-decoration: underline;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-btn--link:hover {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-btn--link:hover {
   color: var(--cp-primary-hover);
 }
 
@@ -10143,34 +10509,48 @@
   margin-top: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-cancel-confirm__title {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-cancel-confirm__title {
   font-weight: 600;
   margin-bottom: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-cancel-confirm__message {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-cancel-confirm__message {
   margin-bottom: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-cancel-confirm__warning {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-cancel-confirm__warning {
   margin-bottom: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-cancel-confirm__actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-cancel-confirm__actions {
   display: flex;
   gap: 0.75rem;
 }
 
 /* Membership actions */
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-membership-actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-membership-actions {
   margin-top: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-section-actions {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-section-actions {
   margin-top: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="customer-portal"]) .cp-card-subtitle--spaced {
+:where(.theme-scope)
+  :where([data-block="customer-portal"])
+  .cp-card-subtitle--spaced {
   margin-top: 0.75rem;
 }
 
@@ -10193,9 +10573,18 @@
     display: none;
   }
 
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table :is(th, td).cp-col-guests,
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table :is(th, td).cp-col-tickets,
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table :is(th, td).cp-col-actions {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-table
+    :is(th, td).cp-col-guests,
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-table
+    :is(th, td).cp-col-tickets,
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-table
+    :is(th, td).cp-col-actions {
     display: none;
   }
 
@@ -10204,24 +10593,34 @@
   }
 
   /* Make the cell a positioning context for the kebab */
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-row > td:first-child {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-row
+    > td:first-child {
     position: relative;
     padding-right: 2.5rem;
   }
 
   /* Position kebab in top-right of the cell */
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-mobile-actions {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-row-mobile-actions {
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
     margin-top: 0;
   }
 
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-row-mobile-actions .btn-sm {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-row-mobile-actions
+    .btn-sm {
     width: auto;
   }
 
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-profile__edit {
+  :where(.theme-scope)
+    :where([data-block="customer-portal"])
+    .cp-profile__edit {
     align-self: stretch;
   }
 }
@@ -10671,6 +11070,30 @@
   gap: 0.25rem;
 }
 
+/* Topic choices (visitor picks what to hear about). Same treatment as the
+   form block's .fb-fieldset / .fb-inline, defined here because the newsletter
+   form also renders inside contact-newsletter and the site footer. */
+:where(.theme-scope) .newsletter-topics {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  border: none;
+  padding: 0;
+  margin: 0;
+  min-width: 0;
+}
+
+:where(.theme-scope) .newsletter-topics > legend {
+  padding: 0;
+  margin-bottom: 0.25rem;
+}
+
+:where(.theme-scope) .newsletter-topic-choice {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
 /* Required indicator */
 :where(.theme-scope) .newsletter-required {
   color: rgb(var(--tb-primary));
@@ -10720,6 +11143,10 @@
   flex-shrink: 0;
 }
 
+:where(.theme-scope) .newsletter-inline .newsletter-topics {
+  flex-basis: 100%;
+}
+
 /* Mobile fallback for inline variant */
 @media (max-width: 640px) {
   :where(.theme-scope) .newsletter-inline .newsletter-form-fields {
@@ -12732,3 +13159,34 @@
 }
 
 
+/* =============================================================================
+ * Block: Appointment Services
+ * ============================================================================= */
+
+:where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  column-gap: 1rem;
+  row-gap: 0.5rem;
+}
+
+:where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row-main {
+  flex: 1 1 16rem;
+}
+
+:where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row-price {
+  flex: 0 0 auto;
+}
+
+:where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row-action {
+  flex: 1 0 100%;
+}
+
+@media (min-width: 768px) {
+  :where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row-action {
+    flex: 0 0 auto;
+  }
+}
+
+