.block-ifa-exhibition-detail [data-field="body"] p + p { margin-top: 16px; }
.block-ifa-exhibition-detail [data-field="body"] a { color: var(--ifa-accent); }
@media (max-width: 900px) {
  .block-ifa-exhibition-detail > div { padding-left: 24px !important; padding-right: 24px !important; }
  .block-ifa-exhibition-detail .exhibition-detail-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
}

/* ── Adaptation for Via Crispi ───────────────────────────────────────
   TIFA's private tokens, bridged onto this brand. Block-scoped; the
   inline styles in render.php resolve through these because they are
   var() references, not literals. */
.block-ifa-exhibition-detail {
  --ifa-dark:         var(--color-fg);
  --ifa-mid:          var(--color-fg-muted);
  --ifa-off:          var(--color-surface);
  --ifa-white:        var(--color-bg);
  --ifa-rule:         var(--color-border);
  --ifa-accent:       var(--color-accent-soft);
  --ifa-accent-light: var(--color-accent);
  --ifa-font-title:   var(--font-display);
}
.block-ifa-exhibition-detail { padding: var(--space-section-y) var(--space-section-x) !important; }

/* 11px eyebrows raised to the 12px floor (design system §3). */
.block-ifa-exhibition-detail [style*="font-size:11px"] { font-size: 12px !important; }

/* §8: uppercase is for eyebrows and buttons only. §3 puts the page
   title at clamp(36px, 5vw, 68px). Set inline by the block. */
.block-ifa-exhibition-detail h1 {
  text-transform: none !important;
  font-size: clamp(36px, 5vw, 68px) !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
  line-height: 1.02 !important;
}
.block-ifa-exhibition-detail h2,
.block-ifa-exhibition-detail h3 { text-transform: none !important; }