/* =========================================================
   Elementor compatibility — makes Elementor widgets inside the
   article column render exactly like the original HTML.
   ========================================================= */

/* Article container flows like normal HTML (margins collapse as in the static site) */
.article-inner .elementor .e-con.xb-flow,
.article-inner .elementor .e-con.xb-flow > .e-con-inner{display:block;padding:0;gap:0;margin:0;min-height:0}
.article-inner .elementor .xb-flow > .elementor-element{width:auto;max-width:none;margin:0;padding:0}
.article-inner .elementor .xb-flow .elementor-widget-container{margin:0;padding:0}

/* Headings: same type scale as style.css */
.article-inner .elementor .elementor-widget-heading .elementor-heading-title{font-family:"Inter",sans-serif;color:var(--heading);line-height:1.3;font-weight:bold;padding:0}
.article-inner .elementor .elementor-widget-heading h1.elementor-heading-title{font-size:30px;margin:0 0 18px}
.article-inner .elementor .elementor-widget-heading h2.elementor-heading-title{font-size:24px;margin:34px 0 14px}
.article-inner .elementor .elementor-widget-heading h3.elementor-heading-title{font-size:19px;margin:24px 0 10px}
.article-inner .elementor .elementor-widget-heading h4.elementor-heading-title{font-size:16px;margin:21px 0 10px}
.article-inner .elementor .elementor-widget-heading .elementor-heading-title a{color:inherit}

/* Text editor: inherit theme typography */
.article-inner .elementor .elementor-widget-text-editor{color:var(--text);font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}

/* Images = .article-figure */
.article-inner .elementor .elementor-widget-image.article-figure{margin:22px auto;text-align:center}
.article-inner .elementor .elementor-widget-image.article-figure img{display:block;width:100%;height:auto;max-width:100%;border-radius:var(--radius);box-shadow:0 6px 22px rgba(24,48,89,.12)}

/* Header/footer logo images when a custom logo is uploaded */
.site-header .logo img{display:block}

@media (max-width:768px){
  .article-inner .elementor .elementor-widget-heading h1.elementor-heading-title{font-size:24px}
  .article-inner .elementor .elementor-widget-heading h2.elementor-heading-title{font-size:21px}
  .article-inner .elementor .elementor-widget-image.article-figure{margin:16px auto}
}
@media (max-width:400px){
  .article-inner .elementor .elementor-widget-heading h1.elementor-heading-title{font-size:22px}
  .article-inner .elementor .elementor-widget-heading h2.elementor-heading-title{font-size:19px}
  .article-inner .elementor .elementor-widget-heading h3.elementor-heading-title{font-size:17px}
}

/* Anchor offset for heading widgets that carry an ID (sticky header) */
.article-inner .elementor-element[id]{scroll-margin-top:130px}
@media (max-width:768px){.article-inner .elementor-element[id]{scroll-margin-top:70px}}

/* Homepage of the HTML build had no padding on the article wrapper — kept identical */
.article.xb-home-flush{padding:0}