.elementor-3130 .elementor-element.elementor-element-434ba569:not(.elementor-motion-effects-element-type-background), .elementor-3130 .elementor-element.elementor-element-434ba569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3130 .elementor-element.elementor-element-434ba569{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-3130 .elementor-element.elementor-element-434ba569 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-3130 .elementor-element.elementor-element-eda16804:not(.elementor-motion-effects-element-type-background), .elementor-3130 .elementor-element.elementor-element-eda16804 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3130 .elementor-element.elementor-element-eda16804{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 16px 0px;}.elementor-3130 .elementor-element.elementor-element-eda16804 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3130 .elementor-element.elementor-element-01419591:not(.elementor-motion-effects-element-type-background), .elementor-3130 .elementor-element.elementor-element-01419591 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3130 .elementor-element.elementor-element-01419591{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 48px 0px;}.elementor-3130 .elementor-element.elementor-element-01419591 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3130 .elementor-element.elementor-element-ebeba3ef:not(.elementor-motion-effects-element-type-background), .elementor-3130 .elementor-element.elementor-element-ebeba3ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3130 .elementor-element.elementor-element-ebeba3ef{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 24px 48px 24px;}.elementor-3130 .elementor-element.elementor-element-ebeba3ef > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-3130 .elementor-element.elementor-element-e0ce9ca0 .elementor-heading-title{font-size:28px;font-weight:700;color:#1A1A2E;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-3130 .elementor-element.elementor-element-5ad38c98 .elementor-accordion-icon, .elementor-3130 .elementor-element.elementor-element-5ad38c98 .elementor-accordion-title{color:#1A1A2E;}.elementor-3130 .elementor-element.elementor-element-5ad38c98 .elementor-accordion-icon svg{fill:#1A1A2E;}.elementor-3130 .elementor-element.elementor-element-5ad38c98 .elementor-accordion-title{font-size:15.5px;font-weight:600;}.elementor-3130 .elementor-element.elementor-element-5ad38c98 .elementor-tab-content{color:#374151;}.elementor-3130 .elementor-element.elementor-element-f6ef57b6:not(.elementor-motion-effects-element-type-background), .elementor-3130 .elementor-element.elementor-element-f6ef57b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C244B;}.elementor-3130 .elementor-element.elementor-element-f6ef57b6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:56px 24px 56px 24px;}.elementor-3130 .elementor-element.elementor-element-f6ef57b6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3130 .elementor-element.elementor-element-1294f360{text-align:center;}.elementor-3130 .elementor-element.elementor-element-1294f360 .elementor-heading-title{font-size:26px;font-weight:700;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3130 .elementor-element.elementor-element-fd8be1c8 .elementor-button{background-color:#E63329;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:14px 32px 14px 32px;}.elementor-3130 .elementor-element.elementor-element-17230391:not(.elementor-motion-effects-element-type-background), .elementor-3130 .elementor-element.elementor-element-17230391 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3130 .elementor-element.elementor-element-17230391{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-3130 .elementor-element.elementor-element-17230391 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-3130 .elementor-element.elementor-element-a7475c0c{width:100%;}.elementor-3130 .elementor-element.elementor-element-84be274e{width:100%;}.elementor-3130 .elementor-element.elementor-element-b1020e47{width:100%;}.elementor-3130 .elementor-element.elementor-element-4954cdba{width:100%;}.elementor-3130 .elementor-element.elementor-element-d08b404d{width:100%;}.elementor-3130 .elementor-element.elementor-element-bb0bd650{width:100%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-accordion .elementor-accordion-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-accordion .elementor-accordion-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS *//* === Blog article template Ecopi v1.0 === */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');
body, p, h1, h2, h3, h4, h5, h6, a, button, input, textarea, select, label,
.elementor-heading-title, .elementor-button {
  font-family: 'Lexend', 'Source Sans 3', system-ui, -apple-system, sans-serif !important;
}
@font-face { font-family: 'Lexend'; font-display: swap; }
@font-face { font-family: 'Poppins'; font-display: optional !important; }

/* Bandeau APSAD */
.ecopi-article-apsad-top {
  background: #fff !important;
  border-bottom: 1px solid rgba(26,26,46,0.06) !important;
  border-left: 4px solid #E63329 !important;
  padding: 14px 24px !important;
}
.ecopi-article-apsad-top p { margin: 0; font-size: 14.5px; color: #1A1A2E; text-align: center; line-height: 1.5; }
.ecopi-article-apsad-top a { color: #E63329; font-weight: 600; text-decoration: none; }

/* Breadcrumb */
.ecopi-article-breadcrumb { padding: 16px 24px 0; max-width: 1080px; margin: 0 auto; font-size: 13px; color: #6B7280; }
.ecopi-article-breadcrumb a { color: #6B7280; text-decoration: none; transition: color .2s; }
.ecopi-article-breadcrumb a:hover { color: #E63329; }

/* Article header */
.ecopi-article-header { max-width: 760px; margin: 24px auto 0; padding: 0 24px; }
.ecopi-article-header h1 {
  font-family: 'Lexend', sans-serif; font-size: 44px; font-weight: 700;
  line-height: 1.1; color: #1A1A2E; letter-spacing: -0.5px; margin: 0 0 16px;
}
.ecopi-article-excerpt { font-size: 19px; line-height: 1.55; color: #475467; font-weight: 400; margin: 0 0 20px; }
.ecopi-article-meta {
  font-size: 13px; line-height: 1.5; color: #6B7280; font-weight: 500;
  padding-top: 14px; border-top: 1px solid #E5E7EB;
  display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center;
}
.ecopi-article-meta strong { color: #1A1A2E; font-weight: 600; }
.ecopi-article-meta .sep { color: #D1D5DB; }

/* Body */
.ecopi-article-body {
  font-family: 'Lexend', sans-serif; font-size: 16px; line-height: 1.75;
  color: #1F2937; max-width: 720px; margin: 32px auto 0; padding: 0 24px;
}
.ecopi-article-body p { margin: 0 0 20px; }
.ecopi-article-body p strong { color: #1A1A2E; font-weight: 700; }
.ecopi-article-body a { color: #E63329; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.ecopi-article-body a:hover { text-decoration-thickness: 2px; }

.ecopi-article-body h2 {
  font-family: 'Lexend', sans-serif; font-size: 28px; font-weight: 700;
  color: #1A1A2E; line-height: 1.3; margin: 48px 0 20px;
  padding-left: 16px; border-left: 4px solid #E63329; scroll-margin-top: 90px;
}
.ecopi-article-body h3 {
  font-family: 'Lexend', sans-serif; font-size: 20px; font-weight: 700;
  color: #1A1A2E; line-height: 1.35; margin: 32px 0 12px; scroll-margin-top: 90px;
}
.ecopi-article-body ul, .ecopi-article-body ol { margin: 0 0 20px; padding-left: 24px; }
.ecopi-article-body li { margin: 0 0 8px; }
.ecopi-article-body li::marker { color: #E63329; }

/* Callouts */
.ecopi-callout {
  background: #F3F4F6; border-left: 4px solid #6B7280; padding: 16px 20px;
  border-radius: 8px; margin: 24px 0; font-size: 14.5px; line-height: 1.65; color: #374151;
}
.ecopi-callout-info    { background: #EFF6FF; border-left-color: #3B82F6; color: #1E3A8A; }
.ecopi-callout-warning { background: #FEF3C7; border-left-color: #F59E0B; color: #78350F; }
.ecopi-callout-danger  { background: #FEF2F2; border-left-color: #E63329; color: #7F1D1D; }
.ecopi-callout-title {
  display: flex; align-items: center; gap: 8px; font-weight: 700;
  font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;
}
.ecopi-callout p:last-child { margin-bottom: 0; }
.ecopi-callout a { color: inherit; text-decoration: underline; }

/* Tables */
.ecopi-article-table-scroll { margin: 28px 0; border: 1px solid #E5E7EB; border-radius: 12px; overflow: hidden; }
.ecopi-article-table-scroll.is-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ecopi-article-body table { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; }
.ecopi-article-body thead th {
  background: #F9FAFB; color: #1A1A2E; font-weight: 700; font-size: 12.5px;
  text-transform: uppercase; letter-spacing: 0.5px; text-align: left;
  padding: 12px 14px; border-bottom: 1px solid #E5E7EB;
}
.ecopi-article-body tbody td {
  padding: 12px 14px; border-bottom: 1px solid #F3F4F6;
  color: #374151; line-height: 1.5; vertical-align: top;
}
.ecopi-article-body tbody tr:last-child td { border-bottom: none; }
.ecopi-article-body tbody tr:hover td { background: #FAFAFB; }
.ecopi-article-body tbody td:first-child { font-weight: 600; color: #1A1A2E; }
@media (max-width: 640px) {
  .ecopi-article-table-scroll.is-scroll-x { box-shadow: inset -8px 0 8px -6px rgba(0,0,0,0.08); }
  .ecopi-article-body table { min-width: 560px; font-size: 13px; }
  .ecopi-article-body thead th { font-size: 11.5px; padding: 10px 12px; }
  .ecopi-article-body tbody td { padding: 10px 12px; font-size: 13px; }
}

/* Inline CTA card */
.ecopi-inline-cta {
  margin: 32px 0; padding: 24px 28px;
  background: linear-gradient(135deg, #FEF2F2 0%, #FFFFFF 100%);
  border: 1px solid rgba(230,51,41,0.18); border-radius: 12px;
  display: flex; align-items: center; gap: 20px;
  box-shadow: 0 2px 8px rgba(26,26,46,0.04);
}
.ecopi-inline-cta-icon {
  flex-shrink: 0; width: 48px; height: 48px; border-radius: 10px;
  background: #E63329; color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
}
.ecopi-inline-cta-icon svg { width: 24px; height: 24px; }
.ecopi-inline-cta-text { flex: 1; }
.ecopi-inline-cta-text strong { display: block; font-size: 15.5px; font-weight: 700; color: #1A1A2E; margin-bottom: 2px; }
.ecopi-inline-cta-text small { display: block; font-size: 13px; color: #6B7280; }
.ecopi-inline-cta-btn {
  flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px;
  background: #E63329; color: #fff !important; padding: 10px 18px;
  border-radius: 8px; font-size: 14px; font-weight: 600;
  text-decoration: none !important; white-space: nowrap;
  transition: transform .2s, box-shadow .2s;
}
.ecopi-inline-cta-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px -4px rgba(230,51,41,0.35); }
@media (max-width: 640px) {
  .ecopi-inline-cta { flex-direction: column; align-items: stretch; text-align: center; gap: 12px; padding: 20px; }
  .ecopi-inline-cta-icon { margin: 0 auto; }
  .ecopi-inline-cta-btn { justify-content: center; }
}

/* Sources */
.ecopi-article-sources {
  margin: 40px 0 0; padding: 20px 24px; background: #F9FAFB;
  border: 1px solid #E5E7EB; border-radius: 10px;
  font-size: 13.5px; line-height: 1.65; color: #475467;
}
.ecopi-article-sources h3 {
  font-size: 12px !important; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.8px; color: #6B7280; margin: 0 0 10px !important;
  border-left: none !important; padding-left: 0 !important;
}
.ecopi-article-sources ul { margin: 0; padding-left: 20px; }
.ecopi-article-sources li { margin: 4px 0; }
.ecopi-article-sources a { color: #E63329; text-decoration: none; }
.ecopi-article-sources a:hover { text-decoration: underline; }

/* FAQ accordion Elementor override */
.elementor-accordion .elementor-accordion-item {
  background: #fff !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
  margin-bottom: 10px !important;
  overflow: hidden;
}
.elementor-accordion .elementor-tab-title {
  background: #fff !important;
  font-family: 'Lexend', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: #1A1A2E !important;
  padding: 16px 20px !important;
  line-height: 1.35 !important;
}
.elementor-accordion .elementor-tab-title.elementor-active { color: #E63329 !important; }
.elementor-accordion .elementor-tab-content {
  background: #fff !important;
  padding: 0 20px 18px !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #374151 !important;
  border-top: 1px solid #F3F4F6 !important;
  padding-top: 12px !important;
}
.elementor-accordion .elementor-tab-content p { margin: 0 0 12px; }
.elementor-accordion .elementor-tab-content a { color: #E63329; font-weight: 600; }
.elementor-accordion .elementor-accordion-icon { color: #E63329 !important; }

/* CTA Bloc */
.ecopi-article-cta-bloc {
  background: #1C244B !important;
  padding: 56px 24px !important;
  margin-top: 48px;
}
.ecopi-article-cta-bloc h2 {
  color: #fff !important; font-size: 26px !important; font-weight: 700 !important;
  text-align: center; border: none !important; padding: 0 !important;
  margin: 0 0 12px !important;
}
.ecopi-article-cta-bloc p {
  color: #d0d3e0 !important; font-size: 17px !important; text-align: center;
  margin: 0 auto 24px !important; max-width: 620px;
}
.ecopi-article-cta-bloc .elementor-button {
  background: #E63329 !important; color: #fff !important;
  padding: 14px 32px !important; border-radius: 8px !important;
  font-weight: 600 !important; font-size: 16px !important;
  box-shadow: 0 4px 12px -2px rgba(230,51,41,0.35);
  transition: transform .2s, box-shadow .2s;
}
.ecopi-article-cta-bloc .elementor-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -4px rgba(230,51,41,0.45);
}

/* Related articles */
.ecopi-related-articles {
  max-width: 1080px; margin: 48px auto 0; padding: 0 24px 48px;
}
.ecopi-related-articles h2 {
  font-size: 20px; font-weight: 700; color: #1A1A2E;
  margin: 0 0 20px; border: none !important; padding: 0 !important;
}
.ecopi-related-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
@media (max-width: 768px) { .ecopi-related-grid { grid-template-columns: 1fr; } }
.ecopi-related-card {
  display: block; padding: 20px; background: #fff;
  border: 1px solid #E5E7EB; border-radius: 12px;
  text-decoration: none !important;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.ecopi-related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -10px rgba(26,26,46,0.12);
  border-color: rgba(26,26,46,0.1);
}
.ecopi-related-tag {
  display: inline-block; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.5px;
  color: #E63329; margin-bottom: 8px;
}
.ecopi-related-title {
  font-size: 16px; font-weight: 700; color: #1A1A2E;
  line-height: 1.3; margin: 0 0 8px;
}
.ecopi-related-card:hover .ecopi-related-title { color: #E63329; }
.ecopi-related-excerpt {
  font-size: 13px; color: #6B7280; line-height: 1.5; margin: 0;
}

/* Responsive headings */
@media (max-width: 1024px) {
  .ecopi-article-header h1 { font-size: 36px; }
}
@media (max-width: 640px) {
  .ecopi-article-header h1 { font-size: 28px; }
  .ecopi-article-excerpt { font-size: 16px; }
  .ecopi-article-body { font-size: 15px; line-height: 1.7; padding: 0 20px; }
  .ecopi-article-body h2 { font-size: 22px; margin: 36px 0 16px; padding-left: 12px; }
  .ecopi-article-body h3 { font-size: 17px; margin: 24px 0 10px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.001s !important; transition-duration: 0.001s !important; }
}

/* === Article widen patch + TOC layout === */
.ecopi-article-header { max-width: 920px !important; }
.ecopi-article-body { max-width: 880px !important; }
.ecopi-related-articles { max-width: 1280px !important; }
.ecopi-article-sources { max-width: 880px; margin-left: auto; margin-right: auto; }

.ecopi-article-layout-wrap {
  display: grid;
  grid-template-columns: 240px minmax(0, 880px);
  gap: 48px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}
.ecopi-article-layout-wrap .ecopi-article-body { max-width: none !important; margin: 0 !important; padding: 0 !important; }
.ecopi-article-toc {
  position: sticky; top: 100px; align-self: start;
  font-size: 13.5px; line-height: 1.5;
  max-height: calc(100vh - 120px); overflow-y: auto;
}
.ecopi-article-toc-title {
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.8px; color: #6B7280; margin-bottom: 10px;
}
.ecopi-article-toc ul { list-style: none; margin: 0; padding: 0; border-left: 1px solid #E5E7EB; }
.ecopi-article-toc li { margin: 0; }
.ecopi-article-toc a {
  display: block; padding: 7px 14px; color: #475467; text-decoration: none !important;
  border-left: 2px solid transparent; margin-left: -1px;
  transition: color .2s, border-color .2s; font-size: 13px; line-height: 1.4;
}
.ecopi-article-toc a:hover { color: #E63329; }
.ecopi-article-toc a.is-active { color: #E63329; border-left-color: #E63329; font-weight: 600; }
@media (max-width: 1024px) {
  .ecopi-article-layout-wrap { display: block; max-width: 720px; padding: 0 20px; }
  .ecopi-article-toc { position: relative; top: auto; padding: 14px 16px; background: #F9FAFB; border-radius: 10px; margin-bottom: 24px; max-height: none; }
  .ecopi-article-toc ul { border-left: none; }
  .ecopi-article-toc a { padding: 5px 0; border-left: none; margin-left: 0; }
}

.ecopi-article-apsad-top { background: #F9FAFB !important; }


/* === Benefit cards 3-col (CRO block) === */
.ecopi-article-body .ecopi-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 24px 0;
}
@media (max-width: 1024px) {
  .ecopi-article-body .ecopi-cards { grid-template-columns: 1fr; gap: 14px; }
}
.ecopi-article-body .ecopi-card {
  background: #fff;
  padding: 24px 22px;
  border-radius: 12px;
  border-top: 4px solid #E63329;
  box-shadow: 0 4px 16px -4px rgba(26,26,46,0.06);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform .25s, box-shadow .25s;
}
.ecopi-article-body .ecopi-card.eco { border-top-color: #2F855A; }
.ecopi-article-body .ecopi-card.blue { border-top-color: #1C244B; }
.ecopi-article-body .ecopi-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(26,26,46,0.12); }
.ecopi-article-body .ecopi-card .ecopi-icon {
  width: 48px; height: 48px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: #FEE2E2; color: #E63329;
  transition: transform .35s;
}
.ecopi-article-body .ecopi-card.eco .ecopi-icon { background: #D1FAE5; color: #2F855A; }
.ecopi-article-body .ecopi-card.blue .ecopi-icon { background: #E0E7FF; color: #1C244B; }
.ecopi-article-body .ecopi-card:hover .ecopi-icon { transform: rotate(-4deg) scale(1.06); }
.ecopi-article-body .ecopi-card h3 {
  color: #1A1A2E !important; font-size: 16px; font-weight: 700;
  margin: 0 !important; padding: 0 !important; border-left: none !important; line-height: 1.3;
}
.ecopi-article-body .ecopi-card p { color: #475467 !important; font-size: 14px; line-height: 1.6; margin: 0; }/* End custom CSS */