.elementor-2510 .elementor-element.elementor-element-5e65ebd2{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2510 .elementor-element.elementor-element-bfb371c .elementor-button-content-wrapper{flex-direction:row;}.elementor-2510 .elementor-element.elementor-element-4dae13d{--display:flex;}.elementor-2510 .elementor-element.elementor-element-6dd366b{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-6dd366b */<style>
  /* Layout ONLY — does not touch your existing map styles */
  .s311-frame{
    display:grid;
    grid-template-columns: 35% 65%;
    gap:16px;
    align-items:start;

    /* NEW: fill container and reset centering */
    width:100%;
    max-width:100%;
    margin:0;
  }

  /* NEW (fallback): break out of stubborn centered wrappers on desktop */
  @media (min-width: 901px){
    .s311-frame{
      width:100vw;
      max-width:100vw;
      margin-left:50%;
      transform:translateX(-50%);
    }
  }

  .s311-left{
    max-height:80vh;         /* lets the list scroll next to the map */
    overflow:auto;
  }

  /* Make it stack on small screens */
  @media (max-width: 900px){
    .s311-frame{ grid-template-columns: 1fr; }
    .s311-left{ max-height:none; }
    /* Undo the full-bleed shift on small screens to avoid any mobile jitter */
    .s311-frame{ width:100%; max-width:100%; margin:0; transform:none; }
  }
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dae13d */<style>
  /* Layout ONLY — does not touch your existing map styles */
  .s311-frame{
    display:grid;
    grid-template-columns: 35% 65%;
    gap:16px;
    align-items:start;

    /* NEW: fill container and reset centering */
    width:100%;
    max-width:100%;
    margin:0;
  }

  /* NEW (fallback): break out of stubborn centered wrappers on desktop */
  @media (min-width: 901px){
    .s311-frame{
      width:100vw;
      max-width:100vw;
      margin-left:50%;
      transform:translateX(-50%);
    }
  }

  .s311-left{
    max-height:80vh;         /* lets the list scroll next to the map */
    overflow:auto;
  }

  /* Make it stack on small screens */
  @media (max-width: 900px){
    .s311-frame{ grid-template-columns: 1fr; }
    .s311-left{ max-height:none; }
    /* Undo the full-bleed shift on small screens to avoid any mobile jitter */
    .s311-frame{ width:100%; max-width:100%; margin:0; transform:none; }
  }
  </style>/* End custom CSS */
/* Start custom CSS *//* Same layout/centering, scoped via Elementor section class */
.center-report .s311-report-grid{
  display: grid;
  grid-template-columns: 35% 65%;
  gap: 16px;
  width: min(1600px, 98vw);
  margin: calc(var(--s311-offset)) auto 12px;
  padding: 0 8px;
}
.center-report .s311-fields{
  position: sticky;
  top: calc(var(--s311-offset) + 8px);
  height: calc(100dvh - var(--s311-offset) - 24px);
  overflow: auto;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0,0,0,.10);
  padding: 10px 12px 12px;
}
.center-report .s311-map-wrap{ position: relative; }
.center-report .s311-map{
  height: calc(100dvh - var(--s311-offset) - 24px);
  min-height: 560px;
}
.center-report .s311-map-cta{
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
}/* End custom CSS */