@riverbankcms/sdk 0.78.2 → 0.80.0

package/dist/server/webhooks.mjs

@@ -1,53 +1,151 @@
 // src/webhooks/verify.ts
 import crypto from "crypto";
+
+// ../api/src/webhooks.ts
 import { z } from "zod";
-var WebhookEventSchema = z.enum([
+var RIVERBANK_SIGNATURE_PREFIX = "sha256=";
+var SUPPORTED_WEBHOOK_EVENTS = [
   "page.published",
+  "page.unpublished",
+  "page.deleted",
+  "page.path_changed",
   "entry.published",
+  "entry.unpublished",
+  "entry.deleted",
+  "entry.path_changed",
   "navigation.updated",
   "theme.updated",
   "site.settings_updated"
-]);
+];
+var WebhookEventSchema = z.enum(SUPPORTED_WEBHOOK_EVENTS);
+function asRevalidationPath(path) {
+  return path;
+}
+function parseRevalidationPath(input) {
+  const trimmed = input.trim();
+  if (!trimmed) {
+    return { success: false, error: { tag: "EMPTY_PATH", input } };
+  }
+  if (/^[a-z][a-z\d+.-]*:/i.test(trimmed) || trimmed.startsWith("//") || !trimmed.startsWith("/")) {
+    return { success: false, error: { tag: "ABSOLUTE_OR_PROTOCOL_PATH", input } };
+  }
+  if (/[\u0000-\u001F\u007F]/.test(trimmed) || trimmed.includes("\\") || trimmed.includes("?") || trimmed.includes("#")) {
+    return { success: false, error: { tag: "MALFORMED_PATH", input } };
+  }
+  const collapsed = trimmed.replace(/\/{2,}/g, "/");
+  const normalized = collapsed === "/" ? "/" : collapsed.replace(/\/+$/g, "");
+  return { success: true, path: asRevalidationPath(normalized) };
+}
+function normalizeRevalidationPath(input) {
+  const result = parseRevalidationPath(input);
+  return result.success ? result.path : null;
+}
+function unwrapRevalidationPath(path) {
+  return path;
+}
 var PagePublishedDataSchema = z.object({
   pageId: z.string(),
   path: z.string(),
   slug: z.string().optional()
-});
+}).strict();
+var PageRemovedDataSchema = z.object({
+  pageId: z.string(),
+  path: z.string(),
+  slug: z.string().optional()
+}).strict();
+var PagePathChangedDataSchema = z.object({
+  pageId: z.string(),
+  previousPath: z.string(),
+  path: z.string(),
+  slug: z.string().optional()
+}).strict();
 var EntryPublishedDataSchema = z.object({
   entryId: z.string(),
   path: z.string(),
   contentType: z.string()
-});
+}).strict();
+var EntryRemovedDataSchema = z.object({
+  entryId: z.string(),
+  path: z.string(),
+  contentType: z.string()
+}).strict();
+var EntryPathChangedDataSchema = z.object({
+  entryId: z.string(),
+  previousPath: z.string(),
+  path: z.string(),
+  contentType: z.string()
+}).strict();
 var NavigationUpdatedDataSchema = z.object({
   menuId: z.string().optional()
-});
-var EmptyDataSchema = z.object({});
-var WebhookDataSchema = z.union([
-  PagePublishedDataSchema,
-  EntryPublishedDataSchema,
-  NavigationUpdatedDataSchema,
-  EmptyDataSchema
-]);
-var WebhookPayloadSchema = z.object({
-  /** Event type */
-  event: WebhookEventSchema,
-  /** ISO timestamp of when the event occurred */
+}).strict();
+var EmptyWebhookDataSchema = z.object({}).strict();
+var WebhookPayloadBaseSchema = z.object({
   timestamp: z.string(),
-  /** Site ID that triggered the event */
+  dispatchId: z.string().optional(),
   siteId: z.string(),
-  /** Event-specific data (shape depends on event type) */
-  data: z.record(z.string(), z.unknown()),
-  /** Cache invalidation tags (for tag-based revalidation) */
-  tags: z.array(z.string()).optional()
+  tags: z.array(z.string()).optional(),
+  paths: z.array(z.string()).optional()
 });
+var WebhookPayloadSchema = z.discriminatedUnion("event", [
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("page.published"),
+    data: PagePublishedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("page.unpublished"),
+    data: PageRemovedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("page.deleted"),
+    data: PageRemovedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("page.path_changed"),
+    data: PagePathChangedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("entry.published"),
+    data: EntryPublishedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("entry.unpublished"),
+    data: EntryRemovedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("entry.deleted"),
+    data: EntryRemovedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("entry.path_changed"),
+    data: EntryPathChangedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("navigation.updated"),
+    data: NavigationUpdatedDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("theme.updated"),
+    data: EmptyWebhookDataSchema
+  }),
+  WebhookPayloadBaseSchema.extend({
+    event: z.literal("site.settings_updated"),
+    data: EmptyWebhookDataSchema
+  })
+]);
+
+// src/webhooks/verify.ts
 function verifyWebhookSignature(payload, signature, secret) {
-  const expectedSignature = crypto.createHmac("sha256", secret).update(payload).digest("hex");
-  if (signature.length !== expectedSignature.length) {
+  if (!signature.startsWith(RIVERBANK_SIGNATURE_PREFIX)) {
     return false;
   }
+  const signatureDigest = signature.slice(RIVERBANK_SIGNATURE_PREFIX.length);
+  if (!/^[a-f0-9]{64}$/.test(signatureDigest)) {
+    return false;
+  }
+  const expectedSignature = crypto.createHmac("sha256", secret).update(payload).digest("hex");
   return crypto.timingSafeEqual(
-    Buffer.from(signature),
-    Buffer.from(expectedSignature)
+    Buffer.from(signatureDigest, "hex"),
+    Buffer.from(expectedSignature, "hex")
   );
 }
 function parseWebhookPayload(body) {
@@ -64,7 +162,13 @@ function parseWebhookPayload(body) {
   return { success: true, payload: result.data };
 }
 export {
+  RIVERBANK_SIGNATURE_PREFIX,
+  SUPPORTED_WEBHOOK_EVENTS,
+  WebhookEventSchema,
   WebhookPayloadSchema,
+  normalizeRevalidationPath,
+  parseRevalidationPath,
   parseWebhookPayload,
+  unwrapRevalidationPath,
   verifyWebhookSignature
 };

package/dist/styles/index.css

@@ -1576,40 +1576,51 @@
   }
 
   .rb-container-pad-none {
-    padding: 0;
+    --rb-card-pad: 0rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-compact {
-    padding: 1rem;
+    --rb-card-pad: 1rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-cozy {
-    padding: 1.5rem;
+    --rb-card-pad: 1.5rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-medium {
-    padding: 1.5rem;
+    --rb-card-pad: 1.5rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-comfortable {
-    padding: 2rem;
+    --rb-card-pad: 2rem;
+    padding: var(--rb-card-pad);
   }
   .rb-container-pad-spacious {
-    padding: 2.5rem;
+    --rb-card-pad: 2.5rem;
+    padding: var(--rb-card-pad);
   }
 
   @media (min-width: 640px) {
     @scope ([data-rb-responsive-mode="viewport"]) to (:scope [data-rb-responsive-mode]) {
       .rb-container-pad-compact {
-        padding: 1.5rem;
+        --rb-card-pad: 1.5rem;
+        padding: var(--rb-card-pad);
       }
       .rb-container-pad-cozy {
-        padding: 2rem;
+        --rb-card-pad: 2rem;
+        padding: var(--rb-card-pad);
       }
       .rb-container-pad-medium {
-        padding: 2rem;
+        --rb-card-pad: 2rem;
+        padding: var(--rb-card-pad);
       }
       .rb-container-pad-comfortable {
-        padding: 2.5rem;
+        --rb-card-pad: 2.5rem;
+        padding: var(--rb-card-pad);
       }
       .rb-container-pad-spacious {
-        padding: 3.5rem;
+        --rb-card-pad: 3.5rem;
+        padding: var(--rb-card-pad);
       }
     }
   }
@@ -1782,8 +1793,15 @@
   /* Shared: Site document overlay header clearance                             */
   /* -------------------------------------------------------------------------- */
 
-  :where(.theme-scope) :where([data-site-document-overlay-content='true']) :where([data-block]):first-of-type > :where([data-slot='section']) > :where(.rb-container) {
-    padding-top: calc(var(--site-overlay-header-clearance, 0px) + var(--site-overlay-opening-content-extra-pad, 0px));
+  :where(.theme-scope)
+    :where([data-site-document-overlay-content='true'])
+    :where([data-block]):first-of-type
+    > :where([data-slot='section'])
+    > :where(.rb-container) {
+    padding-top: calc(
+      var(--site-overlay-header-clearance, 0px) +
+        var(--site-overlay-opening-content-extra-pad, 0px)
+    );
   }
 
   /* -------------------------------------------------------------------------- */
@@ -1869,6 +1887,22 @@
     }
   }
 
+  /* -------------------------------------------------------------------------- */
+  /* Header: Mobile floating/glass backing                                      */
+  /* -------------------------------------------------------------------------- */
+
+  :where(.theme-scope) .header-variant-floating .header-mobile-bar {
+    align-items: flex-start;
+    margin-top: 0.75rem;
+  }
+
+  :where(.theme-scope) .header-variant-floating .nav-mobile-toggle {
+    border: 1px solid rgb(var(--tb-border) / 0.82);
+    background: rgb(var(--tb-surface) / 0.96);
+    color: rgb(var(--tb-text));
+    box-shadow: 0 10px 28px rgb(var(--tb-neutral-950) / 0.12);
+  }
+
   /*
  * Theme Scope Styles
  *
@@ -2797,6 +2831,56 @@
     transition: height 300ms var(--motion-ease, ease);
   }
 
+  :where(.theme-scope) .header-logo-size-compact.rb-header-logo-sm {
+    height: 2rem;
+  }
+  :where(.theme-scope) .header-logo-size-compact.rb-header-logo-lg {
+    height: 2.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-standard.rb-header-logo-sm {
+    height: 2.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-standard.rb-header-logo-lg {
+    height: 3rem;
+  }
+  :where(.theme-scope) .header-logo-size-generous.rb-header-logo-sm {
+    height: 3.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-generous.rb-header-logo-lg {
+    height: 4.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-display.rb-header-logo-sm {
+    height: 7.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-display.rb-header-logo-lg {
+    height: 8rem;
+  }
+
+  :where(.theme-scope) .header-logo-accommodation-plate,
+  :where(.theme-scope) .header-logo-accommodation-centered-badge,
+  :where(.theme-scope) .header-logo-accommodation-popout-badge,
+  :where(.theme-scope) .header-logo-accommodation-centered-masthead {
+    border-radius: var(--radius-md, 0.5rem);
+    background: var(--color-surface, #fff);
+    box-shadow: var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.08));
+    padding: 0.5rem;
+  }
+
+  :where(.theme-scope) .header-logo-accommodation-popout-badge {
+    position: relative;
+    z-index: 1;
+    margin-block: -0.35rem -0.9rem;
+  }
+
+  :where(.theme-scope)
+    .header-logo-size-display.header-logo-accommodation-popout-badge {
+    margin-block: -0.75rem -2rem;
+  }
+
+  :where(.theme-scope) .header-logo-accommodation-centered-masthead {
+    padding: 0.75rem 1rem;
+  }
+
   /* Site title base font size (replaces rb-text-lg / rb-text-xl utilities) */
   :where(.theme-scope) .header-logo-text {
     font-size: 1.125rem; /* matches rb-text-lg */
@@ -2833,11 +2917,43 @@
   :where(.theme-scope) .rb-header-shrink.header-scrolled .rb-header-logo-lg {
     height: 2.5rem;
   }
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled
+    .header-logo-size-generous.rb-header-logo-sm {
+    height: 2.75rem;
+  }
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled
+    .header-logo-size-generous.rb-header-logo-lg {
+    height: 3.25rem;
+  }
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled
+    .header-logo-size-display.rb-header-logo-sm,
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled
+    .header-logo-size-display.rb-header-logo-lg {
+    height: 5rem;
+  }
   :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
     font-size: 0.875rem;
   }
 
   @media (max-width: 767px) {
+    :where(.theme-scope) .header-logo-size-generous.rb-header-logo-sm,
+    :where(.theme-scope) .header-logo-size-generous.rb-header-logo-lg {
+      height: 3rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-display.rb-header-logo-sm,
+    :where(.theme-scope) .header-logo-size-display.rb-header-logo-lg {
+      height: 5.5rem;
+    }
+
+    :where(.theme-scope) .header-logo-accommodation-popout-badge {
+      margin-block: 0;
+    }
+
     :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
       font-size: 0.75rem;
     }
@@ -7611,11 +7727,13 @@
 }
 
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-quote {
+  display: var(--rb-testimonial-quote-display, block);
+  font-family: var(--rb-testimonial-quote-font, inherit);
   font-size: var(--rb-testimonial-quote-size);
   line-height: 1;
-  font-weight: 700;
+  font-weight: var(--rb-testimonial-quote-weight, 700);
   opacity: var(--rb-testimonial-quote-opacity);
-  color: rgb(var(--tb-primary));
+  color: var(--rb-testimonial-quote-color, rgb(var(--tb-primary)));
 }
 
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-accent-quote .rb-testimonial-quote {
@@ -7624,6 +7742,59 @@
   opacity: 1;
 }
 
+/* Open editorial testimonial card: boxless, with a hairline rule before the
+ * attribution, an accent ring on the avatar, and comfortable prose. The quote
+ * mark itself is owned by the site-style quote treatment (see the
+ * --rb-testimonial-quote-* vars), not by these rules.
+ *
+ * `editorial-open` is the current non-carded look; `editorial-serif-quote` is
+ * retained for content saved before the decomposition. */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-card.rb-card-treatment-editorial-open,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-card.rb-card-treatment-editorial-serif-quote {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  padding: 0.25rem clamp(0.5rem, 1.5vw, 1.5rem);
+}
+
+/* styledCard always renders an inner white rb-bg-surface fill layer; a boxless
+ * card must clear it so the section band shows through (otherwise: white box). */
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-open > .rb-bg-surface,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-serif-quote > .rb-bg-surface {
+  background: transparent;
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-open .rb-prose,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-serif-quote .rb-prose {
+  font-size: 1.0625rem;
+  line-height: 1.7;
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-open .rb-testimonial-attribution,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-serif-quote .rb-testimonial-attribution {
+  margin-top: 1.25rem;
+  padding-top: 1.25rem;
+  border-top: 1px solid rgba(var(--tb-border), 0.75);
+}
+
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-open .rb-testimonial-avatar,
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-editorial-serif-quote .rb-testimonial-avatar {
+  box-shadow:
+    0 0 0 2px rgb(var(--tb-surface)),
+    0 0 0 4px rgba(var(--tb-primary), 0.3);
+}
+
+
+/* Split grid: title column + cards. On desktop the title takes one quarter and
+ * the cards fill the remaining three quarters (so title + 3 cards each read as
+ * a quarter). Stacks on mobile. */
+@media (min-width: 1024px) {
+  :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-split-grid {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
+    align-items: start;
+  }
+}
+
 
 /* Testimonials carousel tweaks: arrow styling + gutters + equal-height cards */
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn {
@@ -9103,10 +9274,10 @@
 
 :where(.theme-scope) .event-compact-row {
   display: grid;
-  grid-template-columns: clamp(5.5rem, 8vw, 8rem) minmax(0, 1fr) clamp(15rem, 24vw, 21rem);
+  grid-template-columns: clamp(5rem, 7vw, 7rem) minmax(0, 1fr) clamp(15rem, 24vw, 21rem);
   align-items: center;
-  min-height: 8.75rem;
-  padding: 1.55rem clamp(1.5rem, 3vw, 2.6rem);
+  min-height: 6.75rem;
+  padding: 1.35rem clamp(1.5rem, 3vw, 2.6rem);
   border-bottom: 1px solid var(--event-compact-divider-color);
   transition: background-color 150ms ease;
 }
@@ -9145,10 +9316,10 @@
 :where(.theme-scope) .event-compact-row-date-day {
   display: grid;
   place-items: center;
-  min-block-size: clamp(2.7rem, 4.5vw, 3.7rem);
+  min-block-size: clamp(2rem, 3vw, 2.6rem);
   color: rgb(var(--tb-text, 17 24 39));
   font-family: var(--font-heading, var(--font-body, inherit));
-  font-size: clamp(2.3rem, 4.2vw, 3.35rem);
+  font-size: clamp(1.7rem, 1.35rem + 1.1vw, 2.35rem);
   font-weight: 400;
   line-height: 1;
 }
@@ -9168,9 +9339,10 @@
   margin: 0;
   color: rgb(var(--tb-text, 17 24 39));
   font-family: var(--font-heading, var(--font-body, inherit));
-  font-size: clamp(1.55rem, 2.6vw, 2.4rem);
+  /* Row titles sit at the theme's h3 scale so section headings stay dominant */
+  font-size: var(--fs-h3-fluid, clamp(1.1rem, 1rem + 0.7vw, 1.5rem));
   font-weight: 400;
-  line-height: 1.05;
+  line-height: 1.2;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -9282,7 +9454,7 @@
   }
 
   :where(.theme-scope) .event-compact-row-date-day {
-    font-size: 2.35rem;
+    font-size: 1.85rem;
   }
 
   :where(.theme-scope) .event-compact-row-content {
@@ -9292,7 +9464,7 @@
   }
 
   :where(.theme-scope) .event-compact-row-title {
-    font-size: clamp(1.35rem, 8vw, 1.9rem);
+    font-size: clamp(1.15rem, 5vw, 1.35rem);
     white-space: normal;
   }
 
@@ -9375,19 +9547,23 @@
  * =============================================================================
  */
 
-:where(.theme-scope) .rb-heading-decoration {
+/*
+ * The mark sits inside a full-width block row so it inherits the heading group's
+ * `text-align`: a centred heading centres the mark, a left-aligned heading keeps
+ * it at the start. The heading stacks are flexbox, where `text-align` positions
+ * inline content but not flex items — so the row (a stretched block flex item)
+ * is what carries the alignment, and the inline-block mark follows it. Alignment
+ * is never configured directly; it follows the heading.
+ */
+:where(.theme-scope) .rb-heading-decoration-row {
   display: block;
-  flex: 0 0 auto;
-  pointer-events: none;
-}
-
-:where(.theme-scope) .rb-heading-decoration-placement-after-heading {
+  width: 100%;
   margin-top: 0.35rem;
+  pointer-events: none;
 }
 
-:where(.theme-scope) .rb-heading-decoration-placement-under-centered-heading {
-  margin-left: auto;
-  margin-right: auto;
+:where(.theme-scope) .rb-heading-decoration {
+  display: inline-block;
 }
 
 :where(.theme-scope) .rb-heading-decoration-organic-squiggle {
@@ -9432,3 +9608,149 @@
 }
 
 
+/* =============================================================================
+ * Block: Feature Card Icons
+ * =============================================================================
+ */
+
+:where(.theme-scope) .rb-feature-card-icon-zone {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  margin-bottom: 0.125rem;
+  color: rgb(var(--tb-primary));
+}
+
+:where(.theme-scope) .rb-feature-card-icon-zone--empty {
+  visibility: hidden;
+}
+
+:where(.theme-scope) .rb-feature-card-icon-zone--plain {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+:where(.theme-scope) .rb-feature-card-icon-zone--soft-badge,
+:where(.theme-scope) .rb-feature-card-icon-zone--utility-badge {
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: var(--rb-block-radius, 0.75rem);
+}
+
+:where(.theme-scope) .rb-feature-card-icon-zone--soft-badge {
+  background-color: rgb(var(--tb-primary) / 10%);
+}
+
+:where(.theme-scope) .rb-feature-card-icon-zone--utility-badge {
+  background-color: rgb(var(--tb-surface));
+  border: 1px solid rgb(var(--tb-border));
+  box-shadow: 0 1px 2px rgba(var(--tb-shadow), 0.08);
+}
+
+:where(.theme-scope) .rb-feature-card-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+:where(.theme-scope) .rb-feature-card-icon--generated {
+  object-fit: contain;
+}
+
+:where(.theme-scope) .rb-feature-card-icon-zone--plain .rb-feature-card-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+
+/* =============================================================================
+ * Shared: Card treatments
+ *
+ * Visual treatments referenced from `_cardStyles.treatment` (see
+ * cardStylesOverrideSchema). Class names are emitted by the boxStyles
+ * transform in @riverbankcms/blocks.
+ *
+ * Also contains feature-card media/padding behaviour shared by all looks:
+ * - card images bleed to the card edges (flush photo tops)
+ * - card-level padding replaces the content stack's fallback padding so the
+ *   two never stack up
+ * ============================================================================= */
+
+/* --- Feature card media + padding behaviour (all looks) -------------------- */
+
+/*
+ * When a look gives the card real padding (rb-container-pad-*), the image
+ * bleeds to the card edges and the inner content stack drops its fallback
+ * padding so insets don't double up.
+ */
+:where(.theme-scope) .rb-feature-card[class*="rb-container-pad-"]:not(.rb-container-pad-none) > .rb-feature-card-media {
+  width: calc(100% + 2 * var(--rb-card-pad, 0rem));
+  max-width: none;
+  margin: calc(-1 * var(--rb-card-pad, 0rem)) calc(-1 * var(--rb-card-pad, 0rem)) 0;
+}
+
+:where(.theme-scope) .rb-feature-card[class*="rb-container-pad-"]:not(.rb-container-pad-none) > .rb-feature-card-media + .rb-feature-card-content {
+  margin-top: 1.4rem;
+}
+
+:where(.theme-scope) .rb-feature-card[class*="rb-container-pad-"]:not(.rb-container-pad-none) > .rb-feature-card-content {
+  padding: 0;
+}
+
+/* --- Soft panel ------------------------------------------------------------ */
+
+:where(.theme-scope) .rb-card-treatment-soft-panel {
+  transition: transform 250ms ease, box-shadow 250ms ease;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :where(.theme-scope) .rb-card-treatment-soft-panel:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 0.875rem 1.875rem rgba(var(--tb-shadow, 0 0 0), 0.1);
+  }
+}
+
+:where(.theme-scope) .rb-card-treatment-soft-panel .cta-row .button-ghost {
+  padding-inline: 0;
+}
+
+/* --- Editorial rule --------------------------------------------------------- */
+
+/*
+ * Boxless open column: no background, no border box, a short brand rule
+ * sitting on a full-width hairline at the top of the column.
+ */
+:where(.theme-scope) .rb-card-treatment-editorial-rule {
+  margin-top: 1rem;
+  border-top: 1px solid
+    color-mix(in oklab, rgb(var(--tb-border, 229 231 235)), transparent 25%);
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule > .rb-bg-surface {
+  background: transparent;
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 2.75rem;
+  height: 2px;
+  background: rgb(var(--tb-primary, 0 0 0));
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule > .rb-feature-card-media {
+  margin-top: 1.6rem;
+  border-radius: calc(var(--rb-block-radius, 0.75rem) * 0.5);
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule > .rb-feature-card-content {
+  padding: 1.6rem 0 0.25rem;
+}
+
+:where(.theme-scope) .rb-card-treatment-editorial-rule .cta-row .button-ghost {
+  padding-inline: 0;
+}
+
+