/* =========================================================
   RESET — loaded AFTER Elementor and BEFORE the prototype CSS.

   A page built from the prototype is, in Elementor:
     container .ms-pass  →  HTML widget  →  the prototype's markup
   for every top-level block (header, each section, footer), and one
   container with html_tag "main" (class .ms-main + the prototype's own
   classes on <main>) around the sections.

   .ms-pass containers and their widgets must not exist as boxes at all, so
   the prototype's markup lays out exactly as it did directly under <body>
   (position:sticky header, margins, fixed bars). That part is in bridge.css.

   .ms-main is a real <main>, but Elementor makes every container a padded
   full-width flex column. This puts it back to a plain block box at a
   specificity (0,2,0) that beats Elementor's base rules (.e-con …) and loses
   to the prototype's scoped rules, which load later at the same specificity
   — so `.amp-dl{display:grid}` still wins.
========================================================= */
.ms-site .ms-main{
  --display:block;
  --width:auto;
  --padding-top:0px;
  --padding-right:0px;
  --padding-bottom:0px;
  --padding-left:0px;
  --gap:0px;
  --row-gap:0px;
  --column-gap:0px;
  --flex-direction:row;
  --flex-wrap:nowrap;
  --position:static;
  /* Elementor also writes `--display:flex` into every container's own
     generated CSS (at higher specificity), so display is set directly. */
  display:block;
  min-width:auto;
  transition:none;
}
/* Elementor uses every container's ::before as its background overlay. */
.ms-site .ms-main::before{content:none;}
.ms-site .e-con.ms-main.e-empty{min-height:0;}