.ps-tour-modebar{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;margin:13px 0 0}
.ps-tour-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid #d8e0d0;border-radius:13px;background:#e9ede3}
.ps-tour-mode{min-height:40px;padding:9px 18px;border:0;border-radius:9px;background:transparent;color:#64745c;font-family:inherit;font-weight:500;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .16s,color .16s}
.ps-tour-mode[aria-pressed=true]{background:#fff;color:#25483b;box-shadow:0 2px 7px #203e2314}
/* Keep the mode switch and reset in separate grid cells on both map pages.
   Scope these rules above the shared shell/typography selectors so load order
   cannot shrink the switch back into the former plot-search field. */
#planSelector .ps-filters{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(270px,1.8fr) auto}
#planSelector .ps-filters>.ps-tour-modebar{grid-column:auto;min-width:0;width:100%;margin:0;align-self:end}
#planSelector .ps-filters>.ps-tour-modebar .ps-tour-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%;max-width:100%}
#planSelector .ps-filters>.ps-tour-modebar .ps-tour-mode{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px;white-space:normal;overflow-wrap:anywhere;line-height:1.5;text-align:center}
@media(max-width:1050px){
 #planSelector .ps-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
 #planSelector .ps-filters>.ps-tour-modebar{grid-column:1/-1}
 #planSelector .ps-filters>.ps-clear{grid-column:3;justify-self:end}
}
@media(max-width:760px){
 #planSelector .ps-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 #planSelector .ps-filters>.ps-filter-zone{grid-column:1}
 #planSelector .ps-filters>.ps-filter-status{grid-column:2}
 #planSelector .ps-filters>.ps-filter-area,#planSelector .ps-filters>.ps-tour-modebar{grid-column:1/-1}
 #planSelector .ps-filters>.ps-tour-modebar .ps-tour-switch{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 #planSelector .ps-filters>.ps-tour-modebar .ps-tour-mode{padding-inline:4px}
 #planSelector .ps-filters>.ps-clear{grid-column:1/-1;justify-self:end;max-width:100%;min-height:44px;white-space:normal}
}
.ps-tour-mode:focus-visible,.ps-tour-sector:focus-visible,.ps-tour-viewpoint:focus-visible{outline:3px solid #b99a62;outline-offset:3px}
#planSelector[data-tour=true]>.ps-filters,#planSelector[data-tour=true] .ps-legend,#planSelector[data-tour=true] .ps-detail,#planSelector[data-tour=true] #psParcels,#planSelector[data-tour=true] .ps-mobile-selection,#planSelector[data-tour=true] #psEmpty,#planSelector[data-tour=true] .ps-map-title{display:none!important}
#planSelector[data-tour=true] .ps-summary{padding-top:11px;padding-bottom:11px}
#planSelector[data-tour=true] .ps-layout{grid-template-columns:minmax(0,1fr)}
.ps-map-wrap{min-width:0}
.ps-tour-panel{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,2fr);gap:20px;position:static;width:100%;margin:0 0 12px;padding:16px;border:1px solid #dce4d3;border-radius:14px;background:#fbfcf7;color:#25483b}
.ps-tour-panel[hidden]{display:none!important}
.ps-tour-back{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #cdd9c4;border-radius:9px;background:#fff;color:#25483b;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;cursor:pointer}
.ps-tour-back:hover{background:#edf2e7}
.ps-tour-back:focus-visible{outline:3px solid #b99a62;outline-offset:3px}
.ps-tour-section-title{margin:0 0 10px;font-family:inherit;font-size:10px;font-weight:500;color:#738267;letter-spacing:.5px}
.ps-tour-sector-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.ps-tour-sector{min-width:0;min-height:35px;padding:7px 5px;border:1px solid #d4dfcb;border-radius:7px;background:#fff;color:#35533e;font:600 11px Arial,sans-serif;cursor:pointer}
.ps-tour-sector:hover{background:#eaf0e3;border-color:#9ab087}
.ps-tour-sector[aria-pressed=true]{background:#31553f;color:#fff;border-color:#31553f}
.ps-tour-panoramas{min-width:0;margin:0;padding:0 0 0 20px;border-left:1px solid #e0e7d8}
.ps-tour-viewpoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ps-tour-viewpoint{display:flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:52px;padding:4px 0;border:0;border-radius:8px;background:transparent;color:#2c4a3b;text-align:left;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer}
.ps-tour-viewpoint-photo{display:block;position:relative;flex-shrink:0;width:48px;height:48px;padding:2px;border:1px solid #a5b599;border-radius:50%;background:#fff;box-shadow:0 2px 7px #213d2a1c;transition:border-color .16s,transform .16s}
.ps-tour-viewpoint-photo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none}
.ps-tour-viewpoint-degree{position:absolute;right:-2px;bottom:-1px;padding:2px 4px;border:1px solid #f8f7ec;border-radius:7px;background:#dec68e;color:#2b4b38;font:700 7px Arial,sans-serif;pointer-events:none}
.ps-tour-viewpoint-label{min-width:0;line-height:1.55;overflow-wrap:anywhere}
.ps-tour-viewpoint:hover .ps-tour-viewpoint-photo{border-color:#b29860;transform:scale(1.04)}
.ps-map[data-tour=true] .ps-panorama-point{width:56px;height:66px;padding:3px 6px 15px}
.ps-map[data-tour=true] .ps-panorama-photo{left:6px;top:3px;width:44px;height:44px;border-width:2px;box-shadow:0 3px 10px #102d2670}
.ps-map[data-tour=true] .ps-panorama-photo svg{inset:10px;width:20px;height:20px}
.ps-map[data-tour=true] .ps-panorama-degree{left:6px;right:6px;bottom:8px;font-size:9px}
/* Fullscreen includes the top navigation, with the map taking the remaining
   height. The navigation stays separate from the interactive map canvas. */
.ps-map-wrap:fullscreen,.ps-layout:fullscreen .ps-map-wrap{display:flex;flex-direction:column;width:100%;height:100dvh;padding:12px;overflow:hidden;background:#f4f3ed}
.ps-map-wrap:fullscreen>.ps-tour-panel,.ps-layout:fullscreen .ps-tour-panel{flex:0 0 auto;max-height:40dvh;overflow:auto;margin-bottom:10px}
.ps-map-wrap:fullscreen>.ps-map,.ps-layout:fullscreen .ps-map-wrap>.ps-map{flex:1 1 0;height:auto;min-height:0;aspect-ratio:auto;border-radius:10px}
@media(max-width:760px){
 .ps-tour-modebar{margin-top:10px}
 .ps-tour-mode{min-height:38px;padding:9px 14px;font-size:11px}
 .ps-tour-panel{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
 .ps-tour-sectors{display:flex;align-items:center;gap:12px}
 .ps-tour-sectors .ps-tour-section-title{margin:0;font-size:9px}
 .ps-tour-sector-buttons{flex:1;gap:5px}
 .ps-tour-sector{min-height:38px;font-size:11px}
 .ps-tour-panoramas{padding:12px 0 0;border-left:0;border-top:1px solid #e0e7d8}
 .ps-tour-panoramas>.ps-tour-section-title{margin-bottom:8px;font-size:9px}
 .ps-tour-viewpoints{gap:10px}
 .ps-tour-viewpoint{flex-direction:column;gap:6px;padding:0;text-align:center;font-size:9px}
 .ps-tour-viewpoint-photo{width:42px;height:42px}
 .ps-tour-viewpoint-label{font-size:9px;line-height:1.4}
 /* Keep the mobile map as tall as before; the top panel adds its own space. */
 .standalone-map #planSelector[data-tour=true] .ps-layout:not(:fullscreen){height:auto}
 .standalone-map #planSelector[data-tour=true] .ps-layout:not(:fullscreen)>.ps-map-wrap{height:auto}
 .standalone-map #planSelector[data-tour=true] .ps-layout:not(:fullscreen) .ps-map{height:max(560px,78svh)}
 .ps-map-wrap:fullscreen,.ps-layout:fullscreen .ps-map-wrap{padding:8px}
}
@media(max-width:390px){.ps-tour-panel{padding:10px}.ps-tour-sectors{gap:8px}.ps-tour-section-title{font-size:9px}.ps-tour-viewpoint-photo{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.ps-tour-mode,.ps-tour-viewpoint-photo{transition:none}}