/* ==========================================================================
   Map page - /map/
   Loaded after site.css via $meta['page_css'] = 'map'.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Full-width layout

   The breakout itself is site.css's .full-bleed, on the layout in map.php -
   the same 100vw / negative-margin pattern the header, the heroes and the
   footer use. Note that body carries `overflow-x: clip` rather than `hidden`
   precisely so this breakout is contained without creating a scroll container
   (a scroll container would kill position: sticky on the Measured Access
   rail). Do not "fix" that to hidden.

   What is left here is what the layout needs once it gets there: the 6px seam
   that inset it from the page grid has to come off the outer edges, or the
   map stops 6px short of the window and reads as a card that overflowed. The
   seam between the rail and the canvas stays, and so do the corners on that
   seam - only the two edges that now touch the window get squared off.
   -------------------------------------------------------------------------- */
.map-layout {
  padding-left: 0;
  padding-right: 0;
}
.map-rail   { border-radius: 0 var(--radius-band) var(--radius-band) 0; }
.map-canvas { border-radius: var(--radius-band) 0 0 var(--radius-band); }

/* Stacked (site.css drops the layout to one column at 1080): now both blocks
   span the window, so both lose their outer corners. */
@media (max-width: 1080px) {
  .map-rail,
  .map-canvas { border-radius: 0; }
}