ima-claude 2.16.0 → 2.20.0

package/plugins/ima-claude/skills/agentic-workflows/references/templates/cta-block-catalog.md

@@ -0,0 +1,169 @@
+# CTA Block Catalog
+
+Full Fusion Builder markup for all reusable CTA interstitial blocks. This file is the single source of truth for CTA globals. Copy the markup verbatim when placing CTAs in post markup.
+
+**Referenced by:** Construction guide (placement principles), Editorial production skill (CTA selection during drafting)
+
+---
+
+## Quick Reference
+
+| Global ID | Name | Type | Button Text |
+|-----------|------|------|-------------|
+| 67190 | Substack CTA | Engagement | 👉 Follow Us On Substack |
+| 67200 | Cancer Donation (Life-Saving) | Donation | 👉 Support This Work |
+| 67220 | Research Hub CTA | Engagement | 👉 Visit the Research Hub |
+| 67226 | Research Donation (General) | Donation | 👉 Support Life-Changing Research |
+| 67235 | Healthcare Reform Donation | Donation | 👉 Donate Now to Keep Healthcare Honest |
+| 67674 | Webinar Donation | Donation | 👉 Support Future Webinars |
+| 68756 | Cancer Research Donation (Marik) | Donation | 👉 Please Support Our Mission |
+| 69034 | Conference CTA | Event | 👉 Get Tickets Now |
+| 69804 | Journal CTA (Submissions) | Engagement | 👉 Submit Your Research |
+| 70079 | Journal Donation | Donation | 👉 Support the Journal |
+
+---
+
+## Usage Notes
+
+- **Donation CTAs** are content-specific. Match the CTA to the post topic (webinar → 67674, cancer → 68756 or 67200, research → 67226, journal → 70079, general → 67235).
+- **Engagement CTAs** drive traffic to IMA properties (Journal, Research Hub, Substack). Place earlier in the post as informational breaks.
+- **Event CTAs** are time-bound. The Conference CTA (69034) should only appear during the active promotion window.
+- **Placement principles** (frequency, spacing, never back-to-back) live in the construction guide.
+- **The inline content IS what renders.** The `fusion_global` attribute syncs with WordPress, but if the inline content is wrong, the wrong content appears on the page. Never swap global IDs without swapping the full content block.
+
+---
+
+## Substack CTA (Global ID: 67190)
+
+Promotes Substack newsletter. Use on blog posts and webinar summaries.
+
+```
+[fusion_builder_row_inner fusion_global="67190"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="20" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="65851|full" custom_aspect_ratio="100" lightbox="no" alt="Substack Logo" link="https://imahealth.substack.com/" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="100px" align="center" hover_type="none" margin_top="15px" margin_right="20px" margin_bottom="10px" margin_left="20px" bordersize="5" bordercolor="#ffffff" borderradius="100px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2025/07/substack-logo.jpg[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+<strong>Are you following us on Substack yet?</strong>
+[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_right="20px" margin_bottom="30px" margin_left="20px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+<strong>Join 52,000+ readers</strong> who trust us for independent medical research, global advocacy from our international fellows, and the kind of sharp, fearless commentary only Jenna McCarthy can deliver. Catch the latest from the frontlines of the honest medicine movement—direct to your inbox.
+[/fusion_text][fusion_button link="https://imahealth.substack.com/" enable_hover_text_icon="no" target="_blank" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Follow Us On Substack[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Cancer Donation (Life-Saving) (Global ID: 67200)
+
+Cancer-specific donation CTA referencing Cancer Care monograph. Use on cancer content.
+
+```
+[fusion_builder_row_inner fusion_global="67200"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_top="0px" margin_bottom="20px" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="57049|full" custom_aspect_ratio="100" lightbox="no" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="150" align="center" hover_type="none" margin_top="15px" margin_bottom="10px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2024/10/IMA_Horizontal_All-White_TM.png[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]💙 Help Keep This Life-Saving Work Free[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_bottom="30px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+
+Our work in cancer research began with the <strong><a href="https://imahealth.org/research/cancer-care/">Cancer Care</a></strong> monograph and continues to grow through essential content like this. If you value independent, life-saving information, please consider supporting our mission.
+
+[/fusion_text][fusion_button link="https://imahealth.org/donate/" enable_hover_text_icon="no" target="_self" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Support This Work[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Research Hub CTA (Global ID: 67220)
+
+Drives traffic to Research Hub. Use on research study posts and webinar summaries.
+
+```
+[fusion_builder_row_inner fusion_global="67220"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="0px" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="57049|full" custom_aspect_ratio="100" lightbox="no" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="150" align="center" hover_type="none" margin_top="15px" margin_bottom="10px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2024/10/IMA_Horizontal_All-White_TM.png[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+🔬 Explore Our Independent Research Hub
+[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_right="20px" margin_bottom="30px" margin_left="20px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+From vaccine safety and cancer care to post-COVID protocols and chronic disease, our research team and Senior Fellows are producing science that challenges the status quo. The Research Hub is where you'll find all our published studies, reviews, and groundbreaking monographs, all organized, accessible, and free to the public.
+[/fusion_text][fusion_button link="https://imahealth.org/research/" enable_hover_text_icon="no" target="_self" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Visit the Research Hub[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Research Donation (General) (Global ID: 67226)
+
+General-purpose research donation. Use on research study posts and protocol content.
+
+```
+[fusion_builder_row_inner fusion_global="67226"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="40px" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="57049|full" custom_aspect_ratio="100" lightbox="no" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="250" align="center" hover_type="none" margin_top="15px" margin_bottom="10px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2024/10/IMA_Horizontal_All-White_TM.png[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+🧠 Fund Research <strong>That Changes Lives</strong>
+[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_right="20px" margin_bottom="30px" margin_left="20px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+<p dir="ltr" data-pm-slice="1 1 []"><strong>Research like this doesn't happen overnight.</strong> Our team of dedicated experts—physicians, researchers, and clinicians—invest countless hours reviewing evidence, conducting studies, and translating complex findings into practical guidance that patients and practitioners can actually use.</p>
+[/fusion_text][fusion_button link="https://imahealth.org/donate" enable_hover_text_icon="no" target="_self" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Support Life-Changing Research[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Healthcare Reform Donation (Global ID: 67235)
+
+Reform-focused donation appeal. Use on advocacy and policy-adjacent content.
+
+```
+[fusion_builder_row_inner fusion_global="67235"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="20" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="57049|full" custom_aspect_ratio="100" lightbox="no" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="150" align="center" hover_type="none" margin_top="15px" margin_bottom="10px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2024/10/IMA_Horizontal_All-White_TM.png[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+Healthcare Reform—Powered by You 🤝
+[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_right="20px" margin_bottom="30px" margin_left="20px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+We've been working toward healthcare reform long before it made headlines. The Independent Medical Alliance brings together doctors, scientists, and advocates who believe patients should come first—and that belief is finally gaining ground.
+
+But we can't keep that momentum without you.
+
+Donate today to help us protect principled, patient-centered care and push back against the forces trying to shut it down.
+[/fusion_text][fusion_button link="https://imahealth.org/donate/" enable_hover_text_icon="no" target="_self" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Donate Now to Keep Healthcare Honest[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Webinar Donation (Global ID: 67674)
+
+Webinar-specific donation CTA. Use as closing CTA on webinar summary posts only.
+
+```
+[fusion_builder_row_inner fusion_global="67674"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="20" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="57049|full" custom_aspect_ratio="100" lightbox="no" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="150" align="center" hover_type="none" margin_top="15px" margin_bottom="10px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2024/10/IMA_Horizontal_All-White_TM.png[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]💡 Help Us Power <strong>the Next Conversation</strong>[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_bottom="30px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]<strong>Like what you're learning? Help us keep the conversation going.</strong> Each webinar takes time, research, and behind-the-scenes coordination from our team and expert guests. If you've found value in these discussions, consider making a donation to support the work that makes them possible.[/fusion_text][fusion_button link="https://imahealth.org/donate/" enable_hover_text_icon="no" target="_self" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Support Future Webinars[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Cancer Research Donation (Marik) (Global ID: 68756)
+
+Cancer research donation with Dr. Marik headshot and quote. Use on cancer guides and non-webinar cancer content.
+
+```
+[fusion_builder_row_inner fusion_global="68756"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="20" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="66201|full" custom_aspect_ratio="100" lightbox="no" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="100" align="center" style_type="dropshadow" blur="1" stylecolor="var(--awb-color4)" hover_type="none" margin_top="10px" margin_right="10px" margin_bottom="10px" margin_left="10px" borderradius="100px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2025/08/paul-marik-square-3.jpg[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+<strong>🎗️ Support Independent Cancer Research</strong>
+[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_right="20px" margin_bottom="30px" margin_left="20px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+"Conventional cancer treatments have fallen short for too many. It's time to evaluate innovative, less toxic therapies that can redefine what's possible for patients and their families." — Dr. Paul Marik
+
+That's the work IMA is doing—developing and sharing protocols that give patients and families more options. These resources are free to everyone who needs them, but they're not free to create. <strong>If this work matters to you, consider donating.</strong>
+[/fusion_text][fusion_button link="https://imahealth.org/donate/" enable_hover_text_icon="no" target="_self" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Please Support Our Mission[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Conference CTA (Global ID: 69034)
+
+Promotes IMA annual conference. Update annually. Use on posts published during conference promotion window.
+
+```
+[fusion_builder_row_inner fusion_global="69034"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="20" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="68686|full" custom_aspect_ratio="100" lightbox="no" alt="ima conference logo" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="250" align="center" hover_type="none" margin_top="15px" margin_bottom="10px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2026/01/ima-conference-logo-white-scaled.png[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="26px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]<strong>IMA 2026</strong> is Coming April 17-18![/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_bottom="30px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]Join us for the <strong>2026 IMA Medical Education Conference: Emerging Trends in Medicine</strong>, a two-day gathering dedicated to the latest innovations, research, and forward-thinking practices shaping the future of healthcare in Las Colinas, Texas—just minutes from Dallas and Fort Worth.[/fusion_text][fusion_button link="https://imahealth.org/conference/" enable_hover_text_icon="no" target="_self" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Get Tickets Now[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Journal CTA (Submissions) (Global ID: 69804)
+
+Promotes Journal of Independent Medicine submissions. Use on JIM research study posts.
+
+```
+[fusion_builder_row_inner fusion_global="69804"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="40px" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="69795|full" custom_aspect_ratio="100" lightbox="no" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="250" align="center" hover_type="none" margin_top="15px" margin_bottom="10px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2026/03/ima-journal-logo-white-registered.png[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]<strong>📄 We're open for submissions.</strong>[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_right="20px" margin_bottom="30px" margin_left="20px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]<span style="font-weight: 400;">If your work is evidence-based and unafraid to challenge consensus, <strong>we want to see it</strong>. We publish science on its merits and welcome submissions across all areas of medicine. We are also seeking papers for <a href="https://imahealth.org/call-for-papers-journal-special-editions/">two special editions</a>: one on PACVS and one on chronic disease.</span>[/fusion_text][fusion_button link="https://journalofindependentmedicine.org/author-and-editor-center/" enable_hover_text_icon="no" target="_blank" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Submit Your Research[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+
+## Journal Donation (Global ID: 70079)
+
+Journal-specific donation CTA. Use on JIM research study posts as closing donation ask.
+
+```
+[fusion_builder_row_inner fusion_global="70079"][fusion_builder_column_inner type="1_1" layout="1_1" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" column_tag="div" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" margin_bottom="40px" padding_top="20" padding_right="20" padding_bottom="40" padding_left="20" hover_type="none" border_style="solid" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="gradient" gradient_start_color="#012a7b" gradient_end_color="#0199ac" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="45" lazy_load="none" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" render_logics="W10=" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" absolute="off" filter_type="regular" filter_hover_element="self" animation_direction="left" animation_speed="0.3" animation_delay="0" last="true" border_position="all" first="true" min_height="" link=""][fusion_imageframe image_id="57049|full" custom_aspect_ratio="100" lightbox="no" linktarget="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" max_width="250" align="center" hover_type="none" margin_top="15px" margin_bottom="10px" caption_style="off" caption_title_tag="2" animation_direction="left" animation_speed="0.3" animation_delay="0"]https://imahealth.org/wp-content/uploads/2024/10/IMA_Horizontal_All-White_TM.png[/fusion_imageframe][fusion_title title_type="text" title_link="off" link_target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" content_align="center" size="p" font_size="30px" text_color="#ffffff" text_shadow="no" text_shadow_blur="0" text_stroke="no" text_stroke_size="1" text_overflow="none" gradient_font="no" style_type="default" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+⚕️ Support Independent <strong>Medical Publishing</strong>
+[/fusion_title][fusion_text content_alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" margin_right="20px" margin_bottom="30px" margin_left="20px" text_color="#ffffff" animation_direction="left" animation_speed="0.3" animation_delay="0"]
+<p dir="ltr" data-pm-slice="1 1 []">Every article in this journal is free to read, free from pharmaceutical funding, and free from editorial interference. <strong>That's only possible because of readers like you.</strong> Your donation helps us keep the peer-review process rigorous, the research accessible, and the science independent.</p>
+[/fusion_text][fusion_button link="https://imahealth.org/donate" enable_hover_text_icon="no" target="_self" aria_role_button="0" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" color="custom" button_gradient_top_color="rgba(255,255,255,0)" button_gradient_bottom_color="rgba(255,255,255,0)" accent_color="#ffffff" border_top="2" border_right="2" border_bottom="2" border_left="2" border_radius_top_left="10" border_radius_top_right="10" border_radius_bottom_right="10" border_radius_bottom_left="10" border_color="#ffffff" stretch="default" icon_position="left" icon_divider="no" hover_transition="none" animation_direction="left" animation_speed="0.3" animation_delay="0"]👉 Support the Journal[/fusion_button][/fusion_builder_column_inner][/fusion_builder_row_inner]
+```
+
+---
+

package/plugins/ima-claude/skills/agentic-workflows/references/templates/espo-email-preparation.md

@@ -0,0 +1,241 @@
+# Espo Email Preparation
+
+IMA uses EspoCRM for email distribution. Espo requires a specific HTML format that differs from standard email templates. These instructions apply to all email templates across all projects.
+
+---
+
+## Why This Exists
+
+Standard HTML email templates include a `<!DOCTYPE>`, `<html>`, `<head>` (with `<style>` blocks and font `<link>` tags), and `<body>` wrapper. Espo cannot accept this format. It requires body-only HTML with all CSS inlined on individual elements.
+
+---
+
+## Espo-Ready Format Requirements
+
+1. **No document wrapper:** No `<!DOCTYPE>`, `<html>`, `<head>`, or `<body>` tags
+2. **Outer element:** `<div class="body" style="...">` replaces `<body>`
+3. **CSS fully inlined:** Every style rule applied as `style=""` attributes on individual elements
+4. **No `<style>` blocks:** Espo renders these as visible text. Do not include them, even in the body.
+5. **No `<link>` tags:** Google Fonts and other external CSS cannot be loaded. Fonts fall back to the system stack defined in inline styles.
+6. **Outlook VML preserved:** `<!--[if mso]>` conditional blocks for buttons must survive the conversion
+7. **No Cloudflare obfuscation:** If fetching templates from a Cloudflare-protected site, check for and replace any `/cdn-cgi/l/email-protection` hrefs and `__cf_email__` spans with the actual `mailto:` links
+
+---
+
+## Font Strategy
+
+Espo strips `<link>` tags and `<style>` blocks, so Google Fonts (Montserrat, etc.) cannot load. The solution is to specify fonts that degrade gracefully across email clients without requiring external loading.
+
+### Font Stacks
+
+| Role | Font Stack |
+|------|-----------|
+| Body text | `'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif` |
+| Headings | `Lato, Arial, Helvetica, sans-serif` |
+| Buttons | `Lato, Arial, Helvetica, sans-serif` |
+| Footer / meta | `'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif` |
+| VML fallback (Outlook) | `Arial, Helvetica, sans-serif` |
+
+### Why These Fonts
+
+- **Open Sans** and **Lato** are widely pre-installed on modern devices (iOS, Android, many desktop environments) and render without needing a `<link>` tag in many email clients
+- When they aren't available, the fallback chain (Helvetica Neue → Helvetica → Arial) is visually close and universally supported
+- The old stack (Montserrat → Trebuchet MS → Tahoma) fails harder: Montserrat never loads without a `<link>` tag, and Trebuchet MS is a noticeably different typeface that looks dated
+
+### Migration Note
+
+Existing templates built in Beefree with Montserrat should be converted to the new font stacks during the Espo-ready conversion step. This is a find-and-replace operation:
+
+| Find | Replace With |
+|------|-------------|
+| `'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif` | `'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif` |
+| `'Trebuchet MS', Tahoma, sans-serif` (VML blocks) | `Arial, Helvetica, sans-serif` |
+| `#0296a1` (legacy teal, all instances) | `#00B8B8` |
+| `font-size:14px` / `font-size: 14px` (body text only) | `font-size:16px` / `font-size: 16px` |
+| `line-height:1.2` (body text divs only, not h1 tags) | `line-height:1.5` |
+| `mso-line-height-alt:17px` (body text only) | `mso-line-height-alt:24px` |
+| `font-weight: 500` (button spans and h1 tags) | `font-weight: 700` |
+| `font-size: 16px` (button spans only) | `font-size: 18px` |
+| Button inner padding `5px 10-20px` (btn-pad spans) | `14px 32px` |
+| `color: #374751` (in h1 tags and heading-like elements) | `color: #00066F` |
+
+For headings (`<h1>` tags), use the Lato stack instead of Open Sans. For inline section headers (`<strong>` used as section breaks inside body-colored divs), add `style="color:#00066F;"` directly to the `<strong>` tag.
+
+---
+
+## Inline Style Reference
+
+These are the canonical inline styles for each content block type. They are derived from a working Espo-rendered email and should be used as the source of truth when building new templates or converting Beefree exports.
+
+### Typography
+
+| Element | Size | Weight | Line-Height | MSO Line-Height | Color |
+|---------|------|--------|-------------|-----------------|-------|
+| Body text (`<p>`) | 16px | 400 | 1.5 | 24px | #494949 |
+| Section headings (`<h1>`) | 20px | 700 | 1.2 | 24px | #00066F |
+| Main title (`<h1>` centered) | 28px | 700 | 1.2 | 34px | #374751 |
+| Footer text | 12px | 400 | 1.4 | 17px | #919396 |
+| Meta / secondary text | 14px | 400 | 1.4 | 20px | #919396 |
+| Button text | 18px | 700 | — | — | #ffffff |
+
+These values are derived from the IMA Brand Book v4.0 (see `ima-brand` skill, `references/visual-system.md`). The brand book is the upstream authority; if these values drift, the brand book wins.
+
+### Color Palette
+
+| Role | Value | Brand Name |
+|------|-------|------------|
+| Body text | `#494949` | Gravel |
+| All headings | `#00066F` | Trustworthy Indigo |
+| Links / accents / buttons | `#00B8B8` | Aquatic Pulse |
+| Footer text | `#919396` | Calm Stone |
+| Dividers | `#dddddd` | — |
+| Outer background | `#F2F3F5` | Clarity Wash |
+| Content area background | `#FFFFFF` | White |
+
+**Heading color rule:** All headings use `#00066F` (Trustworthy Indigo). This includes `<h1>` tags, heading-like `<div>` elements (24px+, Lato, centered), inline section headers (`<strong>` tags that function as section breaks, e.g. "🍽 NETWORKING DINNER: PERMISSION TO SPEAK FREELY"), and sponsor tier labels. Bold text that functions as inline emphasis within body paragraphs (e.g. "this is where that happens") stays in body text color.
+
+**Note on legacy `#374751`:** Older Beefree exports used `#374751` for headings. This has been migrated to `#00066F` across all templates. Replace during Espo conversion.
+
+**Note on legacy `#0296a1`:** Some older Beefree templates use `#0296a1` for buttons and links. This is not a brand color. Replace with `#00B8B8` (Aquatic Pulse) during Espo conversion.
+
+### Block Patterns
+
+**Paragraph block:**
+```html
+<div class="paragraph_block" style="padding:5px 0;">
+  <p style="margin:0;color:#494949;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;mso-line-height-alt:24px;">
+    Text here
+  </p>
+</div>
+```
+
+**Heading block:**
+```html
+<div class="heading_block" style="padding:20px 0 10px 0;">
+  <h1 style="margin:0;color:#00066F;font-family:Lato,Arial,Helvetica,sans-serif;font-size:22px;font-weight:700;line-height:1.2;mso-line-height-alt:26px;">
+    HEADING TEXT
+  </h1>
+</div>
+```
+
+**Divider block:**
+```html
+<div class="divider_block" style="padding:15px 0;">
+  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;" width="100%">
+    <tr><td style="border-top:1px solid #dddddd;font-size:1px;line-height:1px;"> </td></tr>
+  </table>
+</div>
+```
+
+**Button block (with VML fallback):**
+```html
+<div class="button_block" style="padding:15px 0;text-align:center;">
+  <!--[if mso]>
+  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
+    href="URL_HERE"
+    style="height:48px;v-text-anchor:middle;width:220px;"
+    arcsize="9%" stroke="false" fillcolor="#00B8B8">
+    <w:anchorlock/>
+    <center style="color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;">Button Text »</center>
+  </v:roundrect>
+  <![endif]-->
+  <!--[if !mso]><!-->
+  <a href="URL_HERE" style="display:inline-block;text-decoration:none;background-color:#00B8B8;border-radius:4px;color:#ffffff;font-family:Lato,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;padding:14px 32px;mso-padding-alt:0;mso-text-raise:0;" target="_blank">
+    Button Text »
+  </a>
+  <!--<![endif]-->
+</div>
+```
+
+**Bullet list block:**
+```html
+<div class="list_block" style="padding:5px 0 5px 20px;">
+  <ul style="margin:0;padding:0 0 0 20px;color:#494949;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;mso-line-height-alt:26px;list-style-type:disc;">
+    <li style="margin:0 0 8px 0;">Item text</li>
+  </ul>
+</div>
+```
+
+**Image block:**
+```html
+<div class="image_block" style="padding:20px 0;">
+  <img src="IMAGE_URL" alt="Alt text" style="display:block;width:100%;max-width:600px;height:auto;border:0;">
+</div>
+```
+
+**Callout box (e.g., codes, highlight):**
+```html
+<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;" width="100%">
+  <tr>
+    <td style="background-color:#F2F3F5;border-radius:4px;padding:16px 20px;text-align:center;">
+      <p style="margin:0;color:#00066F;font-family:Lato,Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1.4;mso-line-height-alt:22px;">
+        Callout text here
+      </p>
+    </td>
+  </tr>
+</table>
+```
+
+---
+
+## Structural Patterns
+
+### Layout
+
+- **Content width:** 600px table, centered (`margin: 0 auto`)
+- **Content padding:** `padding:10px 30px 20px 30px` on the main content `<td>`
+- **Row structure:** `nl-container > row > row-content stack > column > col-pad > content blocks`
+- Each content block (paragraph, heading, list, button, divider, image) is its own `<div>` or `<table>` with a semantic class name
+
+### Spacing
+
+- Paragraph blocks: `padding: 5px 0`
+- Heading blocks: `padding: 20px 0 10px 0`
+- Spacer divs: `height:10px; line-height:10px; font-size:1px`
+- Between-section dividers: `padding: 15px 0`
+- After-CTA spacing: `padding-bottom: 40px` (newsletter sections) or `padding: 15px 0` (standalone emails)
+
+### Paragraph Spacing
+
+- Multiple paragraphs within a single block: `margin: 0 0 12px 0` on all but the last `<p>`, which gets `margin: 0`
+- Single paragraphs: `margin: 0`
+
+---
+
+## Known Limitations
+
+These cannot be solved within Espo's constraints:
+
+- **No responsive stacking:** `@media` queries require a `<style>` block, which Espo strips/escapes. Multi-column layouts will shrink on mobile rather than stack.
+- **No custom web fonts guaranteed:** Even with the improved font stacks, Open Sans and Lato are not universal. Some email clients will fall back to Helvetica/Arial. The point is that the fallback looks good, not that the primary font is guaranteed.
+
+---
+
+## Conversion Process
+
+When building Espo-ready emails from source templates (e.g., Beefree exports):
+
+1. **Inline all CSS** using a tool like `premailer` (Python) with `allow_network=False` to skip external resources
+2. **Extract body contents** — strip everything outside `<body>...</body>`
+3. **Wrap in div** — replace `<body class="body" style="...">` with `<div class="body" style="...">`
+4. **Swap font stacks** — replace Montserrat/Trebuchet stacks with Open Sans/Lato stacks (see Migration Note above)
+5. **Swap legacy colors** — replace `#0296a1` with `#00B8B8` for buttons, links, and VML fillcolor
+6. **Fix body typography** — ensure body text is 16px/1.5 line-height (Beefree exports often default to 14px/1.2)
+7. **Fix button padding** — Beefree exports use cramped `5px 10-20px` inner padding; replace with `14px 32px` on btn-pad spans
+8. **Check for Cloudflare email obfuscation** — search for `cdn-cgi`, `cf_email`, `[email protected]` and replace with actual `mailto:` links
+8. **Verify Outlook VML** — confirm `<!--[if mso]>` button blocks survived and use Arial/Helvetica fallback stack
+9. **Do not inject `<style>` blocks** — even though it would fix responsive and font issues, Espo will display them as text
+
+---
+
+## Template Storage
+
+Each project stores its Espo-ready templates as project files. These are the canonical versions — content swaps happen directly in the Espo-ready file, not in a source template that then gets converted. Source templates (full HTML with `<head>` and `<style>`) are kept only as reference for future platform migration.
+
+---
+
+## UTM Parameters
+
+All email links use three UTM parameters only: `utm_medium=email&utm_source=bulk-mailer&utm_campaign=[campaign-name]`
+
+Do not include `utm_term` or `utm_content`.