/* Map and list remain visible within the common application frame. */
.explorer-toolbar { display: none; }
.places-list { overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; }
.place-card.is-selected { background: var(--green-light); border-radius: 6px; }
.map-pin.is-selected { background: var(--orange); box-shadow: 0 0 0 4px #b65a3533; }
.overview-action { width: auto; padding: 0 10px; font-size: 11px; }
.map-top { gap: 5px; }
@media screen {
  html[data-explorer-active] #content { display: flex; flex-direction: column; overflow: hidden; }
  html[data-explorer-active] .account-banner { flex: none; }
  html[data-explorer-active] .map-layout {
    display: grid; grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(160px, 34%) minmax(0, 1fr);
    flex: 1; min-height: 0; height: auto; max-height: none; width: 100%;
    border: 0; border-radius: 0;
  }
  html[data-explorer-active] .map-frame {
    grid-column: 1; grid-row: 1; order: 0; width: 100%; height: 100%;
    min-height: 0; max-height: none; border: 0; border-radius: 0;
  }
  html[data-explorer-active] .places-panel {
    grid-column: 1; grid-row: 2; order: 1; display: flex; flex-direction: column;
    min-height: 0; overflow: hidden; border: 0;
  }
  html[data-explorer-active] .explorer-toolbar {
    display: flex; flex: none; align-items: center; justify-content: space-between;
    gap: 8px; padding: 0 8px; min-height: 44px; min-width: 0;
  }
  html[data-explorer-active] #explorer-filters-toggle {
    display: inline-flex; align-items: center; gap: 6px;
    min-height: 44px; font-size: 13px; padding: 0 4px;
  }
  #explorer-count { font-size: 11px; color: var(--muted); white-space: nowrap; }
  html[data-explorer-active] .panel-controls {
    flex: none; max-height: 55%; overflow: auto; overscroll-behavior: contain; padding: 6px 10px 10px;
  }
  html[data-explorer-active] .panel-controls .section-kicker,
  html[data-explorer-active] .list-heading { display: none; }
  html[data-explorer-active] .places-list {
    flex: 1; min-height: 0; max-height: none; overflow: auto; padding: 0 8px 8px;
  }
  html[data-explorer-active] .place-card { padding: 10px 2px; }
  html[data-explorer-active] .place-card-button { padding: 0; }
  html[data-explorer-active] .place-card h3 { font-size: 14px; }
  html[data-explorer-active] .place-card p { font-size: 11px; }
  html[data-explorer-active] .map-label { display: none; }
  html[data-explorer-active] .map-top { justify-content: flex-end; }
  html[data-explorer-active] .map-note { font-size: 9px; }
  html[data-explorer-active] .map-bottom > span { display: none; }
  html[data-explorer-active] #offline-map { padding: 12px; }
  html[data-explorer-active] #offline-map h3 { font-size: 22px; }
  html[data-explorer-active] .is-offline .map-frame { overflow: auto; }

  html[data-explorer-active]:is([data-phone-landscape], [data-explorer-wide]) .map-layout {
    grid-template-columns: minmax(240px, 55%) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr);
  }
  html[data-explorer-active]:is([data-phone-landscape], [data-explorer-wide]) .places-panel { grid-column: 1; grid-row: 1; }
  html[data-explorer-active]:is([data-phone-landscape], [data-explorer-wide]) .map-frame { grid-column: 2; grid-row: 1; }
}