.kartboks{position:relative;border-radius:16px;overflow:hidden;
 border:1px solid var(--linje,#E4E1D8);background:#E8EDE7;aspect-ratio:16/11;
 /* HOEYST 60 % AV SKJERMEN (FASER.md fase 1, 2b).
    Naar kartet tar én finger, kan man ikke lenger rulle sida ved aa
    dra paa det. Da maa det ALLTID vaere kart-fri skjerm over og
    under aa ta tak i. 60 vh lar det staa igjen 40 %. */
 max-height:60vh}
#kart{position:absolute;inset:0}
/* PROMPT 76: flyfotoet er et eget bilde under kartet, ikke et lag i det */
.flyfotoboks{margin:10px 0 0;border-radius:16px;overflow:hidden;
 border:1px solid var(--linje,#E4E1D8);background:#E8EDE7}
.flyfotoboks[hidden]{display:none}
.flyfoto-kart{width:100%;aspect-ratio:16/11;max-height:60vh}
.flyfoto-kart[hidden]{display:none}
.tegnknapp{display:block;width:100%;margin:10px 0 0;min-height:48px;padding:10px 14px;text-align:left;
 border-radius:12px;border:1px solid var(--linje,#E4E1D8);background:#fff;color:#14231A;
 font:600 15px Manrope,system-ui,sans-serif;cursor:pointer}
.tegnknapp span{font-weight:400;color:#5B6270}
.tegnknapp[aria-expanded=true]{background:#14231A;color:#fff}
.tegnknapp[aria-expanded=true] span{color:#D9D5CA}
#tegnboks{margin-top:10px}
#tegnboks[hidden]{display:none}
.flyfotoboks figcaption{font:13px/1.4 Manrope,system-ui,sans-serif;color:#5B6270;padding:6px 10px}
/* ---- DEN LAVE TREBOKSEN (Daniel 22.09 kveld)
   «I dag dekker boksen hele kartet, og man kan ikke bevege kartet
   lenger.» Derfor: fast hoeyde paa tre linjer, nederst, og
   `pointer-events` bare paa selve boksen - resten av kartet tar
   fortsatt imot fingeren. */
.treboks{position:absolute;left:8px;right:8px;bottom:8px;z-index:700;
 background:rgba(255,255,255,.97);border:1px solid #E4E1D8;
 border-radius:12px;padding:9px 38px 9px 13px;
 box-shadow:0 2px 10px rgba(0,0,0,.12);
 font:14px/1.35 Manrope,system-ui,sans-serif;color:#1A1A18}
.treboks span{display:block}
.tblenke{font-size:13px;font-weight:500;color:#2F6E45;
 white-space:nowrap;margin-left:4px}
.treboks .tb1{font-weight:600}
.treboks .tb2{color:#5B6270}
.treboks .tb3{color:#2F6E45;font-weight:500}
.tblukk{position:absolute;right:6px;top:6px;width:28px;height:28px;
 border:0;background:transparent;font-size:19px;line-height:1;
 color:#5B6270;cursor:pointer}

/* Meldingen naar ingen av bakgrunnslagene svarer. Den skal vaere
   synlig uten aa dekke tomtegrensa og traerne - de virker fortsatt. */
.bakgrunnsfeil{position:absolute;left:50%;top:12px;transform:translateX(-50%);
 z-index:600;background:rgba(255,255,255,.94);border:1px solid #E4E1D8;
 border-radius:999px;padding:6px 14px;font-size:13px;color:#5B6270;
 box-shadow:0 1px 4px rgba(0,0,0,.08);pointer-events:none}
.leaflet-container{background:#E8EDE7;font-family:Manrope,system-ui,sans-serif;
 outline:0}
.kartverktoy{position:absolute;left:10px;top:10px;z-index:500;display:flex;
 flex-wrap:wrap;gap:6px;max-width:calc(100% - 20px)}
.lagknapp{display:inline-flex;align-items:center;gap:6px;min-height:32px;
 padding:0 11px;border-radius:9px;border:1px solid var(--linje,#E4E1D8);
 background:rgba(255,255,255,.95);font:700 12px Manrope,sans-serif;
 color:#14231A;cursor:pointer;box-shadow:0 1px 3px rgba(20,35,26,.18)}
.lagknapp[aria-pressed="true"]{background:#14231A;color:#fff;border-color:#14231A}
.lagknapp .kule{width:9px;height:9px;border-radius:3px;flex:none}
.kartnote{position:absolute;left:10px;bottom:10px;z-index:500;
 background:rgba(255,255,255,.92);border-radius:8px;padding:5px 9px;
 font:12px Manrope,sans-serif;color:#4A5A50;display:flex;align-items:center;
 gap:7px;max-width:calc(100% - 20px)}
.kartnote .krone{width:15px;height:15px;border-radius:50%;
 background:#4E8C5A;border:2px solid #2F6B48;flex:none}
.hjulhint{position:absolute;inset:0;z-index:600;display:none;
 align-items:center;justify-content:center;background:rgba(20,35,26,.42);
 color:#fff;font:600 15px Manrope,sans-serif;text-align:center;padding:20px;
 pointer-events:none}
.kartboks.vis-hint .hjulhint{display:flex}
.hjulhint .hint-touch{display:none}
@media (hover:none) and (pointer:coarse){.hjulhint .hint-mus{display:none}.hjulhint .hint-touch{display:inline}}
.leaflet-control-attribution{font-size:11px !important;
 background:rgba(250,249,245,.9) !important}
.tre-ikon{border-radius:50%;background:#4E8C5ACC;border:2px solid #2F6B48;
 box-sizing:border-box;cursor:pointer}
.tre-ikon.naar{border-color:#D97706;border-width:3px}
.naal-ikon{border-radius:50%;background:#14231A;color:#fff;border:2px solid #fff;
 box-shadow:0 2px 6px rgba(20,35,26,.4);display:flex;align-items:center;
 justify-content:center;font:700 12px Manrope,sans-serif;cursor:pointer}
.leaflet-popup-content{margin:12px 14px;font:14px/1.5 Manrope,sans-serif;
 color:#14231A}
.leaflet-popup-content b{display:block;font-family:Newsreader,Georgia,serif;
 font-size:18px;font-weight:600;margin-bottom:5px}
.leaflet-popup-content .kilde{display:block;margin-top:8px;font-size:12px;
 color:#4A5A50}

.kartseksjon{margin:28px 0 8px}
.tegnknapp{display:block;width:100%;margin:12px 0 0;padding:12px 14px;text-align:left;
 font:600 15px 'IBM Plex Sans',sans-serif;background:#fff;border:1px solid #14284B;border-radius:8px;cursor:pointer}
.tegnknapp span{font-weight:400;color:#5B6270}
.flyfotoboks{margin:12px 0 0}.flyfoto-kart{height:320px;border-radius:12px}
.merknad .hovedgrunn{margin:6px 0 8px;font-weight:500}
.merknad details.flere summary{cursor:pointer;font-size:14px}
@media (max-width: 640px){            /* PROMPT 99: trykkflater minst 44 px */
  .kartverktoy .lagknapp{min-height:44px;padding:0 14px}
  .leaflet-touch .leaflet-bar a{width:44px;height:44px;line-height:44px;font-size:22px}
  .tegnknapp{min-height:48px}
}