@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&family=Figtree:wght@400;500;600;700&display=swap");
/* Design tokens — matches the palette & fonts used across the redesign.
   These are self-contained fallbacks; if the theme already defines the
   same variables on :root, the site's values take precedence there. */
#baarnSites{
  --green:#2A5235;--green-d:#1d3a26;--green-l:#3d6b47;
  --ink:#222831;--bg:#F8F9FA;--box:#FFFFFF;--rule:#dfe3e6;
  --muted:#5b656e;--sand:#eef1ed;
  --bs-blue:#1a73e8;--bs-blue-d:#1257b0;
  --bs-serif:"Newsreader",Georgia,serif;--bs-sans:"Figtree",system-ui,sans-serif;
  max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,48px);width:100%;
}
#baarnSites,#baarnSites *{box-sizing:border-box}
#baarnSites .bs-head{margin-bottom:20px}
#baarnSites .bs-eyebrow{font-family:var(--bs-sans);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin:0 0 10px}
#baarnSites h2{font-family:var(--bs-serif);font-weight:500;font-size:34px;line-height:1.14;letter-spacing:-.01em;margin:0 0 10px}
#baarnSites .bs-lede{font-family:var(--bs-serif);font-style:italic;color:var(--muted);font-size:19px;max-width:60ch;margin:0}
#baarnSites .bs-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);width:100%;max-width:100%;border:1px solid var(--rule);border-radius:4px;overflow:hidden;background:var(--box);margin-top:22px}
#baarnSites .bs-panel{border-right:1px solid var(--rule);display:flex;flex-direction:column;max-height:640px}
#baarnSites .bs-mapwrap{position:relative;min-height:640px}
#baarnSites .bs-map{position:absolute;inset:0}
#baarnSites .bs-tabs{display:flex;gap:4px;padding:14px 14px 0;border-bottom:1px solid var(--rule)}
#baarnSites .bs-tab{flex:1;font-family:var(--bs-sans);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 6px 12px;cursor:pointer;transition:color .15s,border-color .15s}
#baarnSites .bs-tab:hover{color:var(--green)}
#baarnSites .bs-tab[aria-selected="true"]{color:var(--green);border-bottom-color:var(--green)}
#baarnSites .bs-tab .bs-n{display:inline-block;min-width:20px;margin-left:5px;font-size:11px;color:#fff;background:var(--green);border-radius:999px;padding:1px 6px;font-weight:700}
#baarnSites .bs-tab[aria-selected="false"] .bs-n{background:var(--sand);color:var(--muted)}
/* Vallotton ELP tab — blue accent to match its sampling markers */
#baarnSites .bs-tab[data-region="vallotton"]:hover{color:var(--bs-blue)}
#baarnSites .bs-tab[data-region="vallotton"][aria-selected="true"]{color:var(--bs-blue);border-bottom-color:var(--bs-blue)}
#baarnSites .bs-tab[data-region="vallotton"][aria-selected="true"] .bs-n{background:var(--bs-blue)}
#baarnSites .bs-list{overflow-y:auto;padding:8px 0}
#baarnSites .bs-note{font-family:var(--bs-serif);font-style:italic;color:var(--muted);font-size:14px;padding:12px 18px 6px;margin:0}
#baarnSites .bs-site{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;background:transparent;border:0;border-left:3px solid transparent;padding:13px 18px;cursor:pointer;font-family:var(--bs-sans)}
#baarnSites .bs-site:hover{background:var(--sand)}
#baarnSites .bs-site.bs-on{background:var(--sand);border-left-color:var(--green)}
#baarnSites .bs-site .bs-num{flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
#baarnSites .bs-site .bs-txt h3{font-family:var(--bs-serif);font-weight:500;font-size:17px;line-height:1.2;margin:0;color:var(--ink)}
#baarnSites .bs-site.bs-on .bs-txt h3,#baarnSites .bs-site:hover .bs-txt h3{color:var(--green)}
#baarnSites .bs-site .bs-co{font-size:12.5px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}
#baarnSites .bs-site .bs-lk{display:inline-flex;gap:12px;margin-top:6px;font-size:12.5px;font-weight:600}
#baarnSites .bs-site .bs-lk a{color:var(--green);text-decoration:underline;text-decoration-color:#b6c5ba;text-underline-offset:2px}
#baarnSites .bs-site .bs-lk a:hover{text-decoration-color:var(--green)}
#baarnSites .mk{width:26px;height:26px;cursor:pointer;transform:translateY(-2px)}
#baarnSites .mk svg{filter:drop-shadow(0 2px 3px rgba(29,58,38,.35))}
#baarnSites .mk .mk-body{fill:var(--green);transition:fill .15s}
#baarnSites .mk .mk-dot{fill:#fff}
#baarnSites .mk.mk-on .mk-body,#baarnSites .mk:hover .mk-body{fill:var(--green-d)}
#baarnSites .mk.mk-on{width:32px;height:32px}
/* Vallotton ELP sampling markers — blue */
#baarnSites .mk.mk-blue .mk-body{fill:var(--bs-blue)}
#baarnSites .mk.mk-blue.mk-on .mk-body,#baarnSites .mk.mk-blue:hover .mk-body{fill:var(--bs-blue-d)}
.maplibregl-popup.bs-pop .maplibregl-popup-content{font-family:"Figtree",system-ui,sans-serif;border:1px solid var(--rule);border-radius:6px;box-shadow:0 8px 24px rgba(34,40,49,.14);padding:13px 15px 14px}
.maplibregl-popup.bs-pop .maplibregl-popup-content h3{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:16px;margin:0 0 3px;color:var(--ink)}
.maplibregl-popup.bs-pop .bs-pop-co{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.maplibregl-popup.bs-pop .bs-pop-region{display:inline-block;margin-top:8px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:var(--sand);border-radius:3px;padding:3px 8px}
.maplibregl-popup.bs-pop .maplibregl-popup-content{max-width:230px}
.maplibregl-popup.bs-pop .bs-pop-thumb{display:block;width:100%;height:120px;object-fit:cover;border-radius:5px;margin:0 0 10px;background:var(--sand)}
.maplibregl-popup.bs-pop .bs-pop-link{display:block;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--green)}
.maplibregl-popup.bs-pop .bs-pop-link:hover{color:var(--bs-green-d,#1d3a26)}
@media(max-width:820px){
  #baarnSites .bs-layout{grid-template-columns:1fr}
  #baarnSites .bs-panel{max-height:none;border-right:0;border-bottom:1px solid var(--rule)}
  #baarnSites .bs-mapwrap{min-height:460px}
  #baarnSites .bs-list{max-height:340px}
}