.elementor-392 .elementor-element.elementor-element-8ffeebf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ================================================================
   GUIDES PAGE — Background bleed fix
   Paste into: Appearance → Customize → Additional CSS
   
   Root cause: Astra/WordPress .entry-content and .site-main
   wrappers paint white/paper over sections that don't have
   an explicit background set. This forces the dark theme
   on the page wrapper and all unset sections.
   ================================================================ */

/* 1 — Force the outer WordPress/Astra/Elementor wrappers
       to be transparent so #mp-guides dark bg shows through */
body:has(#mp-guides) .site-main,
body:has(#mp-guides) .entry-content,
body:has(#mp-guides) .wp-block-group,
body:has(#mp-guides) .elementor-section,
body:has(#mp-guides) .e-con,
body:has(#mp-guides) .e-con-inner,
body:has(#mp-guides) article.page {
  background: transparent !important;
}

/* 2 — Force body background to match the dark theme
       on this specific page, overriding --paper (#fafaf8) */
body:has(#mp-guides) {
  background: #0c0c12 !important;
}

/* 3 — Explicitly set dark bg on the two sections that were
       missing it in the original code (featured-sec & guides-sec) */
#mp-guides .featured-sec,
#mp-guides .guides-sec {
  background: #0c0c12 !important;
}

/* 4 — Safety net: the #mp-guides wrapper itself */
#mp-guides {
  background: #0c0c12 !important;
}/* End custom CSS */