.listing-display-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0}
.listing-display-toolbar .property-sort{margin:0;margin-left:auto}
.listing-view-toggle{display:none;gap:6px;align-items:center}
[data-view-ready] .listing-view-toggle{display:flex}
.listing-view-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line,#dce3eb);border-radius:6px;background:#fff;color:var(--ink,#142c3d);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.listing-view-toggle button[aria-pressed=true]{background:var(--blue,#147be0);color:#fff;border-color:var(--blue,#147be0)}
.listing-view-toggle button:focus-visible{outline:3px solid #85b9ed;outline-offset:2px}
.listing-grid[data-listing-view=tiles]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.listing-grid[data-listing-view=tiles] .card-excerpt{display:none}
@media(max-width:900px){.listing-grid[data-listing-view=tiles]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .listing-display-toolbar{gap:12px}.listing-display-toolbar .property-sort{margin-left:0;width:100%}.listing-display-toolbar .property-sort label{width:100%}.listing-view-toggle{width:100%}.listing-view-toggle button{flex:1}
 .listing-grid[data-listing-view=tiles]{grid-template-columns:minmax(0,1fr)}
 .listing-grid[data-listing-view=list] .listing-card{display:grid;grid-template-columns:108px minmax(0,1fr)}
 .listing-grid[data-listing-view=list] .card-media{min-width:0;position:relative}
 .listing-grid[data-listing-view=list] .card-image{height:100%;min-height:150px;aspect-ratio:auto}
 .listing-grid[data-listing-view=list] .card-body{padding:12px;min-width:0}
 .listing-grid[data-listing-view=list] h2{font-size:14px;line-height:1.4;margin:6px 0;overflow-wrap:anywhere}
 .listing-grid[data-listing-view=list] .card-price{position:static;font-size:17px}
 .listing-grid[data-listing-view=list] .card-location,.listing-grid[data-listing-view=list] .card-facts,.listing-grid[data-listing-view=list] .card-meta{font-size:11px;gap:6px}
 .listing-grid[data-listing-view=list] .card-excerpt{display:none}
 .listing-grid[data-listing-view=list] .card-meta{flex-wrap:wrap;margin-top:8px;padding-top:0}
 .listing-grid[data-listing-view=list] .card-price-group{flex-wrap:wrap}
}