/**
 * CAMN split section – homepage only.
 * Left: map panel; right: info panel (InfoCard).
 * BEM-like selectors; equal columns on wide screens, stacked on small.
 */

/* --- Split section layout --- */
.camn-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.camn-split__map-panel {
  min-width: 0;
}

.camn-split__info-panel {
  min-width: 0;
  background: var(--lighter, #fff);
  display: flex;
  flex-direction: column;
  padding: 0 calc(var(--baseline, 0.28333rem) * 2) 0;
}

@media all and (min-width: 56.25em) {
  .camn-split {
    /* Map panel takes 1/3, info panel 2/3 on wide screens */
    grid-template-columns: 1fr 2fr;
    align-items: stretch;
  }

  .camn-split__info-panel {
    padding: 0 calc(var(--baseline, 0.28333rem) * 2) 0;
    /* Height matches left: stretch with grid; no fixed height so it follows map panel */
  }
}

/* --- Section framing (border + white padding) --- */
:root {
  --camn-section-border: 1px solid #000;
  --camn-section-padding: calc(var(--baseline, 0.28333rem) * 3);
}

/* Only the split panels (map + blue box) get the card framing.
   Home columns fall back to their original theme styling. */
.camn-split__map-panel,
.camn-split__info-panel {
  border: var(--camn-section-border);
  background: #fff;
  padding: calc(var(--camn-section-padding) / 2);
}

/* Avoid a double-width border where the two panels meet:
   left panel drops its right border; right panel keeps its left border
   so you see a single 1px line between them. */
.camn-split__map-panel {
  border-right: none;
}

/* The split panels already provide layout; keep the border flush */
.camn-split {
  gap: 0;
}

/* --- Home columns (sections A/B/C) --- */
/* Widen the A/B/C section wrapper so the three columns occupy more horizontal space
   without affecting other .wrapper instances on the site. */
.home-columns .home-columns__wrapper {
  max-width: 100%;
}