.block-eada-split-image-content [data-field="body"] p + p { margin-top: 12px; }
.block-eada-split-image-content [data-field="body"] a { color: var(--red); text-decoration: none; border-bottom: 1px solid var(--red); }
.block-eada-split-image-content.theme-dark [data-field="body"] a,
.block-eada-split-image-content.theme-accent [data-field="body"] a { color: var(--white); border-bottom-color: var(--white); }
.block-eada-split-image-content [data-field="body"] strong { color: inherit; }
.block-eada-split-image-content [data-field="body"] ul { padding-left: 20px; margin: 10px 0; }
.block-eada-split-image-content [data-field="body"] li { margin-bottom: 6px; }

body.cms-edit .block-eada-split-image-content .split-image-placeholder::before {
  content: '📷  Click to add image';
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  color: color-mix(in srgb, var(--color-dark-bg) 35%, transparent);
  font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700;
  pointer-events: none;
}

@media (max-width: 900px) {
  .block-eada-split-image-content .split-grid {
    grid-template-columns: 1fr !important;
    direction: ltr !important;
    min-height: 0 !important;
  }
  .block-eada-split-image-content .split-image { min-height: 260px !important; }
  .block-eada-split-image-content .split-content { padding: 56px 24px !important; }
}

/* ── Adaptation for Via Crispi ───────────────────────────────────────
   EADA's private tokens, bridged onto this brand. Block-scoped, so
   nothing is added to shared/styles.css. The inline styles in
   render.php resolve through these too, because they are var()
   references rather than literal values.

   This site always uses theme "light", where --white is the ground and
   --dark is the ink; in that combination each token has a single role. */
.block-eada-split-image-content {
  --white:      var(--color-bg);
  --dark:       var(--color-fg);
  --mid:        var(--color-fg-muted);
  --red:        var(--color-accent-soft);   /* kicker + link rule, as text: 4.8:1 */
  --rule:       var(--color-border);
  --font-title: var(--font-display);
}
.block-eada-split-image-content { padding: var(--space-section-y) var(--space-section-x) !important; }
@media (max-width: 700px) {
  .block-eada-split-image-content { padding: var(--space-section-y) var(--space-section-x) !important; }
}

/* Kicker and CTA ship at 11px; 12px floor per design system §3, and
   11px is a poor tap target on a phone. */
.block-eada-split-image-content [style*="font-size:11px"] { font-size: 12px !important; }

/* Empty image slot: the block paints it in the hairline colour, which
   reads as a 576px grey slab beside the copy. Softened to the surface
   token with a hairline so it reads as a frame waiting for a photo —
   still a full click target for the editor. */
.block-eada-split-image-content .split-image-placeholder {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border);
}

/* Design system §8: uppercase is for eyebrows and buttons only, and §3
   caps section titles at 46px. Set inline by the block. */
.block-eada-split-image-content h2 {
  text-transform: none !important;
  font-size: clamp(28px, 3.4vw, 46px) !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
  line-height: 1.08 !important;
}