.elementor-9135 .elementor-element.elementor-element-de2c26a{--display:flex;}.elementor-9135 .elementor-element.elementor-element-f8336ba{--display:flex;}.elementor-9135 .elementor-element.elementor-element-f8336ba:not(.elementor-motion-effects-element-type-background), .elementor-9135 .elementor-element.elementor-element-f8336ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://scotsmanmethodology.com/wp-content/uploads/platform.jpg");}.elementor-9135 .elementor-element.elementor-element-b038f88{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9135 .elementor-element.elementor-element-c59a33c{--display:flex;}.elementor-9135 .elementor-element.elementor-element-c563dae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-0aca2d9{--display:flex;}.elementor-9135 .elementor-element.elementor-element-4716ae3{--display:flex;}.elementor-9135 .elementor-element.elementor-element-4b9854b{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9135 .elementor-element.elementor-element-bc23678{--grid-columns:4;}.elementor-9135 .elementor-element.elementor-element-bc23678 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-9135 .elementor-element.elementor-element-bc23678 .e-loop-item > .elementor-section, .elementor-9135 .elementor-element.elementor-element-bc23678 .e-loop-item > .elementor-section > .elementor-container, .elementor-9135 .elementor-element.elementor-element-bc23678 .e-loop-item > .e-con, .elementor-9135 .elementor-element.elementor-element-bc23678 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-9135 .elementor-element.elementor-element-bc23678 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-9135 .elementor-element.elementor-element-bc23678 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-9135 .elementor-element.elementor-element-bc23678 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9135 .elementor-element.elementor-element-bc23678 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9135 .elementor-element.elementor-element-bc23678 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-9135 .elementor-element.elementor-element-0b985f6{--display:flex;}.elementor-9135 .elementor-element.elementor-element-54fd184{--display:flex;}.elementor-9135 .elementor-element.elementor-element-17e513e{--grid-columns:3;}.elementor-9135 .elementor-element.elementor-element-9c42481{--display:flex;}.elementor-9135 .elementor-element.elementor-element-5ebc942{--display:flex;}.elementor-9135 .elementor-element.elementor-element-e172063{--display:flex;}.elementor-9135 .elementor-element.elementor-element-7f5b45c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-65c493e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-fdd4bd5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-5fae412{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-8c78ad1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-2844d9c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-525365b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-c9b8cc2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-c9b8cc2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9135 .elementor-element.elementor-element-498e516{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9135 .elementor-element.elementor-element-6d0d2e5{--display:flex;}.elementor-9135 .elementor-element.elementor-element-31f992a{--display:flex;}.elementor-9135 .elementor-element.elementor-element-4f91c44{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9135 .elementor-element.elementor-element-df0b1ae{--display:flex;}.elementor-9135 .elementor-element.elementor-element-b4bf9c1{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9135 .elementor-element.elementor-element-92e90e0{--display:flex;}.elementor-9135 .elementor-element.elementor-element-7c66762{--display:flex;}.elementor-9135 .elementor-element.elementor-element-3b51332{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9135 .elementor-element.elementor-element-c9b8cc2{--width:27.436%;}}@media(max-width:1024px){.elementor-9135 .elementor-element.elementor-element-bc23678{--grid-columns:2;}.elementor-9135 .elementor-element.elementor-element-17e513e{--grid-columns:2;}.elementor-9135 .elementor-element.elementor-element-4f91c44{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-9135 .elementor-element.elementor-element-bc23678{--grid-columns:1;}.elementor-9135 .elementor-element.elementor-element-17e513e{--grid-columns:1;}.elementor-9135 .elementor-element.elementor-element-4f91c44{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* ============================================================
   SCOTSMAN® Website — Insights Page CSS v14
   Requires: SCOTSMAN® Global CSS v6

   Scope: page-specific styles only.
   Use with Elementor structure:
   sm-page sm-page-insights sm-el-reset
   └── sm-section ... sm-insights-[section] sm-el-reset
       └── sm-container ... sm-insights-[section]__inner

   Header/navigation and footer are intentionally excluded.
   Articles and Customer Stories are designed for Elementor Loop Grid.
   Resources are designed as a manual Elementor grid with empty anchor
   overlays, following the click-safe pattern used elsewhere on the site.
   ============================================================ */

/* ============================================================
   Page tokens and canvas reinforcement
   ============================================================ */

.sm-page-insights,
.sm-page-insights.elementor-element {
  --sm-insights-navy-deep: var(--sm-navy-deep, #0E1A35);
  --sm-insights-navy: var(--sm-navy, #1B2A4E);
  --sm-insights-navy-mid: var(--sm-navy-mid, #2D4A7C);
  --sm-insights-orange: var(--sm-orange, #C97B1E);
  --sm-insights-orange-light: var(--sm-orange-light, #E89B4D);
  --sm-insights-green: var(--sm-green, #16A34A);
  --sm-insights-rag-red: var(--sm-rag-red, #DC2626);
  --sm-insights-rag-amber: var(--sm-rag-amber, #D97706);
  --sm-insights-rag-green: var(--sm-rag-green, #16A34A);
  --sm-insights-paper: var(--sm-paper, #FAFAF7);
  --sm-insights-light: var(--sm-light, #F1F1ED);
  --sm-insights-white: var(--sm-white, #FFFFFF);
  --sm-insights-ink: var(--sm-ink, #2A2F45);
  --sm-insights-slate: var(--sm-slate, #475569);
  --sm-insights-muted: var(--sm-muted, #94A3B8);
  --sm-insights-rule: var(--sm-rule, #E2E8F0);
  --sm-insights-on-dark-2: var(--sm-on-dark-2, #C9D4E8);
  --sm-insights-on-dark-3: var(--sm-on-dark-3, #B8C4DA);
  --sm-insights-sans: var(--sm-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
  --sm-insights-display: var(--sm-display, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
  --sm-insights-serif: var(--sm-serif, Fraunces, Georgia, "Times New Roman", serif);
  --sm-insights-container: var(--sm-container-max, 1200px);
  --sm-insights-container-narrow: var(--sm-container-narrow, 900px);
  --sm-insights-container-pad: var(--sm-container-pad, 32px);
  --sm-insights-section-y: var(--sm-section-y-desktop, 104px);
  --sm-insights-section-y-mobile: var(--sm-section-y-mobile, 64px);
  --sm-insights-radius: var(--sm-radius, 8px);
  --sm-insights-radius-lg: var(--sm-radius-lg, 12px);
  --sm-insights-radius-xl: var(--sm-radius-xl, 14px);
  --sm-insights-shadow-card: var(--sm-shadow-card, 0 1px 2px rgba(14,26,53,0.04), 0 2px 8px rgba(14,26,53,0.05));
}

.sm-page-insights {
  background-color: var(--sm-insights-paper) !important;
  color: var(--sm-insights-ink) !important;
  font-family: var(--sm-insights-sans) !important;
}

.sm-page-insights,
.sm-page-insights.elementor-element,
.sm-page-insights > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  overflow-x: hidden !important;
}

.sm-page-insights,
.sm-page-insights > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.sm-page-insights .sm-section,
.sm-page-insights .sm-section.elementor-element,
.sm-page-insights .sm-section > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  align-self: stretch !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}

.sm-page-insights .sm-container,
.sm-page-insights .sm-container.elementor-element,
.sm-page-insights .sm-container > .e-con-inner {
  width: 100% !important;
  max-width: var(--sm-insights-container) !important;
  margin-inline: auto !important;
  padding-inline: var(--sm-insights-container-pad) !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}

.sm-page-insights .sm-container--narrow,
.sm-page-insights .sm-container--narrow.elementor-element,
.sm-page-insights .sm-container--narrow > .e-con-inner {
  max-width: var(--sm-insights-container-narrow) !important;
}

/* Strong Elementor spacing normalisation inside this page. */
.sm-page-insights .elementor-widget,
.sm-page-insights .elementor-widget:not(:last-child),
.sm-page-insights .elementor-widget-container,
.sm-page-insights .elementor-heading-title,
.sm-page-insights p,
.sm-page-insights ul,
.sm-page-insights ol,
.sm-page-insights li,
.sm-page-insights figure {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.sm-page-insights .elementor-widget-container > *:first-child { margin-top: 0 !important; }
.sm-page-insights .elementor-widget-container > *:last-child { margin-bottom: 0 !important; }
.sm-page-insights .elementor-button-wrapper { line-height: 1 !important; }
.sm-page-insights .e-con,
.sm-page-insights .e-con-inner {
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
}

/* ============================================================
   Shared section and heading rhythm
   ============================================================ */

.sm-page-insights .sm-section,
.sm-page-insights .sm-section.elementor-element {
  padding-block: var(--sm-insights-section-y) !important;
}

.sm-page-insights .sm-section--dark,
.sm-page-insights .sm-section--dark.elementor-element {
  background-color: var(--sm-insights-navy-deep) !important;
  color: var(--sm-insights-white) !important;
}

.sm-page-insights .sm-section--light,
.sm-page-insights .sm-section--light.elementor-element {
  background-color: var(--sm-insights-paper) !important;
  color: var(--sm-insights-ink) !important;
}

.sm-page-insights .sm-section--tint,
.sm-page-insights .sm-section--tint.elementor-element {
  background-color: var(--sm-insights-light) !important;
  color: var(--sm-insights-ink) !important;
}

.sm-page-insights .sm-section--white,
.sm-page-insights .sm-section--white.elementor-element {
  background-color: var(--sm-insights-white) !important;
  color: var(--sm-insights-ink) !important;
}

.sm-page-insights .sm-eyebrow,
.sm-page-insights .sm-eyebrow.elementor-widget,
.sm-page-insights .sm-eyebrow .elementor-widget-container,
.sm-page-insights .sm-eyebrow .elementor-heading-title,
.sm-page-insights .sm-insights-eyebrow,
.sm-page-insights .sm-insights-eyebrow.elementor-widget,
.sm-page-insights .sm-insights-eyebrow .elementor-widget-container,
.sm-page-insights .sm-insights-eyebrow .elementor-heading-title {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: var(--sm-fs-eyebrow, 13px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: var(--sm-ls-eyebrow, 1.6px) !important;
  text-transform: uppercase !important;
  color: var(--sm-insights-orange) !important;
}

.sm-page-insights .sm-section--dark .sm-eyebrow,
.sm-page-insights .sm-section--dark .sm-eyebrow .elementor-widget-container,
.sm-page-insights .sm-section--dark .sm-eyebrow .elementor-heading-title,
.sm-page-insights .sm-section--dark .sm-insights-eyebrow,
.sm-page-insights .sm-section--dark .sm-insights-eyebrow .elementor-widget-container,
.sm-page-insights .sm-section--dark .sm-insights-eyebrow .elementor-heading-title,
.sm-page-insights .sm-insights-hero .sm-eyebrow,
.sm-page-insights .sm-insights-hero .sm-eyebrow .elementor-widget-container,
.sm-page-insights .sm-insights-hero .sm-eyebrow .elementor-heading-title {
  color: var(--sm-insights-orange-light) !important;
}

.sm-page-insights .sm-section-title,
.sm-page-insights .sm-section-title.elementor-widget,
.sm-page-insights .sm-section-title .elementor-widget-container,
.sm-page-insights .sm-section-title .elementor-heading-title,
.sm-page-insights .sm-insights-section-title,
.sm-page-insights .sm-insights-section-title.elementor-widget,
.sm-page-insights .sm-insights-section-title .elementor-widget-container,
.sm-page-insights .sm-insights-section-title .elementor-heading-title {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-display) !important;
  font-size: var(--sm-fs-h2, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.8px !important;
  color: var(--sm-insights-navy) !important;
}

.sm-page-insights .sm-section--dark .sm-section-title,
.sm-page-insights .sm-section--dark .sm-section-title .elementor-widget-container,
.sm-page-insights .sm-section--dark .sm-section-title .elementor-heading-title,
.sm-page-insights .sm-section--dark .sm-insights-section-title,
.sm-page-insights .sm-section--dark .sm-insights-section-title .elementor-widget-container,
.sm-page-insights .sm-section--dark .sm-insights-section-title .elementor-heading-title {
  color: var(--sm-insights-white) !important;
}

.sm-page-insights .sm-lead,
.sm-page-insights .sm-lead.elementor-widget,
.sm-page-insights .sm-lead .elementor-widget-container,
.sm-page-insights .sm-lead p,
.sm-page-insights .sm-insights-section-lead,
.sm-page-insights .sm-insights-section-lead.elementor-widget,
.sm-page-insights .sm-insights-section-lead .elementor-widget-container,
.sm-page-insights .sm-insights-section-lead p {
  width: 100% !important;
  max-width: 680px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: var(--sm-fs-lead, 21px) !important;
  line-height: 1.5 !important;
  color: var(--sm-insights-slate) !important;
}

.sm-page-insights .sm-section--dark .sm-lead,
.sm-page-insights .sm-section--dark .sm-lead p,
.sm-page-insights .sm-section--dark .sm-lead .elementor-widget-container,
.sm-page-insights .sm-section--dark .sm-insights-section-lead,
.sm-page-insights .sm-section--dark .sm-insights-section-lead p,
.sm-page-insights .sm-section--dark .sm-insights-section-lead .elementor-widget-container {
  color: var(--sm-insights-on-dark-2) !important;
}

.sm-page-insights .sm-text-orange,
.sm-page-insights .sm-orange {
  color: var(--sm-insights-orange-light) !important;
}

/* ============================================================
   Section 1 — Hero
   Source: dark centred hero, 120px top / 80px bottom, 56px title.
   Background image belongs on the OUTER .sm-insights-hero section.
   ============================================================ */

.sm-insights-hero,
.sm-insights-hero.elementor-element {
  position: relative !important;
  min-height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding-block: 120px 80px !important;
  background-color: var(--sm-insights-navy-deep) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  color: var(--sm-insights-white) !important;
}

.sm-insights-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(14,26,53,0.78) 0%, rgba(14,26,53,0.88) 60%, rgba(14,26,53,0.96) 100%) !important;
}

.sm-insights-hero__inner,
.sm-insights-hero__inner.elementor-element,
.sm-insights-hero__inner > .e-con-inner {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-align: center !important;
}

.sm-insights-hero__title,
.sm-insights-hero__title.elementor-widget,
.sm-insights-hero__title .elementor-widget-container,
.sm-insights-hero__title .elementor-heading-title {
  width: 100% !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-family: var(--sm-insights-display) !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -1.7px !important;
  color: var(--sm-insights-white) !important;
}

.sm-insights-hero__lead,
.sm-insights-hero__lead.elementor-widget,
.sm-insights-hero__lead .elementor-widget-container,
.sm-insights-hero__lead p {
  width: 100% !important;
  max-width: 680px !important;
  margin: 28px auto 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--sm-insights-on-dark-2) !important;
}

/* ============================================================
   Shared section heading rows
   ============================================================ */

.sm-insights-section-head,
.sm-insights-section-head.elementor-element,
.sm-insights-section-head > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sm-insights-section-head__copy,
.sm-insights-section-head__copy.elementor-element,
.sm-insights-section-head__copy > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sm-insights-section-head__link,
.sm-insights-section-head__link.elementor-widget,
.sm-insights-section-head__link .elementor-widget-container,
.sm-insights-section-head__link a {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--sm-insights-orange) !important;
  text-decoration: none !important;
}

.sm-insights-section-head__link a:hover {
  color: var(--sm-insights-orange) !important;
  text-decoration: none !important;
}

/* Optional filter chips / future taxonomy filter support. */
.sm-insights-filter-row,
.sm-insights-filter-row.elementor-element,
.sm-insights-filter-row > .e-con-inner,
.sm-insights-article-filter,
.sm-insights-article-filter.elementor-element,
.sm-insights-article-filter .e-filter,
.sm-insights-article-filter .e-filter-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}

.sm-insights-filter-chip,
.sm-insights-filter-chip.elementor-widget,
.sm-insights-filter-chip .elementor-widget-container,
.sm-insights-filter-chip .elementor-heading-title,
.sm-insights-filter-chip a,
.sm-insights-article-filter button,
.sm-insights-article-filter .e-filter-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  background: var(--sm-insights-white) !important;
  border: 1px solid var(--sm-insights-rule) !important;
  border-radius: 999px !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--sm-insights-slate) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.sm-insights-filter-chip:hover,
.sm-insights-filter-chip a:hover,
.sm-insights-article-filter button:hover,
.sm-insights-article-filter .e-filter-item:hover {
  border-color: var(--sm-insights-orange) !important;
  color: var(--sm-insights-orange) !important;
}

.sm-insights-filter-chip--active,
.sm-insights-filter-chip.is-active,
.sm-insights-article-filter button[aria-pressed="true"],
.sm-insights-article-filter .e-filter-item[aria-pressed="true"],
.sm-insights-article-filter .e-filter-item.e-active {
  background: var(--sm-insights-navy) !important;
  border-color: var(--sm-insights-navy) !important;
  color: var(--sm-insights-white) !important;
}

/* ============================================================
   Section 2 — Articles Loop Grid
   ============================================================ */

.sm-insights-articles__inner,
.sm-insights-articles__inner.elementor-element,
.sm-insights-articles__inner > .e-con-inner,
.sm-insights-stories__inner,
.sm-insights-stories__inner.elementor-element,
.sm-insights-stories__inner > .e-con-inner,
.sm-insights-resources__inner,
.sm-insights-resources__inner.elementor-element,
.sm-insights-resources__inner > .e-con-inner,
.sm-insights-newsletter__inner,
.sm-insights-newsletter__inner.elementor-element,
.sm-insights-newsletter__inner > .e-con-inner,
.sm-insights-book__inner,
.sm-insights-book__inner.elementor-element,
.sm-insights-book__inner > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

.sm-insights-article-loop,
.sm-insights-article-loop.elementor-widget,
.sm-insights-article-loop .elementor-widget-container,
.sm-insights-article-loop .elementor-loop-container,
.sm-insights-article-loop .e-loop-container,
.sm-insights-article-loop .elementor-grid,
.sm-insights-article-loop .e-con-inner {
  width: 100% !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
}

.sm-insights-article-loop .elementor-loop-container,
.sm-insights-article-loop .e-loop-container,
.sm-insights-article-loop .elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.sm-insights-article-card,
.sm-insights-article-card.elementor-element,
.sm-insights-article-card > .e-con-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--sm-insights-white) !important;
  border: 1px solid var(--sm-insights-rule) !important;
  border-radius: var(--sm-insights-radius-xl) !important;
  box-shadow: none !important;
  transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease !important;
}

.sm-insights-article-card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--sm-insights-orange) !important;
  box-shadow: 0 16px 36px -16px rgba(14,26,53,0.35) !important;
}

.sm-insights-article-card__image,
.sm-insights-article-card__image.elementor-widget,
.sm-insights-article-card__image .elementor-widget-container,
.sm-insights-article-card__image a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--sm-insights-navy-deep) !important;
}

.sm-insights-article-card__image::after,
.sm-insights-article-card__image .elementor-widget-container::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--sm-insights-rag-red) 0 33.3%, var(--sm-insights-rag-amber) 33.3% 66.6%, var(--sm-insights-rag-green) 66.6% 100%) !important;
  pointer-events: none !important;
}

.sm-insights-article-card__image img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
}

.sm-insights-article-card__tag,
.sm-insights-article-card__type,
.sm-insights-article-card__tag.elementor-widget,
.sm-insights-article-card__type.elementor-widget,
.sm-insights-article-card__tag .elementor-widget-container,
.sm-insights-article-card__type .elementor-widget-container,
.sm-insights-article-card__tag .elementor-heading-title,
.sm-insights-article-card__type .elementor-heading-title,
.sm-insights-article-card__tag p,
.sm-insights-article-card__type p {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  background: rgba(255,255,255,0.94) !important;
  border-radius: 4px !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: var(--sm-insights-orange) !important;
}

.sm-insights-article-card__body,
.sm-insights-article-card__body.elementor-element,
.sm-insights-article-card__body > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 24px !important;
}

.sm-insights-article-card__date,
.sm-insights-article-card__date.elementor-widget,
.sm-insights-article-card__date .elementor-widget-container,
.sm-insights-article-card__date .elementor-heading-title,
.sm-insights-article-card__date p {
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--sm-insights-muted) !important;
}

.sm-insights-article-card__title,
.sm-insights-article-card__title.elementor-widget,
.sm-insights-article-card__title .elementor-widget-container,
.sm-insights-article-card__title .elementor-heading-title,
.sm-insights-article-card__title a {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-display) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.3px !important;
  color: var(--sm-insights-navy) !important;
  text-decoration: none !important;
}

.sm-insights-article-card__excerpt,
.sm-insights-article-card__excerpt.elementor-widget,
.sm-insights-article-card__excerpt .elementor-widget-container,
.sm-insights-article-card__excerpt p {
  flex: 1 1 auto !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--sm-insights-slate) !important;
}

.sm-insights-article-card__link,
.sm-insights-article-card__link.elementor-widget,
.sm-insights-article-card__link .elementor-widget-container,
.sm-insights-article-card__link a,
.sm-insights-article-card__link .elementor-button {
  display: inline-flex !important;
  width: auto !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--sm-insights-orange) !important;
  text-decoration: none !important;
}

.sm-insights-article-card__link a::after,
.sm-insights-article-card__link .elementor-button-text::after {
  content: ' →' !important;
}

.sm-insights-articles__all-link,
.sm-insights-articles__all-link.elementor-widget,
.sm-insights-articles__all-link .elementor-widget-container,
.sm-insights-articles__all-link p,
.sm-insights-articles__all-link a {
  width: 100% !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--sm-insights-orange) !important;
  text-decoration: none !important;
}

/* ============================================================
   Section 3 — Customer Stories Loop Grid
   ============================================================ */

.sm-insights-story-loop,
.sm-insights-story-loop.elementor-widget,
.sm-insights-story-loop .elementor-widget-container,
.sm-insights-story-loop .elementor-loop-container,
.sm-insights-story-loop .e-loop-container,
.sm-insights-story-loop .elementor-grid,
.sm-insights-story-loop .e-con-inner {
  width: 100% !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
}

.sm-insights-story-loop .elementor-loop-container,
.sm-insights-story-loop .e-loop-container,
.sm-insights-story-loop .elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.sm-insights-story-card,
.sm-insights-story-card.elementor-element,
.sm-insights-story-card > .e-con-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 36px 32px !important;
  background: var(--sm-insights-white) !important;
  border: 1px solid var(--sm-insights-rule) !important;
  border-radius: var(--sm-insights-radius-xl) !important;
  box-shadow: none !important;
  transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease !important;
}

.sm-insights-story-card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--sm-insights-orange) !important;
  box-shadow: 0 16px 36px -16px rgba(14,26,53,0.25) !important;
}

.sm-insights-story-card__label,
.sm-insights-story-card__type,
.sm-insights-story-card__label.elementor-widget,
.sm-insights-story-card__type.elementor-widget,
.sm-insights-story-card__label .elementor-widget-container,
.sm-insights-story-card__type .elementor-widget-container,
.sm-insights-story-card__label .elementor-heading-title,
.sm-insights-story-card__type .elementor-heading-title,
.sm-insights-story-card__label p,
.sm-insights-story-card__type p {
  margin: 0 0 14px !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  color: var(--sm-insights-orange) !important;
}

.sm-insights-story-card__title,
.sm-insights-story-card__title.elementor-widget,
.sm-insights-story-card__title .elementor-widget-container,
.sm-insights-story-card__title .elementor-heading-title,
.sm-insights-story-card__title a {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-display) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.4px !important;
  color: var(--sm-insights-navy) !important;
  text-decoration: none !important;
}

.sm-insights-story-card__excerpt,
.sm-insights-story-card__excerpt.elementor-widget,
.sm-insights-story-card__excerpt .elementor-widget-container,
.sm-insights-story-card__excerpt p {
  flex: 1 1 auto !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--sm-insights-slate) !important;
}

.sm-insights-story-card__link,
.sm-insights-story-card__link.elementor-widget,
.sm-insights-story-card__link .elementor-widget-container,
.sm-insights-story-card__link a,
.sm-insights-story-card__link .elementor-button {
  display: inline-flex !important;
  width: auto !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--sm-insights-orange) !important;
  text-decoration: none !important;
}

.sm-insights-story-card__link a::after,
.sm-insights-story-card__link .elementor-button-text::after {
  content: ' →' !important;
}

/* ============================================================
   Section 4 — Resources manual grid
   ============================================================ */

.sm-insights-resources,
.sm-insights-resources.elementor-element {
  background: var(--sm-insights-navy-deep) !important;
  color: var(--sm-insights-white) !important;
}

.sm-insights-resource-grid,
.sm-insights-resource-grid.elementor-element,
.sm-insights-resource-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

.sm-insights-resource-card,
.sm-insights-resource-card.elementor-element,
.sm-insights-resource-card > .e-con-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 26px 24px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: var(--sm-insights-radius-lg) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: border-color 250ms ease, background-color 250ms ease, transform 250ms ease !important;
}

.sm-insights-resource-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(233,155,77,0.40) !important;
  background: rgba(255,255,255,0.055) !important;
}

/* Empty anchor overlay. Add this inside every manual resource card via HTML widget. */
.sm-insights-resource-card__link,
.sm-insights-resource-card__link-widget a,
.sm-insights-resource-card a.sm-insights-resource-card__link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.sm-insights-resource-card__type,
.sm-insights-resource-card__type.elementor-widget,
.sm-insights-resource-card__type .elementor-widget-container,
.sm-insights-resource-card__type .elementor-heading-title,
.sm-insights-resource-card__type p {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  width: auto !important;
  margin: 0 0 14px !important;
  padding: 3px 10px !important;
  background: rgba(233,155,77,0.15) !important;
  border-radius: 4px !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: var(--sm-insights-orange-light) !important;
}

.sm-insights-resource-card__type--guide,
.sm-insights-resource-card__type--guide .elementor-widget-container,
.sm-insights-resource-card__type--guide .elementor-heading-title,
.sm-insights-resource-card__type--guide p {
  background: rgba(22,163,74,0.15) !important;
  color: var(--sm-insights-green) !important;
}

.sm-insights-resource-card__type--ebook,
.sm-insights-resource-card__type--book,
.sm-insights-resource-card__type--ebook .elementor-widget-container,
.sm-insights-resource-card__type--book .elementor-widget-container,
.sm-insights-resource-card__type--ebook .elementor-heading-title,
.sm-insights-resource-card__type--book .elementor-heading-title,
.sm-insights-resource-card__type--ebook p,
.sm-insights-resource-card__type--book p {
  background: rgba(45,74,124,0.25) !important;
  color: #90B4F0 !important;
}

.sm-insights-resource-card__title,
.sm-insights-resource-card__title.elementor-widget,
.sm-insights-resource-card__title .elementor-widget-container,
.sm-insights-resource-card__title .elementor-heading-title {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-display) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.2px !important;
  color: var(--sm-insights-white) !important;
}

.sm-insights-resource-card__excerpt,
.sm-insights-resource-card__excerpt.elementor-widget,
.sm-insights-resource-card__excerpt .elementor-widget-container,
.sm-insights-resource-card__excerpt p {
  position: relative !important;
  z-index: 2 !important;
  flex: 1 1 auto !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: var(--sm-insights-on-dark-2) !important;
}

.sm-insights-resource-card__cta,
.sm-insights-resource-card__cta.elementor-widget,
.sm-insights-resource-card__cta .elementor-widget-container,
.sm-insights-resource-card__cta .elementor-heading-title,
.sm-insights-resource-card__cta p {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  width: auto !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--sm-insights-orange-light) !important;
}

.sm-insights-resource-card__cta::after,
.sm-insights-resource-card__cta .elementor-heading-title::after,
.sm-insights-resource-card__cta p::after {
  content: ' →' !important;
}

/* ============================================================
   Section 5 — Newsletter strip
   ============================================================ */

.sm-insights-newsletter,
.sm-insights-newsletter.elementor-element {
  background: var(--sm-insights-paper) !important;
}

.sm-insights-news-strip,
.sm-insights-news-strip.elementor-element,
.sm-insights-news-strip > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr !important;
  gap: 32px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 36px 40px !important;
  background: linear-gradient(135deg, var(--sm-insights-orange) 0%, #B86819 100%) !important;
  border-radius: var(--sm-insights-radius-xl) !important;
  color: var(--sm-insights-white) !important;
  box-shadow: none !important;
}

.sm-insights-news-strip__copy,
.sm-insights-news-strip__copy.elementor-element,
.sm-insights-news-strip__copy > .e-con-inner,
.sm-insights-news-strip__actions,
.sm-insights-news-strip__actions.elementor-element,
.sm-insights-news-strip__actions > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sm-insights-news-strip__actions,
.sm-insights-news-strip__actions.elementor-element,
.sm-insights-news-strip__actions > .e-con-inner {
  align-items: flex-end !important;
}

.sm-insights-news-strip__label,
.sm-insights-news-strip__label.elementor-widget,
.sm-insights-news-strip__label .elementor-widget-container,
.sm-insights-news-strip__label .elementor-heading-title,
.sm-insights-news-strip__label p {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.92) !important;
}

.sm-insights-news-strip__title,
.sm-insights-news-strip__title.elementor-widget,
.sm-insights-news-strip__title .elementor-widget-container,
.sm-insights-news-strip__title .elementor-heading-title {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-display) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--sm-insights-white) !important;
}

.sm-insights-news-strip__body,
.sm-insights-news-strip__body.elementor-widget,
.sm-insights-news-strip__body .elementor-widget-container,
.sm-insights-news-strip__body p {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.92) !important;
}

.sm-insights-news-strip__button .elementor-button,
a.sm-insights-news-strip__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 14px 26px !important;
  background: var(--sm-insights-white) !important;
  border: 0 !important;
  border-radius: var(--sm-insights-radius) !important;
  box-shadow: none !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--sm-insights-navy) !important;
  text-decoration: none !important;
}

/* ============================================================
   Section 6 — Book CTA
   ============================================================ */

.sm-insights-book,
.sm-insights-book.elementor-element {
  background: var(--sm-insights-light) !important;
}

.sm-insights-book__inner,
.sm-insights-book__inner.elementor-element,
.sm-insights-book__inner > .e-con-inner {
  align-items: center !important;
  text-align: center !important;
}

.sm-insights-book__lead,
.sm-insights-book__lead.elementor-widget,
.sm-insights-book__lead .elementor-widget-container,
.sm-insights-book__lead p {
  width: 100% !important;
  max-width: 600px !important;
  margin: 24px auto 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: var(--sm-fs-lead, 21px) !important;
  line-height: 1.5 !important;
  color: var(--sm-insights-slate) !important;
}

.sm-insights-book__buttons,
.sm-insights-book__buttons.elementor-element,
.sm-insights-book__buttons > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 32px 0 0 !important;
  padding: 0 !important;
}

.sm-insights-book__button-amazon .elementor-button,
a.sm-insights-book__button-amazon {
  background: var(--sm-insights-orange) !important;
  color: var(--sm-insights-white) !important;
  border-color: var(--sm-insights-orange) !important;
  padding: 16px 36px !important;
  border-radius: var(--sm-insights-radius) !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.sm-insights-book__button-outline .elementor-button,
a.sm-insights-book__button-outline {
  background: var(--sm-insights-white) !important;
  color: var(--sm-insights-slate) !important;
  border: 1px solid var(--sm-insights-muted) !important;
  padding: 15px 30px !important;
  border-radius: var(--sm-insights-radius) !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* ============================================================
   Responsive behaviour
   ============================================================ */

@media (max-width: 1080px) {
  .sm-insights-article-loop .elementor-loop-container,
  .sm-insights-article-loop .e-loop-container,
  .sm-insights-article-loop .elementor-grid,
  .sm-insights-resource-grid,
  .sm-insights-resource-grid.elementor-element,
  .sm-insights-resource-grid > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 880px) {
  .sm-page-insights .sm-section,
  .sm-page-insights .sm-section.elementor-element {
    padding-block: var(--sm-insights-section-y-mobile) !important;
  }

  .sm-insights-hero,
  .sm-insights-hero.elementor-element {
    padding-block: 88px 76px !important;
  }

  .sm-insights-hero__title,
  .sm-insights-hero__title .elementor-heading-title {
    font-size: 44px !important;
    letter-spacing: -1.2px !important;
  }

  .sm-page-insights .sm-section-title,
  .sm-page-insights .sm-section-title .elementor-heading-title,
  .sm-page-insights .sm-insights-section-title,
  .sm-page-insights .sm-insights-section-title .elementor-heading-title {
    font-size: 28px !important;
  }

  .sm-page-insights .sm-lead,
  .sm-page-insights .sm-lead p,
  .sm-page-insights .sm-insights-section-lead,
  .sm-page-insights .sm-insights-section-lead p,
  .sm-insights-book__lead,
  .sm-insights-book__lead p {
    font-size: 18px !important;
  }

  .sm-insights-section-head,
  .sm-insights-section-head.elementor-element,
  .sm-insights-section-head > .e-con-inner {
    align-items: flex-start !important;
  }

  .sm-insights-article-loop .elementor-loop-container,
  .sm-insights-article-loop .e-loop-container,
  .sm-insights-article-loop .elementor-grid,
  .sm-insights-story-loop .elementor-loop-container,
  .sm-insights-story-loop .e-loop-container,
  .sm-insights-story-loop .elementor-grid,
  .sm-insights-resource-grid,
  .sm-insights-resource-grid.elementor-element,
  .sm-insights-resource-grid > .e-con-inner,
  .sm-insights-news-strip,
  .sm-insights-news-strip.elementor-element,
  .sm-insights-news-strip > .e-con-inner {
    grid-template-columns: 1fr !important;
  }

  .sm-insights-news-strip__actions,
  .sm-insights-news-strip__actions.elementor-element,
  .sm-insights-news-strip__actions > .e-con-inner {
    align-items: flex-start !important;
  }
}

@media (max-width: 560px) {
  .sm-page-insights .sm-container,
  .sm-page-insights .sm-container.elementor-element,
  .sm-page-insights .sm-container > .e-con-inner {
    padding-inline: 20px !important;
  }

  .sm-insights-hero__title,
  .sm-insights-hero__title .elementor-heading-title {
    font-size: 42px !important;
    letter-spacing: -1.1px !important;
  }

  .sm-insights-hero__lead,
  .sm-insights-hero__lead p {
    font-size: 17px !important;
  }

  .sm-insights-story-card,
  .sm-insights-story-card.elementor-element,
  .sm-insights-story-card > .e-con-inner {
    padding: 30px 26px !important;
  }

  .sm-insights-news-strip,
  .sm-insights-news-strip.elementor-element,
  .sm-insights-news-strip > .e-con-inner {
    padding: 30px 26px !important;
  }

  .sm-insights-book__buttons,
  .sm-insights-book__buttons.elementor-element,
  .sm-insights-book__buttons > .e-con-inner {
    align-items: stretch !important;
  }

  .sm-insights-book__buttons .elementor-widget,
  .sm-insights-book__buttons .elementor-button-wrapper,
  .sm-insights-book__buttons .elementor-button {
    width: 100% !important;
  }
}

/* ============================================================
   v2 Article Loop Grid source-fidelity lock
   Purpose: restore source card shell, rounded corners, hover lift/shadow,
   and force the category/type pill to overlay the image area.

   Updated Loop Item structure:
   .sm-insights-article-card
   ├── .sm-insights-article-card__media
   │   ├── .sm-insights-article-card__image
   │   └── .sm-insights-article-card__type
   └── .sm-insights-article-card__body
   ============================================================ */

body .sm-page.sm-page-insights .sm-insights-article-loop,
body .sm-page.sm-page-insights .sm-insights-article-loop.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid {
  width: 100% !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
}

body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container > .elementor,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container > .elementor,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid > .elementor {
  height: 100% !important;
  min-height: 100% !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card,
body .sm-page.sm-page-insights .sm-insights-article-card.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid var(--sm-insights-rule, #E2E8F0) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(14,26,53,0.04), 0 2px 8px rgba(14,26,53,0.05) !important;
  transform: translateY(0) !important;
  transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card:hover,
body .sm-page.sm-page-insights .sm-insights-article-card:focus-within {
  transform: translateY(-3px) !important;
  border-color: var(--sm-insights-orange, #C97B1E) !important;
  box-shadow: 0 16px 36px -16px rgba(14,26,53,0.35) !important;
}

/* Image wrapper equivalent to source .article .img-thumb */
body .sm-page.sm-page-insights .sm-insights-article-card__media,
body .sm-page.sm-page-insights .sm-insights-article-card__media.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card__media > .e-con-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--sm-insights-navy-deep, #0E1A35) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 0 !important;
  --gap: 0 !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__media::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #DC2626 0 33.3%, #D97706 33.3% 66.6%, #16A34A 66.6% 100%) !important;
  pointer-events: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__image,
body .sm-page.sm-page-insights .sm-insights-article-card__image.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__image .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__image a {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__image::after,
body .sm-page.sm-page-insights .sm-insights-article-card__image .elementor-widget-container::after {
  content: none !important;
  display: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__image img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  filter: contrast(1.02) !important;
}

/* Pill overlay. Place the Post Terms/Text widget INSIDE __media, after the Featured Image. */
body .sm-page.sm-page-insights .sm-insights-article-card__tag,
body .sm-page.sm-page-insights .sm-insights-article-card__type,
body .sm-page.sm-page-insights .sm-insights-article-card__tag.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__type.elementor-widget {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 4 !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__tag .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__type .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__tag .elementor-heading-title,
body .sm-page.sm-page-insights .sm-insights-article-card__type .elementor-heading-title,
body .sm-page.sm-page-insights .sm-insights-article-card__tag p,
body .sm-page.sm-page-insights .sm-insights-article-card__type p,
body .sm-page.sm-page-insights .sm-insights-article-card__tag a,
body .sm-page.sm-page-insights .sm-insights-article-card__type a,
body .sm-page.sm-page-insights .sm-insights-article-card__tag .elementor-post-info__terms-list,
body .sm-page.sm-page-insights .sm-insights-article-card__type .elementor-post-info__terms-list,
body .sm-page.sm-page-insights .sm-insights-article-card__tag .elementor-post-info__terms-list-item,
body .sm-page.sm-page-insights .sm-insights-article-card__type .elementor-post-info__terms-list-item {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  background: rgba(255,255,255,0.94) !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-family: var(--sm-insights-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: var(--sm-insights-orange, #C97B1E) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__tag .elementor-post-info,
body .sm-page.sm-page-insights .sm-insights-article-card__type .elementor-post-info,
body .sm-page.sm-page-insights .sm-insights-article-card__tag .elementor-inline-items,
body .sm-page.sm-page-insights .sm-insights-article-card__type .elementor-inline-items,
body .sm-page.sm-page-insights .sm-insights-article-card__tag .elementor-icon-list-items,
body .sm-page.sm-page-insights .sm-insights-article-card__type .elementor-icon-list-items,
body .sm-page.sm-page-insights .sm-insights-article-card__tag .elementor-icon-list-item,
body .sm-page.sm-page-insights .sm-insights-article-card__type .elementor-icon-list-item {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__body,
body .sm-page.sm-page-insights .sm-insights-article-card__body.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card__body > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  background: #FFFFFF !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__date,
body .sm-page.sm-page-insights .sm-insights-article-card__date.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__date .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__date .elementor-heading-title,
body .sm-page.sm-page-insights .sm-insights-article-card__date p {
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--sm-insights-muted, #94A3B8) !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__title,
body .sm-page.sm-page-insights .sm-insights-article-card__title.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__title .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__title .elementor-heading-title,
body .sm-page.sm-page-insights .sm-insights-article-card__title a {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-display, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.3px !important;
  color: var(--sm-insights-navy, #1B2A4E) !important;
  text-decoration: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__excerpt,
body .sm-page.sm-page-insights .sm-insights-article-card__excerpt.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__excerpt .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__excerpt p {
  flex: 1 1 auto !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--sm-insights-slate, #475569) !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__link,
body .sm-page.sm-page-insights .sm-insights-article-card__link.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__link a,
body .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-button {
  display: inline-flex !important;
  width: auto !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--sm-insights-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--sm-insights-orange, #C97B1E) !important;
  text-decoration: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__link a::after,
body .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-button-text::after {
  content: ' →' !important;
}

@media (max-width: 1024px) {
  body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container,
  body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container,
  body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 880px) {
  body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container,
  body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container,
  body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   v3 Article Loop featured-image correction
   Purpose: target ONLY the Featured Image widget inside the
   Article Loop Grid card. Constrains oversized Elementor featured
   images and applies the source black-and-white / duotone-style
   treatment to the article thumbnail only.
   ============================================================ */

body .sm-page.sm-page-insights .sm-insights-article-card__media,
body .sm-page.sm-page-insights .sm-insights-article-card__media.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card__media > .e-con-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: clamp(172px, 15.8vw, 218px) !important;
  min-height: 0 !important;
  max-height: 218px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--sm-insights-navy-deep, #0E1A35) !important;
  border-radius: 0 !important;
  line-height: 0 !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__image,
body .sm-page.sm-page-insights .sm-insights-article-card__image.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__image.elementor-widget-theme-post-featured-image,
body .sm-page.sm-page-insights .sm-insights-article-card__image .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__image a,
body .sm-page.sm-page-insights .sm-insights-article-card__image picture {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  background: transparent !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__image img,
body .sm-page.sm-page-insights .sm-insights-article-card__image.elementor-widget-theme-post-featured-image img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: grayscale(100%) contrast(1.04) brightness(0.96) !important;
  -webkit-filter: grayscale(100%) contrast(1.04) brightness(0.96) !important;
  transition: transform 250ms ease, filter 250ms ease !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card:hover .sm-insights-article-card__image img,
body .sm-page.sm-page-insights .sm-insights-article-card:focus-within .sm-insights-article-card__image img {
  transform: scale(1.025) !important;
  filter: grayscale(100%) contrast(1.08) brightness(0.98) !important;
  -webkit-filter: grayscale(100%) contrast(1.08) brightness(0.98) !important;
}

/* Keep the source RAG strip attached to the media wrapper, not the image widget. */
body .sm-page.sm-page-insights .sm-insights-article-card__media::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #DC2626 0 33.3%, #D97706 33.3% 66.6%, #16A34A 66.6% 100%) !important;
  pointer-events: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__image::after,
body .sm-page.sm-page-insights .sm-insights-article-card__image .elementor-widget-container::after {
  content: none !important;
  display: none !important;
}

/* Tablet and mobile: keep the source ratio, but still prevent runaway widget height. */
@media (max-width: 880px) {
  body .sm-page.sm-page-insights .sm-insights-article-card__media,
  body .sm-page.sm-page-insights .sm-insights-article-card__media.elementor-element,
  body .sm-page.sm-page-insights .sm-insights-article-card__media > .e-con-inner {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
  }
}

/* ============================================================
   v4 Article Loop media box correction
   Purpose: keep the Article Loop Grid featured image inside the
   source-shaped 16:10 media area. This overrides the v3 absolute
   image-widget treatment that can make Elementor's Featured Image
   widget sit over the card body.

   Required Loop Item structure:
   .sm-insights-article-card
   ├── .sm-insights-article-card__media       ← Container only
   │   ├── .sm-insights-article-card__image   ← Featured Image widget
   │   └── .sm-insights-article-card__type    ← Terms/category widget
   └── .sm-insights-article-card__body
   ============================================================ */

body .sm-page.sm-page-insights .sm-insights-article-card__media,
body .sm-page.sm-page-insights .sm-insights-article-card__media.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card__media > .e-con-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 10 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--sm-insights-navy-deep, #0E1A35) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important;
  flex: 0 0 auto !important;
  z-index: 1 !important;
}

/* The Featured Image WIDGET stays in normal flow inside the media box.
   Do not absolutely position the widget itself; that is what can cover the
   date/title/excerpt/body below it in Elementor Loop Items. */
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image.elementor-widget-theme-post-featured-image,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image a,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image picture {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  background: transparent !important;
  transform: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image img,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image.elementor-widget-theme-post-featured-image img {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: grayscale(100%) contrast(1.04) brightness(0.96) !important;
  -webkit-filter: grayscale(100%) contrast(1.04) brightness(0.96) !important;
  transition: transform 250ms ease, filter 250ms ease !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card:hover .sm-insights-article-card__media .sm-insights-article-card__image img,
body .sm-page.sm-page-insights .sm-insights-article-card:focus-within .sm-insights-article-card__media .sm-insights-article-card__image img {
  transform: scale(1.025) !important;
  filter: grayscale(100%) contrast(1.08) brightness(0.98) !important;
  -webkit-filter: grayscale(100%) contrast(1.08) brightness(0.98) !important;
}

/* Keep the pill over the media area. */
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__tag,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__type,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__tag.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__type.elementor-widget {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 4 !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Keep the body below the media box and above the card background. */
body .sm-page.sm-page-insights .sm-insights-article-card__body,
body .sm-page.sm-page-insights .sm-insights-article-card__body.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card__body > .e-con-inner {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  background: #FFFFFF !important;
  overflow: visible !important;
}

@media (max-width: 880px) {
  body .sm-page.sm-page-insights .sm-insights-article-card__media,
  body .sm-page.sm-page-insights .sm-insights-article-card__media.elementor-element,
  body .sm-page.sm-page-insights .sm-insights-article-card__media > .e-con-inner {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
  }
}

/* ============================================================
   v5 Article Loop card shell and spacing lock
   Purpose: source-fidelity fix for the Elementor Loop Item card.
   - Removes Elementor wrapper gaps above the card and image.
   - Keeps the media flush to the top of the card.
   - Restores the source-style card border, rounded corners, shadow and hover lift.
   - Disables the CSS-generated read-more arrow to prevent duplicated arrows
     when the Elementor widget text/icon already includes one.

   Required Loop Item structure:
   .sm-insights-article-card                       ← Top-level Loop Item container
   ├── .sm-insights-article-card__media            ← Container only
   │   ├── .sm-insights-article-card__image        ← Featured Image widget
   │   └── .sm-insights-article-card__type         ← Terms/category widget
   └── .sm-insights-article-card__body             ← Separate sibling below media
       ├── .sm-insights-article-card__date
       ├── .sm-insights-article-card__title
       ├── .sm-insights-article-card__excerpt
       └── .sm-insights-article-card__link
   ============================================================ */

/* Reset Elementor Loop wrappers so the first visible thing is the card shell. */
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container > .elementor,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container > .elementor,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid > .elementor {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
}

body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element > .e-con-inner,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item .elementor-section-wrap,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item .elementor-section-wrap > .elementor-element {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* The card shell belongs to .sm-insights-article-card itself only. */
body .sm-page.sm-page-insights .sm-insights-article-card,
body .sm-page.sm-page-insights .sm-insights-article-card.elementor-element {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(14,26,53,0.04), 0 7px 18px rgba(14,26,53,0.06) !important;
  transform: translateY(0) !important;
  transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease !important;
}

/* If Elementor inserts an .e-con-inner, keep it neutral. Do not create a second card box. */
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card:hover,
body .sm-page.sm-page-insights .sm-insights-article-card:focus-within {
  transform: translateY(-3px) !important;
  border-color: #C97B1E !important;
  box-shadow: 0 16px 36px -16px rgba(14,26,53,0.35) !important;
}

/* Force the media area to sit flush against the top of the card shell. */
body .sm-page.sm-page-insights .sm-insights-article-card > .sm-insights-article-card__media,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__media,
body .sm-page.sm-page-insights .sm-insights-article-card__media,
body .sm-page.sm-page-insights .sm-insights-article-card__media.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card__media > .e-con-inner {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  margin: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0E1A35 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important;
  z-index: 1 !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__media > .e-con-inner {
  min-height: 0 !important;
}

/* Remove any Elementor-injected gap before the image widget. */
body .sm-page.sm-page-insights .sm-insights-article-card__media > .elementor-widget:first-child,
body .sm-page.sm-page-insights .sm-insights-article-card__media > .e-con-inner > .elementor-widget:first-child,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image.elementor-widget {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

/* Keep Featured Image clipped inside the source-shaped image box. */
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image.elementor-widget-theme-post-featured-image,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image a,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image picture {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image img,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__image.elementor-widget-theme-post-featured-image img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: grayscale(100%) contrast(1.04) brightness(0.96) !important;
  -webkit-filter: grayscale(100%) contrast(1.04) brightness(0.96) !important;
  transition: transform 250ms ease, filter 250ms ease !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card:hover .sm-insights-article-card__media .sm-insights-article-card__image img,
body .sm-page.sm-page-insights .sm-insights-article-card:focus-within .sm-insights-article-card__media .sm-insights-article-card__image img {
  transform: scale(1.025) !important;
  filter: grayscale(100%) contrast(1.08) brightness(0.98) !important;
  -webkit-filter: grayscale(100%) contrast(1.08) brightness(0.98) !important;
}

/* Source RAG strip remains attached to the media container. */
body .sm-page.sm-page-insights .sm-insights-article-card__media::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  height: 4px !important;
  background: linear-gradient(90deg,#DC2626 0 33.3%,#D97706 33.3% 66.6%,#16A34A 66.6% 100%) !important;
  pointer-events: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__image::after,
body .sm-page.sm-page-insights .sm-insights-article-card__image .elementor-widget-container::after {
  content: none !important;
  display: none !important;
}

/* Keep the category pill on top of the image. */
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__tag,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__type,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__tag.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__media .sm-insights-article-card__type.elementor-widget {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 4 !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Keep the body directly below the image, without an extra gap. */
body .sm-page.sm-page-insights .sm-insights-article-card__body,
body .sm-page.sm-page-insights .sm-insights-article-card__body.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card__body > .e-con-inner {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding: 22px 24px !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Stop duplicate arrows. In Elementor, set the widget text to either:
   - Read more → with no icon, or
   - Read more with a single Elementor icon.
   This CSS no longer adds an additional pseudo-arrow. */
body .sm-page.sm-page-insights .sm-insights-article-card__link a::after,
body .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-button-text::after {
  content: none !important;
  display: none !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__link,
body .sm-page.sm-page-insights .sm-insights-article-card__link.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__link a,
body .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--sm-insights-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #C97B1E !important;
  text-decoration: none !important;
}

/* ============================================================
   v6 live Article Loop Item card-shell alias fix
   Source inspection: the live Loop Item top container currently has
   `sm-insights-article-loop` instead of `sm-insights-article-card`.
   This block safely treats that Loop Item container as the card shell
   without applying card styling to the main Loop Grid widget.
   Preferred long-term Elementor fix: replace the class on the top
   Loop Item container with `sm-insights-article-card`.
   ============================================================ */

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(14,26,53,0.04), 0 7px 18px rgba(14,26,53,0.06) !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop:hover,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop:focus-within,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop:hover,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop:focus-within {
  transform: translateY(-3px) !important;
  border-color: #C97B1E !important;
  box-shadow: 0 16px 36px -16px rgba(14,26,53,0.35) !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Make the live alias trigger the same image hover as the corrected card class. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop:hover .sm-insights-article-card__media .sm-insights-article-card__image img,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop:focus-within .sm-insights-article-card__media .sm-insights-article-card__image img,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop:hover .sm-insights-article-card__media .sm-insights-article-card__image img,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop:focus-within .sm-insights-article-card__media .sm-insights-article-card__image img {
  transform: scale(1.025) !important;
  filter: grayscale(100%) contrast(1.08) brightness(0.98) !important;
  -webkit-filter: grayscale(100%) contrast(1.08) brightness(0.98) !important;
}

/* Keep the media and body flush inside the live alias card shell. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop .sm-insights-article-card__media,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop .sm-insights-article-card__body,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop .sm-insights-article-card__media,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop .sm-insights-article-card__body {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

/* Final arrow lock: CSS should not inject a second arrow. Put the single arrow in the Elementor button text if required. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__link a::after,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-button-text::after,
body .sm-page.sm-page-insights .sm-insights-article-card__link a::after,
body .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-button-text::after {
  content: none !important;
  display: none !important;
}

/* ============================================================
   v7 Article card body spacing correction
   Source inspection of the live Loop Item shows the card media and
   `.sm-insights-article-card__body` container are present, but the
   title, excerpt and read-more widgets are currently outside the body
   container. This block supports both:
   1) the preferred fixed template, where date/title/excerpt/link all
      sit inside `.sm-insights-article-card__body`; and
   2) the current live template, where only the date is inside body and
      the remaining widgets are direct siblings.
   ============================================================ */

/* Preferred template: use the body container as the padded content area. */
body .sm-page.sm-page-insights .sm-insights-article-card__body,
body .sm-page.sm-page-insights .sm-insights-article-card__body.elementor-element {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px 24px 26px !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body .sm-page.sm-page-insights .sm-insights-article-card__body > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
}

/* Live-template safety patch: when title/excerpt/link are direct children
   of the card shell rather than inside the body, give them the same inset. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__title,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__excerpt,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__link,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__title,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__excerpt,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__link,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__title,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__excerpt,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__link {
  width: 100% !important;
  max-width: none !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* In the current live structure the date is wrapped by body, so keep the
   lower part open and let the sibling widgets create the rest of the card body. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__body,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__body,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__body {
  padding: 24px 24px 0 !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__title,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__title,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__title {
  margin-top: 8px !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__link,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__link,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__link {
  padding-bottom: 26px !important;
}

@media (max-width: 560px) {
  body .sm-page.sm-page-insights .sm-insights-article-card__body,
  body .sm-page.sm-page-insights .sm-insights-article-card__body.elementor-element {
    padding: 22px 20px 24px !important;
  }

  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__title,
  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__excerpt,
  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__link,
  body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__title,
  body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__excerpt,
  body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__link,
  body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__title,
  body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__excerpt,
  body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__link {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__body,
  body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__body,
  body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__body {
    padding: 22px 20px 0 !important;
  }

  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__link,
  body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .sm-insights-article-card__link,
  body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .sm-insights-article-card__link {
    padding-bottom: 24px !important;
  }
}


/* ============================================================
   v8 Article excerpt live-template padding correction
   Live source inspection shows the Article excerpt widget is currently
   an Elementor Theme Post Excerpt widget without the expected
   `.sm-insights-article-card__excerpt` class. This block gives that
   live widget the same card-body inset while still leaving the preferred
   `.sm-insights-article-card__excerpt` class supported above.
   ============================================================ */

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .elementor-widget-theme-post-excerpt,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .elementor-widget-theme-post-excerpt,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .elementor-widget-theme-post-excerpt {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 12px 0 0 !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  font-family: var(--sm-insights-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .elementor-widget-theme-post-excerpt .elementor-widget-container,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .elementor-widget-theme-post-excerpt p,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .elementor-widget-theme-post-excerpt .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .elementor-widget-theme-post-excerpt p,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .elementor-widget-theme-post-excerpt .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .elementor-widget-theme-post-excerpt p {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 560px) {
  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .elementor-widget-theme-post-excerpt,
  body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-item > .elementor > .elementor-element.sm-insights-article-loop > .e-con-inner > .elementor-widget-theme-post-excerpt,
  body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner > .elementor-widget-theme-post-excerpt {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ============================================================
   v9 Article Taxonomy Filter alignment and spacing correction
   Current live source uses Elementor Taxonomy Filter widget:
   .sm-insights-article-filter > search.e-filter > button.e-filter-item
   This block left-aligns the filter row and reduces the vertical gap
   between the filter and the Article Loop Grid.
   ============================================================ */

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter,
body .sm-page.sm-page-insights .sm-insights-article-filter,
body .sm-page.sm-page-insights .sm-insights-article-filter.elementor-widget {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 26px 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  align-self: stretch !important;
  justify-self: stretch !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-filter .elementor-widget-container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter .e-filter,
body .sm-page.sm-page-insights .sm-insights-article-filter .e-filter {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter .e-filter-item,
body .sm-page.sm-page-insights .sm-insights-article-filter .e-filter-item,
body .sm-page.sm-page-insights .sm-insights-article-filter button {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Reduce the post-filter gap. The Article Loop Grid itself keeps the only
   vertical offset; Elementor's inner containers are reset so the gap is not
   compounded by widget, widget-container and grid margins. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter + .sm-insights-article-loop,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter ~ .sm-insights-article-loop,
body .sm-page.sm-page-insights .sm-insights-article-filter + .sm-insights-article-loop,
body .sm-page.sm-page-insights .sm-insights-article-filter ~ .sm-insights-article-loop,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-loop.elementor-widget {
  margin-top: 18px !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .elementor-widget-container,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 560px) {
  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter,
  body .sm-page.sm-page-insights .sm-insights-article-filter,
  body .sm-page.sm-page-insights .sm-insights-article-filter.elementor-widget {
    margin-top: 22px !important;
  }

  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter + .sm-insights-article-loop,
  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-filter ~ .sm-insights-article-loop,
  body .sm-page.sm-page-insights .sm-insights-article-filter + .sm-insights-article-loop,
  body .sm-page.sm-page-insights .sm-insights-article-filter ~ .sm-insights-article-loop,
  body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop.elementor-widget,
  body .sm-page.sm-page-insights .sm-insights-article-loop.elementor-widget {
    margin-top: 16px !important;
  }
}


/* ============================================================
   v10 patch — Resources card pill and CTA arrow refinement
   Fixes:
   - Prevents nested Elementor widget/container layers creating a double pill/border effect.
   - Removes CSS-generated CTA arrows so manually entered “Download →” renders once only.
   ============================================================ */

/* Resource type pill: keep the widget wrapper transparent; render the pill on the visible text element only. */
.sm-page-insights .sm-insights-resource-card__type,
.sm-page-insights .sm-insights-resource-card__type.elementor-widget,
.sm-page-insights .sm-insights-resource-card__type .elementor-widget-container {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.sm-page-insights .sm-insights-resource-card__type .elementor-heading-title,
.sm-page-insights .sm-insights-resource-card__type p,
.sm-page-insights .sm-insights-resource-card__type .elementor-widget-container > * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
  padding: 3px 10px !important;
  background: rgba(233,155,77,0.15) !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  outline: 0 !important;
  font-family: var(--sm-insights-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: var(--sm-insights-orange-light) !important;
}

.sm-page-insights .sm-insights-resource-card__type--guide .elementor-heading-title,
.sm-page-insights .sm-insights-resource-card__type--guide p,
.sm-page-insights .sm-insights-resource-card__type--guide .elementor-widget-container > * {
  background: rgba(22,163,74,0.15) !important;
  color: var(--sm-insights-green) !important;
}

.sm-page-insights .sm-insights-resource-card__type--ebook .elementor-heading-title,
.sm-page-insights .sm-insights-resource-card__type--book .elementor-heading-title,
.sm-page-insights .sm-insights-resource-card__type--ebook p,
.sm-page-insights .sm-insights-resource-card__type--book p,
.sm-page-insights .sm-insights-resource-card__type--ebook .elementor-widget-container > *,
.sm-page-insights .sm-insights-resource-card__type--book .elementor-widget-container > * {
  background: rgba(45,74,124,0.25) !important;
  color: #90B4F0 !important;
}

/* Resource CTA: remove all CSS-generated arrows. Type “Download →” directly in the widget. */
.sm-page-insights .sm-insights-resource-card__cta::before,
.sm-page-insights .sm-insights-resource-card__cta::after,
.sm-page-insights .sm-insights-resource-card__cta .elementor-widget-container::before,
.sm-page-insights .sm-insights-resource-card__cta .elementor-widget-container::after,
.sm-page-insights .sm-insights-resource-card__cta .elementor-heading-title::before,
.sm-page-insights .sm-insights-resource-card__cta .elementor-heading-title::after,
.sm-page-insights .sm-insights-resource-card__cta p::before,
.sm-page-insights .sm-insights-resource-card__cta p::after,
.sm-page-insights .sm-insights-resource-card__cta a::before,
.sm-page-insights .sm-insights-resource-card__cta a::after {
  content: none !important;
  display: none !important;
}

.sm-page-insights .sm-insights-resource-card__cta,
.sm-page-insights .sm-insights-resource-card__cta.elementor-widget,
.sm-page-insights .sm-insights-resource-card__cta .elementor-widget-container,
.sm-page-insights .sm-insights-resource-card__cta .elementor-heading-title,
.sm-page-insights .sm-insights-resource-card__cta p,
.sm-page-insights .sm-insights-resource-card__cta a {
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
/* ============================================================
   v11 Resource card overlay fix
   Purpose: make the Elementor HTML widget wrapper behave as the
   full-card overlay, not only the nested empty <a> element.

   Required Elementor structure:
   .sm-insights-resource-card
   └── HTML widget: .sm-insights-resource-card__link-widget
       └── <a class="sm-insights-resource-card__link" ...></a>
   ============================================================ */

body .sm-page.sm-page-insights .sm-insights-resource-card,
body .sm-page.sm-page-insights .sm-insights-resource-card.elementor-element {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body .sm-page.sm-page-insights .sm-insights-resource-card__link-widget,
body .sm-page.sm-page-insights .sm-insights-resource-card__link-widget.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-resource-card__link-widget .elementor-widget-container {
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important;
  pointer-events: auto !important;
}

body .sm-page.sm-page-insights .sm-insights-resource-card__link,
body .sm-page.sm-page-insights .sm-insights-resource-card__link-widget a,
body .sm-page.sm-page-insights .sm-insights-resource-card a.sm-insights-resource-card__link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 21 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Keep visible card content above the card surface but below the full-card link. */
body .sm-page.sm-page-insights .sm-insights-resource-card__type,
body .sm-page.sm-page-insights .sm-insights-resource-card__title,
body .sm-page.sm-page-insights .sm-insights-resource-card__excerpt,
body .sm-page.sm-page-insights .sm-insights-resource-card__cta {
  position: relative !important;
  z-index: 2 !important;
}

/* Remove nested links from stealing the full-card overlay. The whole card link should be the HTML widget. */
body .sm-page.sm-page-insights .sm-insights-resource-card__title a,
body .sm-page.sm-page-insights .sm-insights-resource-card__cta a {
  pointer-events: none !important;
}

body .sm-page.sm-page-insights .sm-insights-resource-card:hover,
body .sm-page.sm-page-insights .sm-insights-resource-card:focus-within {
  transform: translateY(-2px) !important;
  border-color: rgba(233,155,77,0.40) !important;
  background: rgba(255,255,255,0.055) !important;
}

/* ============================================================
   v12 Customer Story Card whole-card link overlay
   Purpose: supports an HTML widget inside each Customer Story
   card on the main Insights page or inside the Loop Item template.

   Elementor setup:
   - Add an HTML widget as the first widget inside each card.
   - Use:
     <a class="sm-insights-story-card__overlay-link" href="/customer-story-example/" aria-label="Read the customer story"></a>

   Keep the visible title/CTA widgets in place for visual design.
   The overlay link becomes the actual whole-card click target.
   ============================================================ */

body .sm-page.sm-page-insights .sm-insights-story-card,
body .sm-page.sm-page-insights .sm-insights-story-card.elementor-element,
body .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner {
  position: relative !important;
  overflow: hidden !important;
}

body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget a,
body .sm-page.sm-page-insights .sm-insights-story-card a.sm-insights-story-card__overlay-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  color: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link:focus-visible,
body .sm-page.sm-page-insights .sm-insights-story-card a.sm-insights-story-card__overlay-link:focus-visible {
  outline: 3px solid var(--sm-insights-orange, #C97B1E) !important;
  outline-offset: -4px !important;
}

/* Keep visible card content above the card background, but below the click overlay. */
body .sm-page.sm-page-insights .sm-insights-story-card__label,
body .sm-page.sm-page-insights .sm-insights-story-card__type,
body .sm-page.sm-page-insights .sm-insights-story-card__title,
body .sm-page.sm-page-insights .sm-insights-story-card__excerpt,
body .sm-page.sm-page-insights .sm-insights-story-card__link,
body .sm-page.sm-page-insights .sm-insights-story-card__label.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-story-card__type.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-story-card__title.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-story-card__excerpt.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-story-card__link.elementor-widget {
  position: relative !important;
  z-index: 2 !important;
}

/* The visible title/CTA should not fight the whole-card HTML overlay link. */
body .sm-page.sm-page-insights .sm-insights-story-card__title a,
body .sm-page.sm-page-insights .sm-insights-story-card__link a,
body .sm-page.sm-page-insights .sm-insights-story-card__link .elementor-button {
  pointer-events: none !important;
}

/* Match the hover/focus behaviour whether the card is hovered or the overlay receives keyboard focus. */
body .sm-page.sm-page-insights .sm-insights-story-card:hover,
body .sm-page.sm-page-insights .sm-insights-story-card:focus-within {
  transform: translateY(-3px) !important;
  border-color: var(--sm-insights-orange, #C97B1E) !important;
  box-shadow: 0 16px 36px -16px rgba(14,26,53,0.25) !important;
}

/* ============================================================
   v13 Customer Story Loop card correction
   Fixes:
   - Makes the dynamic Elementor Button widget act as the full-card link.
   - Removes the doubled/outer-border effect caused by styling both the
     .sm-insights-story-card shell and its internal .e-con-inner as cards.
   - Keeps the visible label/title/excerpt/CTA below the invisible overlay.

   Required Loop Item structure:
   .sm-insights-story-card
   └── .e-con-inner
       ├── Button widget: .sm-insights-story-card__overlay-link-widget
       │   └── <a href="{Dynamic Tag: Post URL}">
       ├── .sm-insights-story-card__label
       ├── .sm-insights-story-card__title
       ├── Post Excerpt widget
       └── .sm-insights-story-card__link
   ============================================================ */

/* Let Elementor loop items stretch cleanly inside the story grid. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-loop .elementor-loop-container > .e-loop-item,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-loop .e-loop-container > .e-loop-item,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-loop .elementor-grid > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-story-loop .elementor-loop-container > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-story-loop .e-loop-container > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-story-loop .elementor-grid > .e-loop-item {
  height: 100% !important;
  min-height: 100% !important;
}

/* The OUTER Elementor container is the single visual card. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card.elementor-element,
body .sm-page.sm-page-insights .sm-insights-story-card,
body .sm-page.sm-page-insights .sm-insights-story-card.elementor-element {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 36px 32px !important;
  overflow: hidden !important;
  background: var(--sm-insights-white, #FFFFFF) !important;
  border: 1px solid var(--sm-insights-rule, #E2E8F0) !important;
  border-radius: var(--sm-insights-radius-xl, 14px) !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
  transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease !important;
}

/* The INNER Elementor wrapper must not become a second card. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner,
body .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* The dynamic button widget becomes the invisible full-card overlay. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget.elementor-widget,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-widget-container {
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  overflow: hidden !important;
  line-height: 0 !important;
  pointer-events: auto !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget a,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-button,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card a.sm-insights-story-card__overlay-link,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget a,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-button,
body .sm-page.sm-page-insights .sm-insights-story-card a.sm-insights-story-card__overlay-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 21 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-button-content-wrapper,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-button-text,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-button-content-wrapper,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-button-text {
  display: none !important;
}

/* Keep the visible card content visually above the card surface but below the click overlay. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__label,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__type,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__title,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__excerpt,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__link,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card .elementor-widget-theme-post-excerpt,
body .sm-page.sm-page-insights .sm-insights-story-card__label,
body .sm-page.sm-page-insights .sm-insights-story-card__type,
body .sm-page.sm-page-insights .sm-insights-story-card__title,
body .sm-page.sm-page-insights .sm-insights-story-card__excerpt,
body .sm-page.sm-page-insights .sm-insights-story-card__link,
body .sm-page.sm-page-insights .sm-insights-story-card .elementor-widget-theme-post-excerpt {
  position: relative !important;
  z-index: 2 !important;
}

/* The Post Excerpt widget in the current Loop Item does not yet have the BEM class. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner > .elementor-widget-theme-post-excerpt,
body .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner > .elementor-widget-theme-post-excerpt {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  font-family: var(--sm-insights-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--sm-insights-slate, #475569) !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner > .elementor-widget-theme-post-excerpt .elementor-widget-container,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner > .elementor-widget-theme-post-excerpt p,
body .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner > .elementor-widget-theme-post-excerpt .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-story-card > .e-con-inner > .elementor-widget-theme-post-excerpt p {
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Visible text links should not steal the overlay click. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__title a,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__link a,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__link .elementor-button,
body .sm-page.sm-page-insights .sm-insights-story-card__title a,
body .sm-page.sm-page-insights .sm-insights-story-card__link a,
body .sm-page.sm-page-insights .sm-insights-story-card__link .elementor-button {
  pointer-events: none !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card:hover,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card:focus-within,
body .sm-page.sm-page-insights .sm-insights-story-card:hover,
body .sm-page.sm-page-insights .sm-insights-story-card:focus-within {
  transform: translateY(-3px) !important;
  border-color: var(--sm-insights-orange, #C97B1E) !important;
  box-shadow: 0 16px 36px -16px rgba(14,26,53,0.25) !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget a:focus-visible,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-button:focus-visible,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget a:focus-visible,
body .sm-page.sm-page-insights .sm-insights-story-card__overlay-link-widget .elementor-button:focus-visible {
  outline: 3px solid var(--sm-insights-orange, #C97B1E) !important;
  outline-offset: -4px !important;
}

/* ============================================================
   v14 Article Loop card whole-card link correction
   Fixes / adds:
   - Supports a dynamic Elementor Button widget as the full-card link.
   - Keeps the article card consistent with the Customer Story card.
   - Prevents the article card .e-con-inner from becoming a second card shell.
   - Keeps the visual title/CTA visible while the invisible overlay handles clicks.

   Required Article Loop Item structure:
   .sm-insights-article-card
   └── .e-con-inner
       ├── Button widget: .sm-insights-article-card__overlay-link-widget
       │   └── Link: Dynamic Tags → Post URL
       ├── .sm-insights-article-card__media
       └── .sm-insights-article-card__body
   ============================================================ */

/* Let Elementor loop items stretch cleanly inside the article grid. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container > .e-loop-item,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container > .e-loop-item,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-loop-container > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .e-loop-container > .e-loop-item,
body .sm-page.sm-page-insights .sm-insights-article-loop .elementor-grid > .e-loop-item {
  height: 100% !important;
  min-height: 100% !important;
}

/* The OUTER Elementor container is the single visual article card. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card.elementor-element,
body .sm-page.sm-page-insights .sm-insights-article-card,
body .sm-page.sm-page-insights .sm-insights-article-card.elementor-element {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--sm-insights-white, #FFFFFF) !important;
  border: 1px solid var(--sm-insights-rule, #E2E8F0) !important;
  border-radius: var(--sm-insights-radius-xl, 14px) !important;
  box-shadow: 0 1px 2px rgba(14,26,53,0.04), 0 2px 8px rgba(14,26,53,0.05) !important;
  transform: translateY(0) !important;
  transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease !important;
}

/* The INNER Elementor wrapper is layout only, not a second card. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner,
body .sm-page.sm-page-insights .sm-insights-article-card > .e-con-inner {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* The dynamic button widget becomes the invisible full-card overlay. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget.elementor-widget,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-widget-container,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button-wrapper,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget.elementor-widget,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-widget-container,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button-wrapper {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  overflow: hidden !important;
  line-height: 0 !important;
  pointer-events: auto !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget a,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget a,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button {
  position: absolute !important;
  inset: 0 !important;
  z-index: 31 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button-content-wrapper,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button-text,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button-content-wrapper,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button-text {
  display: none !important;
}

/* Keep visual card content below the overlay but above the card surface. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__media,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__body,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__image,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__tag,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__type,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__date,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__title,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__excerpt,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__link,
body .sm-page.sm-page-insights .sm-insights-article-card__media,
body .sm-page.sm-page-insights .sm-insights-article-card__body,
body .sm-page.sm-page-insights .sm-insights-article-card__image,
body .sm-page.sm-page-insights .sm-insights-article-card__tag,
body .sm-page.sm-page-insights .sm-insights-article-card__type,
body .sm-page.sm-page-insights .sm-insights-article-card__date,
body .sm-page.sm-page-insights .sm-insights-article-card__title,
body .sm-page.sm-page-insights .sm-insights-article-card__excerpt,
body .sm-page.sm-page-insights .sm-insights-article-card__link {
  z-index: 2 !important;
}

/* Existing visible links should not steal clicks from the whole-card overlay. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__image a,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__title a,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__link a,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-button,
body .sm-page.sm-page-insights .sm-insights-article-card__image a,
body .sm-page.sm-page-insights .sm-insights-article-card__title a,
body .sm-page.sm-page-insights .sm-insights-article-card__link a,
body .sm-page.sm-page-insights .sm-insights-article-card__link .elementor-button {
  pointer-events: none !important;
}

/* Match hover/focus behaviour across the article card. */
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card:hover,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card:focus-within,
body .sm-page.sm-page-insights .sm-insights-article-card:hover,
body .sm-page.sm-page-insights .sm-insights-article-card:focus-within {
  transform: translateY(-3px) !important;
  border-color: var(--sm-insights-orange, #C97B1E) !important;
  box-shadow: 0 16px 36px -16px rgba(14,26,53,0.35) !important;
}

body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget a:focus-visible,
body.elementor-page-9135 .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button:focus-visible,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget a:focus-visible,
body .sm-page.sm-page-insights .sm-insights-article-card__overlay-link-widget .elementor-button:focus-visible {
  outline: 3px solid var(--sm-insights-orange, #C97B1E) !important;
  outline-offset: -4px !important;
}/* End custom CSS */