.block-ifa-contact-panel .cp-card [data-field$=".note"] a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.block-ifa-contact-panel .cp-card [data-field$=".note"] p + p { margin-top: 12px; }

body.cms-edit .block-ifa-contact-panel .cp-card { min-height: 60px; padding-top: 48px; }
body.cms-edit .block-ifa-contact-panel .cms-list-item-add { grid-column: 1 / -1; }

@media (max-width: 900px) {
  .block-ifa-contact-panel { padding: 60px 24px !important; }
  .block-ifa-contact-panel .cp-cards { grid-template-columns: 1fr !important; }
  .block-ifa-contact-panel .cp-card { padding: 32px 24px !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-contact-panel {
  --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-contact-panel { padding: var(--space-section-y) var(--space-section-x) !important; }

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

/* §8: uppercase is for eyebrows and buttons only. §3 caps the section
   title at 46px. Set inline by the block. */
.block-ifa-contact-panel h2 {
  text-transform: none !important;
  font-size: clamp(28px, 3.4vw, 46px) !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
}