.elementor-31869 .elementor-element.elementor-element-235cf85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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 );}/* Start custom CSS for container, class: .elementor-element-235cf85 *//* ============ MOBILE ONLY (<=768px) ============ */
@media (max-width:768px){

  /* Keep content a touch wider */
  .container{padding:0 12px;max-width:100%;}

  /* Keep the lightbulb off text on mobile */
  .highlight-box::before{display:none;}

  /* Promote sidebar cards so we can place them around the article */
  .two-column{display:flex;flex-direction:column;gap:28px;}
  .sidebar{display:contents;}   /* lets its children join the flex flow */

  /* Order on mobile:
     1) Quick Nav first
     2) Main article
     3) Other sidebar cards
     4) Key Takeaways last (just before the next section / CTA)
  */
  .toc.sidebar-card{order:0;}
  .main-content{order:1;}
  .sidebar-card{order:2;}
  .key-takeaways.sidebar-card{order:99;}

  /* Centre the three-product grid and stop the right shift */
  .product-showcase-full{margin:30px -12px;padding:40px 12px;border-radius:0;}
  .product-showcase-full .container>div[style*="grid-template-columns"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    justify-items:center !important;
  }
  .product-showcase-full .container>div[style*="grid-template-columns"]>div{
    width:100%;
    max-width:560px;
    margin:0 auto;
  }
}/* End custom CSS */