/* A quiet, full-screen place to discover the collection. */
.catalog-map-options {
  display:flex;
  align-items:center;
  gap:22px;
}
.catalog-map-options>.text-link { font-size:12px; }
body.map-mode {
  display:flex;
  flex-direction:column;
  height:100vh;
  height:100dvh;
  overflow:hidden;
}
body.map-mode .topbar { width:100%;max-width:none;flex:none;background:var(--bg); }
body.map-mode main { flex:1;min-height:0;position:relative; }
body.map-mode .site-footer { display:none; }
.explorer-view {
  position:relative;
  height:100%;
  max-width:none;
  overflow:hidden;
  isolation:isolate;
}
#explorer-map { width:100%;height:100%;background:#e8ebdf; }
.explorer-controls {
  position:absolute;
  z-index:600;
  top:24px;
  left:24px;
  width:352px;
  padding:22px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:13px;
  box-shadow:0 8px 30px #26382c1c;
}
.explorer-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px; }
.explorer-heading .eyebrow { font-size:8px;letter-spacing:1.1px; }
.explorer-heading h1 { font-size:29px;margin-top:7px;line-height:1.1; }
.explorer-heading-symbol { color:var(--gold);font:35px Georgia,serif; }
.explorer-search-box { position:relative;display:flex;align-items:center; }
.explorer-search-box>svg { position:absolute;left:13px;width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.6;pointer-events:none; }
.explorer-search-box input { width:100%;height:46px;min-width:0;padding:10px 44px 10px 39px;border-radius:7px;background:var(--bg);font-size:12px; }
.explorer-search-box button { position:absolute;right:2px;top:2px;width:42px;height:42px;border:0;border-radius:5px;background:transparent;font-size:21px; }
.explorer-search-box button:hover { background:var(--soft); }
.explorer-filter-row { display:flex;align-items:center;gap:12px;margin-top:10px; }
.explorer-filter-row select { flex:1;min-width:0;min-height:42px;font-size:12px;border-radius:7px; }
.explorer-filter-row .text-button { flex-shrink:0;font-size:10px;white-space:nowrap;min-height:44px; }
.explorer-placement-heading { display:flex;justify-content:space-between;gap:8px;margin:15px 0 7px;font-size:10px;font-weight:600; }
.explorer-placement-heading span { color:var(--muted);font-weight:400;font-size:9px; }
.explorer-placement { display:grid;grid-template-columns:.65fr 1fr 1.15fr;gap:5px; }
.explorer-placement button { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-height:46px;padding:7px 5px;background:var(--bg);border:1px solid var(--line);border-radius:7px;font-size:10px;line-height:1.4; }
.explorer-placement button[aria-pressed=true] { border-color:var(--green);background:var(--soft);box-shadow:inset 0 0 0 1px var(--green);font-weight:600; }
.explorer-placement button:hover { border-color:var(--green); }
.explorer-placement button>span { font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px; }
.placement-symbol { display:inline-block;width:10px;height:10px;flex:none;vertical-align:middle; }
.placement-symbol.known { border:2px solid var(--green);border-radius:50%;background:var(--green);box-shadow:inset 0 0 0 2px var(--paper); }
.placement-symbol.general { width:13px;height:10px;border:1.5px dashed #997349;border-radius:3px;background:#f4ecd9; }
.explorer-legend { display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:7px;font-size:10px;color:var(--muted); }
.explorer-legend span { display:flex;align-items:center;gap:6px; }
.explorer-search-wrap { position:relative; }
.explorer-suggestions { position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:20;display:flex;flex-direction:column;max-height:max(125px,min(410px,calc(100dvh - 235px)));overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 28px #20372c24; }
.explorer-search-message { padding:10px 12px;font-size:10px;line-height:1.5;color:var(--muted);border-bottom:1px solid var(--line);flex-shrink:0; }
.explorer-search-notice { padding:9px 12px;font-size:10px;line-height:1.6;background:var(--soft);max-height:100px;overflow-y:auto;flex-shrink:0; }
.explorer-suggestion-list { min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin; }
.explorer-suggestion { display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--paper);text-align:left;padding:11px 12px;min-height:48px;line-height:1.5;overflow-wrap:anywhere; }
.explorer-suggestion strong { display:block;font-size:12px;font-weight:600; }
.explorer-suggestion span { display:block;margin-top:3px;font-size:10px;color:var(--muted); }
.explorer-suggestion small { display:block;margin-top:4px;color:var(--orange);font-size:10px; }
.explorer-suggestion[aria-selected=true],.explorer-suggestion:not(:disabled):hover { background:var(--soft); }
.explorer-suggestion:disabled { opacity:.7; }
.explorer-fulltext { position:sticky;bottom:0;font-size:11px;font-weight:600;color:var(--green-text);border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -3px 7px #20372c08; }
.explorer-selected { display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:6px 10px;margin-top:12px;border-top:1px solid var(--line);padding-top:12px; }
.explorer-selected strong { display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.explorer-selected span { display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.5; }
.explorer-selected p { grid-column:1/-1;font-size:10px;line-height:1.6;color:var(--muted);max-height:48px;overflow-y:auto; }
.explorer-selected>.text-button { grid-column:1/-1;justify-self:start;font-size:11px;min-height:34px; }
.explorer-clear-place { width:30px;height:30px;border-radius:50%;padding:0;line-height:1;font-size:22px;background:var(--bg);align-self:start; }
.explorer-caption {
  position:absolute;
  z-index:600;
  left:24px;
  bottom:27px;
  max-width:calc(100% - 115px);
  padding:15px 18px;
  border-radius:9px;
  border:1px solid var(--line);
  background:var(--paper);
  box-shadow:0 4px 20px #26382c12;
  pointer-events:none;
}
#explorer-status { font-size:12px;line-height:1.5;font-weight:600; }
#explorer-hint { font-size:11px;line-height:1.5;margin-top:4px; }
.explorer-caption small { display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px; }
.explorer-caption button { pointer-events:auto;min-height:40px;font-size:11px; }
.explorer-home {
  position:absolute;
  z-index:600;
  right:18px;
  bottom:119px;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--paper);
  box-shadow:0 3px 14px #26382c1c;
  color:var(--ink);
  font-size:26px;
}
.explorer-home:hover { background:var(--soft); }
#explorer-map .leaflet-bottom.leaflet-right { right:8px;bottom:18px; }
#explorer-map .leaflet-control-zoom { border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 3px 14px #26382c1c; }
#explorer-map .leaflet-control-zoom a { width:42px;height:38px;line-height:38px;background:var(--paper);color:var(--ink);border-color:var(--line);font-weight:400; }
#explorer-map .leaflet-control-zoom a:hover { background:var(--soft); }
#explorer-map .leaflet-control-attribution { position:fixed;right:0;bottom:0;margin:0;background:var(--paper);color:var(--muted);font-size:9px; }
#explorer-map .leaflet-control-attribution a { color:var(--ink); }
.explorer-icon { background:transparent;border:0; }
.explorer-cluster {
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border:3px solid var(--paper);
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 6px #314c3f16,0 4px 12px #20372c38;
  color:#fffdf3;
  font:600 12px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  transition:transform .16s,box-shadow .16s;
}
.explorer-icon:hover .explorer-cluster { transform:scale(1.09);box-shadow:0 0 0 8px #314c3f1a,0 5px 16px #20372c38; }
.explorer-thumb {
  display:block;
  position:relative;
  width:64px;
  height:64px;
  border:3px solid #fffef9;
  border-radius:50%;
  background:#ece8db;
  box-shadow:0 0 0 1px #314c3f70,0 5px 13px #20372c42;
  transition:transform .16s,box-shadow .16s;
}
.explorer-thumb-photo { display:block;width:100%;height:100%;border-radius:50%;overflow:hidden; }
/* Leaflet resets marker images to width:auto; this selector must outrank it. */
#explorer-map .explorer-thumb-photo>img { display:block;width:100%;height:100%;object-fit:cover;color:var(--ink);font-size:8px; }
.explorer-thumb-count { position:absolute;right:-5px;bottom:-3px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border:2px solid #fffef9;border-radius:20px;background:var(--green);color:white;font-size:10px;line-height:1;font-weight:600; }
.explorer-icon:hover .explorer-thumb,.explorer-icon:focus .explorer-thumb { transform:scale(1.1);box-shadow:0 0 0 3px #314c3f80,0 7px 20px #20372c42; }
.explorer-thumb.is-selected { box-shadow:0 0 0 4px var(--gold),0 5px 13px #20372c42; }
.explorer-thumb.is-known { border-color:#fffef9;box-shadow:0 0 0 3px var(--green),0 5px 13px #20372c42; }
.explorer-thumb.is-known.is-selected { box-shadow:0 0 0 4px var(--gold),0 5px 13px #20372c42; }
.explorer-general { display:grid;position:relative;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:8px;row-gap:4px;width:174px;height:54px;padding:8px 11px;border:1.5px dashed #9b7848;border-radius:10px;background:#fff8e7;color:#59462b;box-shadow:0 3px 0 -1px #ece0c7,0 5px 0 -1px #b19a76,0 6px 13px #20372c26; }
.explorer-general::before { content:"";position:absolute;left:50%;top:-61px;height:60px;border-left:1.5px dashed #997349;pointer-events:none; }
.explorer-general::after { content:"";position:absolute;left:calc(50% - 3px);top:-65px;width:6px;height:6px;border:1.5px solid #997349;border-radius:50%;background:#fff8e7;pointer-events:none; }
.explorer-general-name { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.3; }
.explorer-general-count { grid-column:2;grid-row:1/3;align-self:center;min-width:24px;padding:5px 4px;border-radius:6px;background:#e8dbbe;font-size:12px;line-height:1;text-align:center; }
.explorer-general-note { grid-column:1;font-size:8px;line-height:1.25; }
.explorer-cluster.is-general { background:#7e896f;border-style:dashed; }
.explorer-icon:hover .explorer-general,.explorer-icon:focus .explorer-general,.explorer-general.is-selected { background:#fff1cf;outline:2px solid #997349;outline-offset:2px; }
.explorer-thumb.is-uncertain,.is-uncertain .explorer-thumb { border-style:dashed;border-color:#f5ecd5;box-shadow:0 0 0 1px #a0804f80,0 4px 12px #20372c30; }
.explorer-cluster.is-uncertain,.is-uncertain .explorer-cluster { background:#7e896f;border-style:dashed; }
.explorer-icon:focus-visible { outline:3px solid var(--gold);outline-offset:8px;border-radius:50%; }
.explorer-popup .leaflet-popup-content-wrapper { padding:0;background:var(--paper);color:var(--ink);border-radius:12px;box-shadow:0 9px 35px #20372c38; }
.explorer-popup .leaflet-popup-content { width:294px!important;max-width:calc(100vw - 56px);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5; }
.explorer-popup .leaflet-popup-tip { background:var(--paper); }
#explorer-map .explorer-popup a.leaflet-popup-close-button { top:6px;right:6px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fffef9ed;border:1px solid #dedfd480;box-shadow:0 2px 6px #20372c12;color:#283d34;font:26px/1 Inter,sans-serif; }
#explorer-map .explorer-popup a.leaflet-popup-close-button:hover { background:#fffef9;color:#283d34; }
.map-postcard { overflow:hidden;border-radius:12px; }
.map-postcard-image { display:block;width:100%;height:174px;padding:13px;background:#e8e5d9;object-fit:contain; }
.map-postcard-image img { display:block;width:100%;height:100%;object-fit:contain; }
.explorer-popup .leaflet-popup-content { max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain; }
.map-popup-loading { padding:30px 20px; }
.map-popup-place-choice { display:block;padding:14px 54px 12px 17px;font-size:10px; }
.map-popup-place-choice select { display:block;width:100%;min-width:0;font-size:11px;margin-top:5px; }
.map-postcard h2 { margin:14px 17px 6px;font-size:23px;line-height:1.12;overflow-wrap:anywhere; }
.map-postcard .map-popup-precision { margin:6px 17px;font-size:10px;line-height:1.45;color:var(--orange);overflow-wrap:anywhere; }
.map-postcard .map-popup-precision.is-verified { color:var(--ink); }
.map-postcard .map-popup-description { margin:7px 17px;color:var(--muted);font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.map-popup-meta { display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 17px;font-size:11px; }
.map-popup-meta strong { color:var(--ink);font-size:15px;white-space:nowrap; }
.map-postcard .map-popup-location { display:block;margin:7px 17px;color:var(--muted);font-size:10px;line-height:1.5; }
.map-popup-nav { display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 13px 0;padding-top:9px;border-top:1px solid var(--line);font-size:11px; }
.map-popup-nav button { min-width:44px;min-height:38px;border-radius:6px;background:var(--soft);font-size:18px; }
.map-popup-nav button:hover { border-color:var(--green); }
.map-popup-thumbs { display:flex;gap:6px;overflow-x:auto;margin:9px 17px 12px;padding:3px 2px 7px;scroll-snap-type:x proximity;scrollbar-width:thin; }
.map-popup-thumbs button { flex:0 0 45px;width:45px;height:38px;padding:3px;background:#eeeadd;border:2px solid transparent;border-radius:5px;scroll-snap-align:start; }
.map-popup-thumbs button[aria-pressed=true] { border-color:var(--green); }
.map-popup-thumbs img { display:block;width:100%;height:100%;object-fit:contain; }
.map-popup-actions { display:flex;gap:7px;margin:12px 17px 16px; }
.map-popup-actions button,.map-popup-actions a { display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:6px;flex:1;padding:9px 8px;font-size:10px;text-align:center;line-height:1.4; }
.map-popup-actions button:first-child,.map-popup-actions a:first-child { background:var(--green);color:#fffdf3;border-color:var(--green); }
.map-popup-actions button:hover,.map-popup-actions a:hover { filter:brightness(.95); }
.map-popup-empty { padding:22px 18px; }
[data-theme=dark] .explorer-caption,[data-theme=dark] .explorer-controls { box-shadow:0 8px 30px #0003; }
[data-theme=dark] .map-postcard-image { background:#444638; }
@media(max-width:850px) {
  .explorer-view.has-popup .explorer-controls { visibility:hidden;pointer-events:none; }
  .explorer-view.has-popup .explorer-caption,
  .explorer-view.has-popup .explorer-home,
  .explorer-view.has-popup .leaflet-control-zoom { visibility:hidden;pointer-events:none; }
  .explorer-controls { top:18px;left:18px;width:320px;padding:18px; }
  .explorer-heading h1 { font-size:27px; }
  .explorer-caption { left:18px; }
  .catalog-map-options { gap:12px;flex-wrap:wrap; }
  .catalog-map-options>.text-link { font-size:11px; }
}
@media(max-width:600px) {
  .catalog-map-options { width:100%;justify-content:space-between; }
  .explorer-controls { top:12px;left:12px;right:12px;width:auto;padding:12px 13px;border-radius:10px; }
  .explorer-heading { margin-bottom:10px; }
  .explorer-heading h1 { font-size:23px;margin-top:0; }
  .explorer-heading .eyebrow { display:none; }
  .explorer-heading-symbol { font-size:26px;line-height:1; }
  .explorer-search-box input { height:44px; }
  .explorer-filter-row { margin-top:7px;gap:9px; }
  .explorer-filter-row select { min-height:38px;padding:8px 10px;font-size:11px; }
  .explorer-filter-row .text-button { min-height:38px; }
  .explorer-caption { left:12px;bottom:22px;max-width:calc(100% - 81px);padding:10px 12px;border-radius:8px; }
  #explorer-status { font-size:10px; }
  #explorer-hint { font-size:10px;max-width:240px; }
  .explorer-caption small { font-size:9px; }
  .explorer-home { right:12px;bottom:115px; }
  #explorer-map .leaflet-bottom.leaflet-right { right:2px;bottom:14px; }
  .map-postcard-image { height:139px;padding:10px; }
  .map-postcard h2 { font-size:21px;margin-top:11px; }
  .map-popup-meta { margin-top:8px;margin-bottom:8px; }
  .map-popup-nav { padding-top:7px;margin-top:7px; }
  .map-popup-nav button { min-height:36px; }
  .map-popup-thumbs { margin-top:7px;margin-bottom:8px; }
  .map-popup-actions { margin-top:8px;margin-bottom:12px; }
}
@media(max-height:620px) and (min-width:601px) {
  .explorer-controls { padding:15px;top:14px;left:14px; }
  .explorer-heading { margin-bottom:12px; }
  .explorer-caption { left:14px;bottom:20px;padding:10px 13px; }
  .map-postcard-image { height:110px; }
  .map-postcard .map-popup-description { display:none; }
  .map-popup-thumbs { margin-top:5px;margin-bottom:6px; }
}
.map-postcard .map-popup-value { margin:8px 17px;color:var(--orange);font-size:10px;line-height:1.5; }

/* Compact area badges open collections; they do not mark depicted buildings. */
.explorer-area-badge { display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;height:100%;padding:5px 9px;border:1.5px dashed #997349;border-radius:18px;background:#fff8e9;color:#5c4930;box-shadow:0 2px 7px #20372c22;font:600 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.explorer-area-badge>span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.explorer-area-badge>b { flex:none;font-size:11px;background:#ebdfc5;border-radius:9px;min-width:23px;padding:4px 5px;text-align:center; }
.explorer-icon:focus .explorer-area-badge,.explorer-area-badge:hover { border-style:solid;background:#ffefcc;box-shadow:0 2px 8px #20372c40; }
.explorer-controls { max-height:calc(100% - 150px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin; }
.explorer-controls:has(#explorer-suggestions:not([hidden])) { overflow:visible;z-index:660; }
.explorer-areas { margin-top:16px;padding-top:15px;border-top:1px solid var(--line); }
.explorer-areas h2 { margin:0 0 4px;font:600 13px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.explorer-areas>p,.explorer-areas>small { display:block;color:var(--muted);font-size:10px;line-height:1.5;margin:0 0 9px; }
.explorer-areas>small { margin:8px 0 0;font-size:9px; }
.explorer-area-list { display:grid;gap:6px;max-height:210px;overflow-y:auto;scrollbar-width:thin; }
.explorer-area-button { display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:7px;min-height:47px; }
.explorer-area-button:hover,.explorer-area-button[aria-expanded=true] { border-color:var(--green);background:var(--soft); }
.explorer-area-button>span:first-child { flex:1;min-width:0; }
.explorer-area-button strong { display:block;font-size:12px;line-height:1.4; }
.explorer-area-button small { display:block;font-size:9px;color:var(--muted);line-height:1.4; }
.explorer-area-button>b { font-size:12px; }
#explorer-areas-more { font-size:10px;min-height:36px; }
.explorer-collection { position:absolute;z-index:650;right:24px;top:24px;bottom:24px;width:410px;max-width:calc(100% - 48px);display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px #20372c26;overflow:hidden; }
.explorer-collection[hidden],.explorer-areas[hidden] { display:none; }
.collection-header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 18px 12px; }
.collection-header h2 { font-size:29px;line-height:1.1;margin:7px 0 5px; }
.collection-header .eyebrow { font-size:8px;letter-spacing:1.5px; }
#collection-context { margin:0;font-size:10px;color:var(--muted); }
#collection-close { flex:0 0 40px;width:40px;height:40px;border-radius:50%;font-size:25px;background:var(--soft); }
.collection-filter { padding:0 18px; }
#collection-parts-label { display:block;font-size:10px;font-weight:600; }
#collection-parts-label[hidden] { display:none; }
#collection-parts { display:block;width:100%;margin-top:6px;min-height:42px;font-size:12px;background:var(--bg);border-radius:6px; }
#collection-note { margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.5; }
#collection-status { margin:12px 18px 9px;font-size:11px;line-height:1.5;font-weight:500; }
.collection-items { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px 10px;flex:1;min-height:0;overflow-y:auto;padding:4px 18px 15px;overscroll-behavior:contain;scrollbar-width:thin; }
.collection-card { display:flex;flex-direction:column;gap:7px;min-width:0;background:transparent;border:0;padding:0;text-align:left;border-radius:5px; }
.collection-card-image { display:flex;align-items:center;justify-content:center;width:100%;height:113px;background:var(--soft);padding:7px;border:1px solid var(--line);border-radius:6px; }
.collection-card-image img { width:100%;height:100%;object-fit:contain; }
.collection-card:hover .collection-card-image { border-color:var(--green); }
.collection-card-description { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.5;min-height:30px; }
.collection-card-meta { display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;font-size:9px;color:var(--muted); }
.collection-card-meta strong { font-size:11px;color:var(--ink); }
.collection-empty { grid-column:1/-1;font-size:12px;line-height:1.6; }
.collection-pagination { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--line);font-size:11px; }
.collection-pagination button { width:44px;min-height:38px;background:var(--soft);border-radius:6px;font-size:20px; }
#collection-retry { margin:0 18px 15px; }
.has-collection #explorer-map .leaflet-bottom.leaflet-right { right:452px; }
.has-collection .explorer-home { right:452px; }
@media(max-width:1000px) and (min-width:851px) {
  .explorer-collection { width:350px;right:18px; }
  .has-collection #explorer-map .leaflet-bottom.leaflet-right,.has-collection .explorer-home { right:380px; }
}
@media(max-width:850px) {
  .explorer-view.has-collection .explorer-controls,.explorer-view.has-collection .explorer-caption,.explorer-view.has-collection .explorer-home,.explorer-view.has-collection .leaflet-control-zoom { visibility:hidden;pointer-events:none; }
  .explorer-collection { right:18px;top:18px;bottom:24px; }
}
@media(max-width:600px) {
  .explorer-controls { max-height:calc(100% - 135px); }
  .explorer-areas { margin-top:10px;padding-top:10px; }
  .explorer-area-list { max-height:105px; }
  .explorer-collection { left:12px;right:12px;top:12px;bottom:22px;width:auto;max-width:none; }
  .collection-header { padding:15px 14px 10px; }
  .collection-header h2 { font-size:26px; }
  .collection-filter { padding:0 14px; }
  #collection-status { margin-left:14px;margin-right:14px; }
  .collection-items { padding-left:14px;padding-right:14px; }
  .collection-card-image { height:100px; }
}