/* Keep panel navigation outside the scroller, with identical geometry in every tab. */
.explorer, .market-open .explorer {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}
.explorer > .panel-tabs, .market-open .explorer > .panel-tabs {
  position: relative;
  inset: auto;
  flex: 0 0 auto;
  margin: 0;
  padding: 12px 14px;
  gap: 5px;
  border: 0;
  border-bottom: 1px solid #a18b5d40;
  border-radius: 0;
  min-height: 74px;
  z-index: 4;
}
.explorer > .panel-tabs button {
  min-width: 0;
  height: 49px;
  padding: 9px 3px;
  line-height: 1.5;
  white-space: nowrap;
}
.explorer-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-anchor: none;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #b7a582 transparent;
  padding: 20px 22px 72px;
}
.market-open .explorer-content { padding-bottom: 24px; }
.market-heading h2 { margin-top: 0; }
.panel-footer { pointer-events: auto; }
.legend { pointer-events: auto; max-width: 650px; gap: 9px 15px; }
.legend i { width: 10px; height: 10px; border: 1px solid #65583c30; }
.legend button { color: #69502c; background: #eadebf; border-radius: 4px; font-size: 16px; padding: 4px 7px; }
.market-open .legend { display: flex; }
.zoning-key { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; font-size: 16px; }
.zoning-key span { display: flex; gap: 9px; align-items: center; }
.zoning-key i { width: 20px; height: 20px; border: 1px solid #65583c40; border-radius: 4px; }
@media (min-width: 1121px) {
  :root { --sidebar: 430px; }
  .market-open .explorer { width: var(--sidebar); }
  .market-open #map { right: var(--sidebar); }
  .market-open .map-bottom { right: calc(var(--sidebar) + 24px); }
}
@media (min-width: 761px) and (max-width: 1120px) {
  .explorer-content { padding-inline: 18px; }
  .explorer > .panel-tabs button { font-size: 16px; }
  .explorer > .panel-tabs { padding-inline: 9px; }
}
@media (max-width: 760px) {
  .explorer, .market-open .explorer { display: none; padding: 0; }
  .explorer.is-open, .market-open .explorer.is-open { display: flex; }
  .explorer > .panel-tabs, .market-open .explorer > .panel-tabs { padding: 9px 12px; min-height: 68px; }
  .explorer-content, .market-open .explorer-content { padding: 18px 18px 100px; }
  .explorer > .panel-tabs button { font-size: 16px; }
  .legend { font-size: 16px; gap: 5px 11px; padding: 8px 10px; }
  .legend button { font-size: 16px; }
  .map-bottom { bottom: 108px; gap: 5px; }
  .map-bottom #mapStatus { max-width: 100%; font-size: 16px; }
}
@media (max-width: 360px) {
  .explorer > .panel-tabs button { font-size: 16px; }
  .panel-tabs span { margin-inline-start: 2px; padding-inline: 2px; }
}
@media print { .explorer, .market-open .explorer { display: none; } }

/* Unified cartography: same land-use meaning at overview and parcel scale. */
#legendItems{display:flex;gap:9px 14px;flex-wrap:wrap;align-items:center}
#legendItems span{display:flex;gap:5px;align-items:center}
#legendMode{font-size:16px;font-weight:600;color:#334a3f;border-inline-end:1px solid #cec5ae;padding-inline-end:10px}
.color-mode{display:grid!important;gap:7px!important}.color-mode select{width:100%;font:inherit;padding:8px;border:1px solid #bbaa8d;border-radius:7px;background:#fffdf5;color:#283f34}
#dealKey{display:flex;align-items:center;gap:7px;background:#fffcf2ed;color:#244d3d;border:1px solid #d0cfbf;border-radius:7px;padding:6px 10px;font-size:16px;pointer-events:auto}
#dealKey[hidden]{display:none}#dealKey i{width:14px;height:14px;border-radius:100%;background:#30a98b;border:2px solid white;box-shadow:0 0 0 1px #31836c}
.deal-popup{font-family:Tahoma,Arial,sans-serif;padding:9px 4px;color:#244b3f;line-height:1.7}.deal-popup b{font-size:22px}.deal-popup p{margin:5px 0;font-size:16px}.deal-popup small{font-size:16px;color:#637069;display:block}.deal-popup button{display:block;width:100%;margin-top:12px;background:#1e6552;color:white;border:0;border-radius:7px;padding:9px;font:inherit;cursor:pointer}
.maplibregl-popup-content{border-radius:12px!important;box-shadow:0 5px 24px #152a2838!important}.maplibregl-popup-close-button{font-size:22px;left:4px;right:auto}
.floating-panel{max-height:calc(100% - 80px);overflow-y:auto}
@media(max-width:760px){.legend{gap:6px;padding:8px 10px}#legendItems{gap:5px 10px;justify-content:center}#legendMode{font-size:16px}.legend #legendItems span:nth-child(n+4){display:none}#dealKey{font-size:16px;padding:5px 7px}.map-bottom #mapStatus{display:none}.map-heading{max-width:calc(100% - 40px)}.detail-open #dealKey{display:none}}