.hub-shell{flex-direction:column;display:flex}.hub-filters{z-index:30;background:var(--background);border-bottom:1px solid var(--border);flex:none;position:sticky;top:3.5rem}.hub-workspace{isolation:isolate;height:calc(100dvh - 7rem);min-height:0;display:flex;position:relative}.hub-map{width:45%;min-width:0;position:relative}.results-drawer{background:var(--background);flex-direction:column;width:55%;min-height:0;display:flex}.drawer-heading{background:var(--background);border-bottom:1px solid var(--border);flex:none}.drawer-scroll{overscroll-behavior-y:contain;flex:1;min-height:0;scroll-padding:1rem;overflow-y:auto}.drawer-grip,.drawer-view{display:none}.selected-map-listing{padding:0 1rem 1rem}.hub-map .maplibregl-ctrl-attrib{font-size:10px}.hub-map .maplibregl-ctrl-group{border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #22222218}.hub-map .maplibregl-ctrl-group button{width:44px;height:44px}.map-pin{border-color:#c9ced8;min-height:32px;padding:4px 10px;font-size:12px}.map-pin:focus-visible,.map-cluster:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.map-pin.is-selected{border-color:var(--primary)}@media (max-width:1023px){body:has(.hub-shell){flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}body:has(.hub-shell)>header{flex:none}body:has(.hub-shell)>[role=note]{flex:none}body:has(.hub-shell)>footer{display:none}.hub-page{flex:1;min-height:0}.hub-shell{height:100%;min-height:0}.hub-filters{position:relative;top:auto}.hub-workspace{flex:1;height:auto}.hub-map{width:100%;position:absolute;inset:0}.results-drawer{--drawer-peek-height:108px;--drawer-height:max(var(--drawer-peek-height), 50%);z-index:10;width:100%;height:var(--drawer-drag-height,var(--drawer-height));border-radius:24px 24px 0 0;max-height:100%;position:absolute;inset:auto 0 0;overflow:hidden;box-shadow:0 -4px 24px #22222218}.results-drawer[data-snap=peek]{--drawer-height:var(--drawer-peek-height)}.results-drawer[data-snap=full]{--drawer-height:100%;border-radius:0}.drawer-heading{border-radius:inherit}.drawer-grip{touch-action:none;cursor:ns-resize;justify-content:center;align-items:center;width:100%;height:44px;display:flex}.drawer-grip span{background:#b4bdca;border-radius:4px;width:36px;height:4px}.drawer-grip:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}.drawer-view{background:var(--foreground);min-height:44px;color:var(--background);border-radius:24px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.drawer-scroll{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.results-drawer[data-snap=peek] .drawer-scroll{visibility:hidden}.results-drawer[data-dragging=true] .drawer-scroll{pointer-events:none}.results-drawer[data-snap=half] .listing-card{grid-template-columns:112px minmax(0,1fr);min-height:156px;display:grid}.results-drawer[data-snap=half] .card-photos{aspect-ratio:auto;grid-area:1/1/3;height:100%}.results-drawer[data-snap=half] .listing-card-body{grid-area:1/2}.results-drawer[data-snap=half] .listing-card-badges{flex-flow:wrap;grid-area:2/2;align-self:end;padding:0 12px 12px;position:static}.results-drawer[data-snap=half] .listing-card .favorite-feedback{top:4px;left:4px;right:auto}.results-drawer[data-snap=half] :is(.listing-card-mdl,.listing-card-unit-price,.listing-card-median){display:none}.hub-map .maplibregl-ctrl-bottom-right,.hub-map .maplibregl-ctrl-bottom-left{bottom:max(50% + 8px,116px)}:is(.hub-workspace:has(.results-drawer[data-snap=peek]) .maplibregl-ctrl-bottom-right,.hub-workspace:has(.results-drawer[data-snap=peek]) .maplibregl-ctrl-bottom-left){bottom:116px}.hub-workspace:has(.results-drawer[data-snap=full]) .hub-map{visibility:hidden}}@media (prefers-reduced-motion:no-preference){.results-drawer{transition:height .24s cubic-bezier(.2,.75,.25,1),border-radius .24s}.results-drawer[data-dragging=true]{transition:none}}@media (max-width:1023px) and (max-height:500px){.results-drawer{--drawer-peek-height:64px;transition:none}.drawer-heading{padding-left:40px;position:relative}.drawer-heading>div{padding-top:4px;padding-bottom:4px}.drawer-grip{width:44px;height:100%;position:absolute;top:0;left:0}.drawer-grip span{width:20px}.hub-map .maplibregl-ctrl-bottom-right,.hub-map .maplibregl-ctrl-bottom-left{bottom:max(50% + 8px,72px)}:is(.hub-workspace:has(.results-drawer[data-snap=peek]) .maplibregl-ctrl-bottom-right,.hub-workspace:has(.results-drawer[data-snap=peek]) .maplibregl-ctrl-bottom-left){bottom:72px}.hub-filter-layout{align-items:center;gap:8px;padding-block:6px;display:flex}.hub-filter-primary{flex-shrink:0;margin-bottom:0}.hub-filter-location{max-width:min(35vw,180px)}body:has(.hub-shell)>[role=note]{padding:4px 12px;font-size:11px;line-height:16px}.map-tools[data-recovery=true]{z-index:5;inset:8px 8px auto}.map-recovery{align-items:center;gap:12px;width:100%;max-width:none;padding:6px 10px;display:flex}.map-recovery p{flex:1;font-size:12px;line-height:16px}.map-recovery button{flex-shrink:0;margin-top:0;font-size:12px}}
