.elementor-113 .elementor-element.elementor-element-69b4c2b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-113 .elementor-element.elementor-element-189212f{--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-113 .elementor-element.elementor-element-2b7eddb{--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-113 .elementor-element.elementor-element-9d1351d{--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;}@media(min-width:768px){.elementor-113 .elementor-element.elementor-element-189212f{--width:100%;}}/* Start custom CSS *//* Hide wpDataTable's own wrapper so our card styles take over */
#wpdatatable_3_wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
```

Then place widgets in this exact order in Elementor:
```
Section 1 (padding 0):
  └── HTML Widget → tariff-blockA-hero.html

Section 2 (padding 0):
  └── Column 1:
       ├── HTML Widget → [filters + card top half of block2-final.html — stop before </div><!--tl-card-->]
       ├── Shortcode Widget → [wpdatatable id=3]
       └── HTML Widget → [source note + categories — bottom half of block2-final.html]/* End custom CSS */