/* The shared area-map embed (wwwroot/js/omraadekort.js). Loaded by the pages that carry it - by,
   kommune and the lokalplan list - rather than by gv.css, because 53 of our 56 pages have no map
   on them. Design tokens come from gv.css ([claim: pages-inherit-design-tokens]).

   The HEIGHT is declared here and not left to the library: the container is in the page before
   MapLibre has loaded, and a box that grows from 0 to 320 px when the map finally builds pushes
   everything below it down while the reader is looking at it. */
#omraadekort { height:320px; border-radius:12px; overflow:hidden; border:1px solid var(--line);
    margin:.5rem 0; background:var(--panel); }
@media (max-width:640px) { #omraadekort { height:260px; } }
/* Popup text: the library ships its own font stack, which is not ours. Same rules the school page
   applies to its map, so the two embeds do not disagree. */
.maplibregl-popup-content { font:14px/1.5 system-ui,sans-serif; padding:.55rem .8rem;
    border-radius:10px; color:#33403a; }
.maplibregl-popup-content strong { color:#1a1a17; }
.maplibregl-popup-content a { color:#186b45; font-weight:600; }