/* Approved reference composition. Original hero and existing control IDs retained. */
:root{--layout-navy:#0f2d4a;--layout-green:#2e6b4f;--layout-clay:#b44b3c;--layout-paper:#fffdf9;--layout-line:#e7e2d9}
body{background:#f8f6f1}
main{max-width:1400px;padding:0 28px 60px}
.nav{max-width:1400px;min-height:82px;margin:auto;padding:12px 28px;gap:18px}
.brand{font-size:30px}.brand-tagline{letter-spacing:.08em;font-size:9px}
.desktop-nav{gap:22px}.desktop-nav a{font-size:14px}
.hero{min-height:390px;margin:0;padding:46px 58px 125px;border-radius:0;background-image:linear-gradient(90deg,rgba(255,248,235,.94),rgba(255,248,235,.65) 35%,transparent 70%),url('/static/groningen-skyline.webp');background-position:center,center 54%;background-size:cover;background-repeat:no-repeat;box-shadow:none}
.hero h1{font-size:clamp(48px,5.2vw,72px);line-height:1.03;font-weight:600;max-width:670px;letter-spacing:-.035em;margin:0 0 12px}
.hero p{font-size:20px;line-height:1.4;max-width:520px!important}
.search-panel{position:relative;margin:-66px 24px 0!important;padding:20px 18px 14px!important;min-height:0!important;border-radius:0 14px 14px 14px;box-shadow:0 8px 24px #18354a0b;z-index:3}
.market-tabs{position:absolute;bottom:calc(100% - 1px);left:-1px;display:flex;gap:3px;max-width:100%}
.market-tabs button{padding:13px 25px;min-height:44px;border:1px solid var(--layout-line);border-bottom:0;border-radius:12px 12px 0 0;background:#f4f2ed;color:var(--layout-navy);font:600 13px var(--wr-interface);white-space:nowrap;cursor:pointer}
.market-tabs button[aria-pressed=true]{background:var(--layout-paper);box-shadow:inset 0 -2px var(--layout-clay)}
.market-tabs button:disabled{color:#647587;cursor:default;opacity:1}
.search-panel #marketChoice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.search-panel .filters{display:grid!important;grid-template-columns:minmax(190px,1.6fr) minmax(130px,1fr) minmax(150px,1.2fr) minmax(145px,1.1fr) 154px!important;align-items:center;gap:0!important;margin:0!important}
.search-panel .filters>div{padding:3px 16px 0 36px;border-right:1px solid var(--layout-line);min-width:0;border-radius:0;background:none}
.search-panel .filters>div>label:not(.outdoor-choice){position:static!important;display:block!important;width:auto!important;height:auto!important;clip-path:none!important;overflow:visible!important;font-size:11px!important;font-weight:700;margin:0 0 4px;white-space:normal}
.search-panel .search-field-icon{left:10px;top:calc(50% + 9px);width:18px;height:18px}
.search-panel .filters input,.search-panel .filters select{min-height:36px;height:36px;padding:4px 0;font-size:13px!important}
.search-panel .type-picker summary,.search-panel .price-picker>summary{min-height:40px;height:40px;padding:6px 0;font-size:13px}
.search-panel .type-picker summary{display:flex;align-items:center;justify-content:space-between}
.search-panel .search-rent:before{content:'Prijs';font-size:11px;font-weight:700;display:block;line-height:1.3}
html[lang=en] .search-panel .search-rent:before{content:'Price'}
.search-panel .primary-search{margin:0 0 0 16px!important;min-height:48px;min-width:0;border-radius:8px;font-size:14px!important;font-weight:600;box-shadow:none}
.search-panel .primary-search:after{content:' →';margin-left:8px}
.search-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:17px;padding-top:14px;border-top:1px solid #eee9e0;position:relative}
.search-secondary .more-filters{position:relative;margin:0!important;padding:0!important;flex:0 0 auto}
.search-secondary .more-filters>summary{padding:10px 12px;min-height:44px;font-size:12px;font-weight:600;list-style:none;border:1px solid var(--layout-line);border-radius:8px;width:auto;z-index:1}
.search-secondary .more-filters>summary:before{content:'☷';margin-right:7px;font-size:16px}
.search-secondary .more-filters[open]{z-index:50}
.search-secondary .extra-filters{margin:0}
.search-secondary .more-filters[open]>.extra-filters{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:var(--layout-paper);border:1px solid var(--layout-line);padding:16px;border-radius:10px;box-shadow:0 10px 26px #16354a20}
.search-secondary .more-filters-body{display:none}
.quick-filters{display:flex;flex:1;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.quick-filters>div{display:flex;align-items:center;gap:6px;padding:7px 10px;min-height:44px;border:1px solid var(--layout-line);border-radius:8px;background:#f8f7f4;position:relative;min-width:0}
.quick-filters label{font-size:11px;font-weight:600;line-height:1.25;margin:0!important;color:var(--layout-navy);white-space:nowrap}
.quick-filters .search-outdoor .search-field-icon{display:none}
.quick-filters .outdoor-choice{display:flex;align-items:center;gap:6px}
.quick-filters input,.quick-filters select{background:transparent;border:0;box-shadow:none;border-radius:0;color:var(--layout-navy);font:12px var(--wr-interface);padding:3px 0;min-height:28px;max-width:160px;width:auto;cursor:pointer}
.quick-filters #minSurface{width:58px;min-width:42px;cursor:text}
.quick-filters #occupants{max-width:105px}.quick-filters #incomePolicy{max-width:155px}
.search-panel .search-submit-row{position:static!important;display:flex!important;flex:0 0 auto;margin:0!important;width:auto;min-height:0;pointer-events:auto!important}
.search-panel .search-submit-row .reset-filters-button{min-height:40px!important;max-width:none;padding:8px!important;font-size:11px;color:#536776}
.search-panel .save-row{margin:0!important;flex:0 0 auto}
.search-panel .save-row:has(button[hidden]){display:none!important}
.search-panel .save-row button{padding:9px 12px!important;min-height:42px!important;font-size:12px!important;background:transparent!important;color:var(--layout-navy)!important;border:1px solid #c5d0d5;box-shadow:none;border-radius:8px}
.benefits-strip{margin:0 24px 22px;padding:26px 0 24px;gap:14px;border-bottom:1px solid var(--layout-line)}
.benefits-strip>div{justify-content:flex-start;gap:15px}.benefits-strip strong{font-size:13px;font-weight:650}.benefits-strip small{font-size:11px}.benefits-strip>div>span{flex:0 0 34px}
.housing-results{margin:0 24px}.housing-results .results-header{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:6px 16px;margin:0 0 20px;padding:0;position:relative}
.housing-results .offer-heading{font:700 27px/1.25 var(--wr-interface);grid-column:1;grid-row:1;margin:0!important;flex-basis:auto}
.housing-results #count{grid-column:1;grid-row:2;font-size:14px;font-weight:400;margin:0}
.results-views{display:flex;align-items:center;gap:6px;grid-column:2;grid-row:1/3}
.results-views button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid var(--layout-line);border-radius:8px;background:var(--layout-paper);font:600 13px var(--wr-interface);color:var(--layout-navy);cursor:pointer}
.results-views button[aria-pressed=true]{background:var(--layout-green);color:#fff;border-color:var(--layout-green)}
.housing-results .sort-control{grid-column:3;grid-row:1/3;display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap;margin:0}
.housing-results .sort-control select{min-height:42px;border:1px solid var(--layout-line);border-radius:8px;background:var(--layout-paper);font:13px var(--wr-interface);color:var(--layout-navy);padding:8px 10px;max-width:195px}
.housing-results .refresh{grid-column:4;grid-row:1/3;font-size:12px;padding:8px;min-height:42px}
.results-body{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.results-list{min-width:0}.results-list .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.housing-results[data-map=true] .results-body{grid-template-columns:minmax(0,1fr) minmax(280px,29%)}
.housing-results[data-map=true] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.housing-results .map-section{position:sticky;top:20px;margin:0;padding:12px;background:#edf1e9;border:1px solid var(--layout-line);border-radius:12px;min-width:0}
.housing-results .map-top h2{font:700 15px var(--wr-interface);margin:0}.housing-results .map-top p{display:none}.housing-results .map-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.housing-results .map-section #mapToggle{font-size:11px;padding:6px 9px;min-height:36px}
.map-move-choice{display:flex;align-items:center;gap:7px;font-size:12px;margin:12px 0;line-height:1.4}.map-move-choice input{width:17px;height:17px;accent-color:var(--layout-green)}
.housing-results #woningMap{height:490px;min-height:340px;margin-top:10px;border-radius:8px}.housing-results #mapNotice{font-size:11px;line-height:1.4;margin:8px 0}
.card{background:var(--layout-paper);border:1px solid var(--layout-line);box-shadow:0 3px 12px #19374b08;border-radius:12px;overflow:hidden}
.card .image-wrap{aspect-ratio:1.6;overflow:hidden}.card .image-wrap img{height:100%;object-fit:cover}.card .content{padding:16px}.card .price{font-size:18px;font-weight:750}.card .tag{font-size:11px;padding:5px 7px;border-radius:7px;background:#eef2eb}.card .address{font-size:15px}.card .city{font-size:12px}
.housing-results[data-compact=true] .grid{grid-template-columns:minmax(0,1fr)}
.housing-results[data-compact=true] .card{display:grid;grid-template-columns:220px minmax(0,1fr)}
.housing-results[data-compact=true] .card .image-wrap{height:100%;min-height:200px;aspect-ratio:auto;border-radius:0}
.housing-results[data-compact=true] .card .content{padding:16px 20px}.housing-results[data-compact=true] .card .details{margin:8px 0}
.search-panel [hidden],.housing-results [hidden]{display:none!important}
.search-panel button:focus-visible,.results-views button:focus-visible,.quick-filters input:focus-visible,.quick-filters select:focus-visible{outline:3px solid #b17b30;outline-offset:3px}
html[data-view=profile] .market-tabs{display:none}html[data-view=profile] .search-panel{border-radius:14px}
@media(max-width:1150px){.nav{gap:10px}.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.hero{padding:44px 40px 125px}.search-panel .filters{grid-template-columns:minmax(170px,1.5fr) minmax(100px,1fr) minmax(130px,1fr) minmax(120px,1fr) 140px!important}.quick-filters{flex-basis:80%}.search-secondary .more-filters{align-self:flex-start}.housing-results .results-header{gap:8px 10px}.housing-results .sort-control{display:block;font-size:0}.housing-results[data-map=true] .results-body{grid-template-columns:minmax(0,1fr) 300px}.housing-results[data-map=true] .grid{grid-template-columns:1fr}}
@media(max-width:800px){main{padding:0 14px 45px}.nav{padding:10px 16px}.hero{min-height:350px;padding:32px 30px 110px}.hero h1{font-size:54px}.hero p{font-size:17px}.search-panel{margin:-60px 12px 0!important;padding:15px!important}.search-panel .filters{grid-template-columns:1fr 1fr!important;gap:10px!important}.search-panel .filters .search-location{grid-column:1/-1!important}.search-panel .filters .search-type,.search-panel .filters .search-rent{grid-column:auto}.search-panel .filters>div{border:1px solid var(--layout-line);padding:8px 12px 0 36px;border-radius:8px}.search-panel .filters .primary-search{grid-column:1/-1!important;margin:0!important;width:100%;min-height:46px}.search-panel .filters input,.search-panel .filters select{font-size:16px!important}.search-secondary{gap:9px;margin-top:12px;padding-top:12px}.quick-filters{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;order:0}.quick-filters>div{display:block;padding:8px 10px;min-width:0}.quick-filters label{display:block;white-space:normal}.quick-filters .outdoor-choice{display:block}.quick-filters input,.quick-filters select{width:100%;max-width:100%!important;font-size:16px;min-height:34px}.quick-filters #minSurface{width:100%}.search-secondary .more-filters{order:1}.search-secondary .search-submit-row{order:2}.search-secondary .save-row{order:3;margin-left:auto!important}.search-secondary .more-filters[open]>.extra-filters{top:auto;bottom:calc(100% + 10px);min-width:min(280px,calc(100vw - 60px))}.benefits-strip{margin:0 12px 22px;padding:24px 0;grid-template-columns:1fr 1fr;gap:20px 12px}.benefits-strip>div{flex-direction:row;text-align:left;align-items:flex-start;gap:10px}.benefits-strip strong{font-size:12px}.benefits-strip small{font-size:10px}.housing-results{margin:0 12px}.housing-results .results-header{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}.housing-results .offer-heading{font-size:24px}.results-views{grid-column:2;grid-row:1/3}.results-views button{padding:8px 10px;font-size:12px}.housing-results .sort-control{grid-column:1;grid-row:3;display:flex;font-size:11px;gap:8px}.housing-results .sort-control select{max-width:160px;font-size:12px}.housing-results .refresh{grid-column:2;grid-row:3;justify-self:end}.housing-results[data-map=true] .results-body{display:flex;flex-direction:column}.housing-results[data-map=true] .map-section{order:-1;width:100%;position:relative;top:0}.housing-results[data-map=true] .results-list{width:100%}.housing-results #woningMap{height:350px;min-height:300px}.results-list .grid,.housing-results[data-map=true] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.housing-results[data-compact=true] .grid{grid-template-columns:1fr}.housing-results[data-compact=true] .card{grid-template-columns:160px minmax(0,1fr)}.housing-results[data-compact=true] .card .image-wrap{min-height:190px}}
@media(max-width:500px){.brand{font-size:25px}.hero{min-height:315px;padding:27px 24px 110px;background-position:center,57% center}.hero h1{font-size:clamp(36px,9vw,43px);max-width:350px}.hero p{font-size:15px;max-width:285px!important}.market-tabs button{font-size:12px;padding:11px 17px}.search-panel{margin:-45px 7px 0!important;padding:12px!important}.search-panel .filters .search-radius{grid-column:1/-1}.search-panel .filters .search-radius label{margin-bottom:0}.search-panel .filters .search-radius{display:flex;align-items:center;gap:12px;padding:5px 12px}.search-panel .filters .search-radius select{width:auto;flex:1}.search-panel .filters .search-radius #customRadius{max-width:90px}.search-panel .filters .search-radius .search-field-icon{display:none}.search-panel .type-picker summary,.search-panel .price-picker>summary{font-size:14px}.quick-filters .advanced-field:last-child{grid-column:1/-1}.quick-filters .advanced-field:last-child{display:flex;align-items:center;gap:12px}.quick-filters .advanced-field:last-child select{width:auto;min-width:0}.benefits-strip{margin:0 7px 20px;gap:17px 12px}.benefits-strip>div>span{flex-basis:25px;width:25px}.housing-results{margin:0 7px}.housing-results .offer-heading{font-size:22px}.housing-results #count{font-size:12px}.results-views{gap:4px}.results-views button{padding:8px;min-height:42px}.results-list .grid,.housing-results[data-map=true] .grid{grid-template-columns:1fr}.housing-results[data-compact=true] .card{grid-template-columns:112px minmax(0,1fr)}.housing-results[data-compact=true] .card .content{padding:12px}.housing-results[data-compact=true] .card .price{font-size:16px}.housing-results[data-compact=true] .card .details{display:flex;flex-wrap:wrap}.housing-results[data-compact=true] .card .image-wrap{min-height:210px}.housing-results .sort-control select{max-width:155px}}
/* Compact secondary controls without shrinking their touch areas. */
@media(min-width:801px){.quick-filters>div{display:block;flex:1 1 105px;max-width:170px;padding:5px 10px}.quick-filters label{font-size:10px}.quick-filters .outdoor-choice{display:block}.quick-filters input,.quick-filters select{display:block;width:100%;max-width:100%!important;min-height:30px;font-size:12px}.quick-filters #minSurface{width:100%}.quick-filters{flex-basis:0;flex-wrap:nowrap}.search-secondary .more-filters{align-self:center}}
.search-panel .filters .price-popover input,.search-panel .filters .price-popover select{min-height:44px;height:auto;padding:8px}
@media(max-width:800px){.quick-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:8px;padding-bottom:5px}.quick-filters>div{display:block!important;flex:0 0 145px;scroll-snap-align:start}.quick-filters input,.quick-filters select{width:100%!important;min-height:44px}.quick-filters .advanced-field:last-child select{width:100%}.quick-filters label{font-size:11px}.search-secondary{gap:8px}.search-secondary .save-row{margin-left:0!important}}
@media(min-width:1250px){.housing-results[data-map=true]:not([data-compact=true]) .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:800px){.search-panel .search-secondary>.primary-search{flex:0 0 100%;width:100%;margin:2px 0 0!important;order:4;min-height:46px}.search-panel .filters{grid-template-columns:1fr 1fr!important}}

/* Four cards in the regular desktop list; map and compact modes stay distinct. */
@media(min-width:1100px){.housing-results[data-map=false]:not([data-compact=true]) .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Quiet map canvas with a photo preview, not a scrolling stack of text. */
@media(min-width:801px){.housing-results[data-map=true] .results-body{grid-template-columns:minmax(0,1fr) minmax(340px,42%)}.housing-results[data-map=true]:not([data-compact=true]) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.housing-results .map-section{background:var(--layout-paper);padding:12px;border-color:#d9e1df;box-shadow:0 3px 14px #0f2d4a08}
.map-price-marker>span{background:#fffdf9;color:var(--layout-navy);border:1.5px solid var(--layout-navy);font:700 12px/20px var(--wr-interface);box-shadow:0 2px 6px #0f2d4a24;padding:4px 8px}
.map-group-marker>span{background:var(--layout-navy);color:#fff;border-color:#fffdf9}
.map-price-marker:hover>span,.map-price-marker:focus>span{background:var(--layout-clay);color:#fff;border-color:var(--layout-clay)}
.housing-preview-popup .leaflet-popup-content-wrapper{padding:0;border-radius:12px;overflow:hidden;box-shadow:0 5px 25px #0f2d4a30}
.housing-preview-popup .leaflet-popup-content{margin:0!important;width:250px!important;max-width:calc(100vw - 92px);font-family:var(--wr-interface);line-height:1.4}
.housing-preview-popup .leaflet-popup-close-button{background:#fffdf9;color:var(--layout-navy);border-radius:50%;top:6px;right:6px;width:28px;height:28px;font-size:22px}
.map-preview-image{display:block;width:100%;height:115px;object-fit:cover;background:#ece9e0}
.map-preview-body{padding:12px 14px}.map-preview-price{font-size:17px;font-weight:800;color:var(--layout-navy);margin-bottom:5px}.map-preview-body strong{display:block;font-size:14px;color:var(--layout-navy)}
.map-preview-details{font-size:12px;color:#536776;margin:5px 0 8px!important}.map-preview-body a{font-size:12px;color:var(--layout-clay);min-height:30px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.map-preview>p{font-size:11px;margin:0!important;padding:8px 14px;color:#536776;background:#f4f2ed}
.map-preview .map-result-pages{margin:0;padding:0 12px 10px;gap:10px}.map-preview .map-result-pages button{font:600 12px var(--wr-interface);min-height:40px;border:1px solid #d6dedf;border-radius:6px;padding:6px 14px;background:#fffdf9;color:var(--layout-navy)}
.map-preview .map-result-pages button:focus-visible{outline:3px solid #b17b30;outline-offset:2px}

/* Compact controls follow the selected reference without hiding their inputs. */
.quick-filters{overflow:visible!important;flex-wrap:wrap!important;gap:8px}.quick-filter-picker{position:relative;flex:0 1 auto;min-width:0}
.quick-filter-picker>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border:1px solid #e7e2d9;border-radius:7px;background:#f7f7f3;min-height:44px;padding:9px 12px;font:600 12px var(--wr-interface);color:#0f2d4a;white-space:nowrap}
.quick-filter-picker>summary::-webkit-details-marker{display:none}.quick-filter-picker>summary:after{content:'⌄';margin-left:8px}.quick-filter-picker[data-active=true]>summary{border-color:#809c8a;background:#eef3ed}.quick-filter-icon{font-size:18px;color:#2e6b4f;line-height:1}
.quick-filter-picker[open]{z-index:60}.quick-filter-picker>summary:focus-visible{outline:3px solid #b17b30;outline-offset:2px}
.quick-filter-popover{position:absolute;top:calc(100% + 8px);left:0;width:230px;max-width:calc(100vw - 65px);padding:15px;border:1px solid #dfded3;border-radius:9px;background:#fffdf9;box-shadow:0 8px 26px #0f2d4a20}
.quick-filter-popover>div{display:block!important;padding:0!important;border:0!important;background:none!important;min-width:0;max-width:none!important}
.quick-filter-popover label{display:block!important;font-size:12px!important;white-space:normal;margin-bottom:7px!important}.quick-filter-popover select,.quick-filter-popover input{display:block;width:100%!important;max-width:100%!important;min-height:44px!important;font-size:16px!important;border:1px solid #d5dcd7!important;border-radius:6px!important;padding:8px!important;background:#fffdf9!important}.quick-filter-popover .search-field-icon{display:none}.matching-note{font-size:12px;line-height:1.5;color:#536776;margin:0 0 14px}
@media(min-width:801px){.quick-filters{flex-basis:auto!important}.search-panel .search-secondary{gap:8px}.search-panel .search-rent:before{content:'Prijs'}html[lang=en] .search-panel .search-rent:before{content:'Price'}.search-panel .filters{grid-template-columns:minmax(190px,1.35fr) minmax(120px,.9fr) minmax(160px,1.15fr) minmax(145px,1fr) 164px!important}.search-panel .filters>div{padding-left:34px}.search-panel{padding:20px 20px 14px!important;border-radius:0 16px 16px 16px}}
@media(max-width:800px){.quick-filters{display:flex!important;flex-basis:100%;overflow:visible!important}.quick-filter-picker{flex:1 1 135px}.quick-filter-picker>summary{width:100%;justify-content:space-between;white-space:normal}.quick-filter-picker:nth-child(even) .quick-filter-popover{left:auto;right:0}.quick-filter-icon{flex:0 0 18px}.quick-filter-popover>div{flex:auto!important}}

/* Full search width, readable brand line, and one direct independence choice. */
.search-panel{margin-left:0!important;margin-right:0!important}.brand-tagline{font-size:11px;line-height:1.4;letter-spacing:.07em}
.quick-filters .independence-choice{display:flex!important;align-items:center;gap:8px;border:1px solid var(--layout-line);background:#f7f7f3;border-radius:7px;padding:9px 12px;min-height:44px;font:600 12px var(--wr-interface)!important;cursor:pointer;white-space:normal}
.quick-filters .independence-choice input{display:inline-block!important;width:18px!important;min-width:18px;height:18px!important;min-height:18px!important;max-width:18px!important;accent-color:#2e6b4f;cursor:pointer}
@media(max-width:800px){.quick-filters .independence-choice{flex:1 1 135px}.brand-tagline{font-size:10px}}
.quick-filters .independence-choice:before{display:none}.quick-filters .independence-choice input{position:static!important;opacity:1!important;pointer-events:auto;appearance:auto;margin:0!important;padding:0!important}

/* One calm, in-flow filter panel. Never position these fields over page content. */
.search-panel .search-secondary{display:flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:0}
.search-panel .search-secondary .all-filters{position:static!important;flex:1 1 100%;order:0;min-width:0}
.search-panel .all-filters>summary{display:inline-flex!important;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #dddcd2;border-radius:7px;background:#fffdf9;color:#0f2d4a;cursor:pointer;font:600 13px var(--wr-interface)}
.search-panel .all-filters:not([open])>:not(summary){display:none!important}
.search-panel .all-filters[open]>.extra-filters{position:static!important;display:flex!important;width:auto!important;min-width:0;max-width:none;box-shadow:none;padding:14px 0 0;border:0;background:none;transform:none}
.search-panel .all-filters .quick-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;padding:14px 0 6px;overflow:visible!important}
.search-panel .all-filters .quick-filters>div{display:block!important;max-width:none!important;padding:0!important;border:0;background:none;min-width:0}
.search-panel .all-filters .quick-filters label{display:block!important;font-size:12px!important;white-space:normal;margin-bottom:6px!important}
.search-panel .all-filters .quick-filters input,.search-panel .all-filters .quick-filters select{display:block!important;min-height:44px!important;width:100%!important;max-width:100%!important;border:1px solid #d6ddd8;border-radius:7px;padding:9px!important;background:#fffdf9;font-size:16px!important}
.search-panel .all-filters .search-field-icon{display:none!important}.search-panel .all-filters .outdoor-choice{display:block!important}
.search-panel .search-secondary>.primary-search{order:4}.search-panel .search-submit-row{margin-left:auto!important}
.search-panel .type-popover,.search-panel .price-popover{position:static!important;width:auto;max-width:none;box-shadow:none;margin-top:10px;min-width:0}
.search-panel .filters{align-items:start}.search-panel .filters>div{height:auto!important}.search-panel .filters .search-field-icon{display:none}
.search-panel .filters>div{padding-left:14px!important}
.housing-results{padding-top:26px}
/* Compact cards: remove empty reserved slots instead of shrinking text. */
.housing-results:not([data-compact=true]) .card .image-wrap{aspect-ratio:1.85}
.housing-results .card .content{padding:13px;gap:0}
.housing-results .card .details{min-height:0;margin:9px 0;gap:5px}
.housing-results .card .tag{padding:4px 6px;line-height:1.35}
.housing-results .card .availability-slot{min-height:0}
.housing-results .card .availability-slot:empty{display:none}
.housing-results .card .availability{font-size:11px;padding:7px;margin:0 0 9px}
.housing-results .card .card-footer{padding-top:9px}.housing-results .card .bottom{margin-top:6px}
.housing-results .card .link{padding:9px 7px;min-height:42px;font-size:11px;line-height:1.35}
.housing-results .card .address{margin-top:5px;font-size:14px}.housing-results .card .source{font-size:11px}
.search-alert-entry{padding:18px 0 5px}.search-alert-entry button{min-height:44px;border:1px solid #c4d0c8;background:#f1f4ee;color:#0f2d4a;padding:10px 15px;border-radius:8px;font:600 13px var(--wr-interface)}
.search-alert-entry p{font-size:13px;line-height:1.5;color:#536776;max-width:620px}
@media(max-width:800px){.search-panel .all-filters .quick-filters{grid-template-columns:1fr 1fr}.housing-results:not([data-compact=true]) .card .image-wrap{aspect-ratio:1.9}.search-panel .filters .search-radius{padding-left:12px!important}}
@media(max-width:500px){.search-panel .all-filters .quick-filters{grid-template-columns:1fr}.housing-results .card .content{padding:13px}.housing-results .card .link{font-size:12px}}
@media(min-width:801px){.housing-results .map-section{top:94px}}
.search-panel .all-filters .search-submit-row{justify-content:flex-end;margin:4px 0 0!important}

/* Map mode keeps a two-column listing grid on desktop, independent of list mode. */
@media (min-width:801px){.housing-results[data-map=true] .grid,.housing-results[data-map=true][data-compact=true] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* WoonRadar approved 2026-10-28 homepage composition. Existing controls and map remain intact. */
:root{--layout-navy:var(--wr-navy,#142F50);--layout-green:var(--wr-forest,#123F34);--layout-clay:var(--wr-gold,#B69A5B);--layout-paper:#fffdf9;--layout-line:#E5DED3}
body{background:var(--wr-ivory,#F5F1E9)}
.hero{background-image:linear-gradient(90deg,rgba(255,249,239,.93) 0%,rgba(255,249,239,.78) 33%,rgba(255,249,239,.12) 75%),url('/static/woonradar-hero-ulf-meyer.webp')!important;background-position:center,center 52%;background-size:cover;min-height:440px;border-radius:0}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600;letter-spacing:-.025em;color:var(--wr-navy,#142F50);font-size:clamp(48px,5.4vw,78px)}
.hero p{color:#33475c}
.search-panel{background:#fffdfb!important;border:1px solid #e5ded3!important;border-radius:18px!important;box-shadow:0 14px 35px #142f501a!important}
.search-panel .primary-search{background:var(--wr-navy,#142F50)!important;color:#fff!important;border-radius:10px!important}
.search-panel .all-filters>summary,.quick-filter-picker>summary{border-radius:9px;background:#fffdf9;color:var(--wr-navy,#142F50)}
.search-panel .filters>div{border-color:#e5ded3!important}
.benefits-strip{background:var(--wr-navy,#142F50)!important;color:#fff!important;border:0!important;border-radius:15px;padding:25px 28px!important;margin:24px 0 32px!important;box-shadow:0 8px 24px #142f5010}
.benefits-strip strong,.benefits-strip small{color:#fff!important}.benefits-strip>div>span{color:var(--wr-gold,#B69A5B)!important}
.housing-results{margin-inline:0;background:#fffdfb;border-radius:22px;padding:26px 24px 32px}
.housing-results .offer-heading{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(29px,3vw,39px);font-weight:600;color:var(--wr-navy,#142F50)}
.housing-results .card{background:#fff;border:1px solid #e5ded3;border-radius:14px;box-shadow:0 3px 16px #142f500a}
.housing-results .card:hover{border-color:#c6b895;box-shadow:0 8px 22px #142f5014}
.housing-results .results-views button[aria-pressed=true]{background:var(--wr-navy,#142F50)!important;border-color:var(--wr-navy,#142F50)!important}
.housing-results .map-section{background:#f5f1e9}
@media(min-width:1100px){.housing-results:not([data-compact=true]):not([data-map=true]) .results-list .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px}}
@media(min-width:801px) and (max-width:1099px){.housing-results:not([data-compact=true]):not([data-map=true]) .results-list .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:800px){main{padding-inline:14px}.hero{min-height:350px;padding:35px 24px 105px}.search-panel{margin-top:-54px!important}.benefits-strip{margin:18px 0 24px!important;padding:20px!important}.housing-results{padding:20px 14px}.housing-results .results-list .grid{gap:12px}}
@media(max-width:500px){.hero{min-height:320px;padding:28px 18px 95px;background-position:center,58% center}.hero h1{font-size:46px}.hero p{font-size:16px}.search-panel{padding:14px!important}.benefits-strip{border-radius:12px}.housing-results{border-radius:16px}}

/* 2026-10-28 visual refinement: restrained hero and cohesive search controls. */
@media(min-width:801px){.hero{min-height:390px!important;padding:54px 70px 115px!important}.hero h1{font-size:clamp(48px,4.25vw,66px)!important;line-height:1.03!important;max-width:560px!important}.hero .eyebrow{font-size:12px;letter-spacing:.11em}.hero .home-motto{font-size:14px}.search-panel{margin-top:-80px!important;position:relative;z-index:2}.search-panel .filters{gap:10px!important}.search-panel .filters>div{min-height:66px!important}.benefits-strip{margin-top:0!important}}
.search-panel .filters>div{border-radius:10px!important;background:#fff!important}.search-panel .filters label{font-size:12px!important;color:#536276!important}.search-panel .filters input,.search-panel .filters select{font-size:14px!important}.search-panel .primary-search{min-height:52px!important}.search-panel .all-filters>summary{font-weight:600!important}.benefits-strip{box-shadow:none!important}.benefits-strip strong{font-weight:650!important}.housing-results .card{overflow:hidden}
@media(max-width:800px){.hero h1{font-size:clamp(40px,8vw,56px)!important;line-height:1.04!important}.hero{background-position:center,58% center}.search-panel{position:relative;z-index:2}}

/* Polished navigation between hero, search and benefits without changing app behavior. */
@media(min-width:801px){.hero{border-radius:18px 18px 0 0!important;overflow:hidden}.search-panel{margin-left:clamp(16px,4vw,64px)!important;margin-right:clamp(16px,4vw,64px)!important}.benefits-strip{margin-left:0!important;margin-right:0!important;border-radius:0 0 18px 18px!important}.search-panel .filters{grid-template-columns:minmax(170px,1.5fr) minmax(120px,.95fr) minmax(150px,1.2fr) minmax(130px,1fr) 160px!important}}
@media(min-width:801px){.hero .eyebrow{display:inline-block;padding:7px 11px;background:#fff9efc9;border:1px solid #ffffff90;border-radius:99px;color:#142F50!important;font-weight:700}.hero p:not(.home-motto){font-size:clamp(17px,1.6vw,20px)!important}.search-panel{padding:16px 18px 12px!important}.search-panel .filters>div{padding-top:5px!important;padding-bottom:5px!important}.benefits-strip{padding:28px 36px!important}}
.search-panel .market-tabs button{transition:background-color .2s ease,color .2s ease}.search-panel .market-tabs button:focus-visible,.search-panel button:focus-visible,.search-panel input:focus-visible,.search-panel select:focus-visible{outline:3px solid #B69A5B!important;outline-offset:2px}.housing-results .card{transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}@media(hover:hover) and (prefers-reduced-motion:no-preference){.housing-results .card:hover{transform:translateY(-2px)}}
@media(max-width:800px){.hero{border-radius:14px 14px 0 0!important}.search-panel{margin-left:12px!important;margin-right:12px!important}.benefits-strip{margin-top:0!important;border-radius:0 0 14px 14px!important}.hero .eyebrow{font-size:11px!important}.search-panel .filters>div{min-width:0}}
@media(prefers-reduced-motion:reduce){.housing-results .card,.search-panel .market-tabs button{transition:none!important}}

/* Homepage hero reconstructed to match the approved brand composition. */
.hero{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;position:relative!important;isolation:isolate!important;background-image:linear-gradient(90deg,rgba(250,247,239,.94) 0%,rgba(250,247,239,.80) 30%,rgba(250,247,239,.17) 66%,rgba(10,35,54,.06) 100%),url('/static/woonradar-hero-ulf-meyer.webp')!important;background-size:cover!important;background-position:center 48%!important;min-height:470px!important;padding:55px clamp(28px,6vw,92px) 125px!important}
.hero .hero-copy{position:relative;z-index:1;max-width:670px}.hero .hero-copy h1{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:.97!important;font-size:clamp(55px,6.4vw,94px)!important;color:#142F50!important;max-width:none!important;margin:22px 0 18px!important}.hero .hero-copy h1 span{display:block;color:#123F34!important}.hero .hero-copy>p{font-family:'DM Sans',sans-serif!important;font-size:clamp(16px,1.7vw,20px)!important;color:#263f52!important;max-width:420px!important;line-height:1.5!important}.hero .hero-copy .eyebrow{font-family:'DM Sans',sans-serif!important;font-size:11px!important;letter-spacing:.07em!important;text-transform:uppercase!important}
@media(max-width:800px){.hero{min-height:340px!important;padding:38px 24px 105px!important;background-position:58% center!important}.hero .hero-copy h1{font-size:clamp(43px,9vw,65px)!important;margin:14px 0!important}.hero .hero-copy>p{font-size:15px!important;max-width:300px!important}}
@media(max-width:420px){.hero{min-height:300px!important;padding:30px 18px 90px!important}.hero .hero-copy h1{font-size:45px!important}.hero .hero-copy .eyebrow{font-size:9px!important}}

/* Four-benefit band and cards: reference-led structural finish. */
.home-benefits{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 24px 32px!important;padding:24px 12px!important;border-radius:0 0 18px 18px!important;background:#f8f4ec!important;border:1px solid #e8dfd0!important;border-top:0!important;box-shadow:none!important}
.home-benefits>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;padding:10px 16px!important;border:0!important;border-right:1px solid #e6ded0!important;background:transparent!important;min-width:0!important}
.home-benefits>div:last-child{border-right:0!important}.home-benefits .benefit-icon{display:grid!important;place-items:center!important;width:45px!important;height:45px!important;border-radius:50%!important;background:#ebe5d8!important;color:#142f50!important;font-size:26px!important;line-height:1!important;margin-bottom:6px!important}.home-benefits>div:nth-child(2) .benefit-icon{color:#123f34!important}.home-benefits>div:nth-child(3) .benefit-icon{color:#792f3a!important}.home-benefits>div:nth-child(4) .benefit-icon{color:#9a793e!important}.home-benefits strong{font-family:'DM Sans',sans-serif!important;font-size:13px!important;font-weight:700!important;color:#142f50!important}.home-benefits>div>span:not(.benefit-icon){font-family:'DM Sans',sans-serif!important;font-size:11px!important;color:#617080!important;line-height:1.4!important}.housing-results .offer-heading{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(30px,3.5vw,44px)!important;font-weight:600!important;letter-spacing:-.025em!important;color:#142f50!important}
@media(max-width:800px){.home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 12px 25px!important;padding:12px!important}.home-benefits>div{padding:12px 7px!important}.home-benefits>div:nth-child(2){border-right:0!important}.home-benefits>div:nth-child(-n+2){border-bottom:1px solid #e6ded0!important}.home-benefits .benefit-icon{width:37px!important;height:37px!important;font-size:22px!important}.home-benefits strong{font-size:12px!important}.home-benefits>div>span:not(.benefit-icon){font-size:10px!important}}

/* Photo-rights-safe editorial property cards */
.image-wrap--placeholder{position:relative!important;overflow:hidden!important;min-height:175px!important;background:linear-gradient(135deg,#f2eee5 0%,#e8e6dc 55%,#e1e9e5 100%)!important}
.listing-placeholder{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;isolation:isolate;min-height:185px;height:100%;padding:20px 22px;color:#16344f;font-family:'DM Sans',sans-serif;overflow:hidden}
.listing-placeholder::before{content:'';position:absolute;z-index:-1;right:-24px;top:-40px;width:175px;height:175px;border:2px solid rgba(21,57,78,.13);border-radius:48% 48% 0 0;transform:rotate(20deg)}
.listing-placeholder::after{content:'';position:absolute;z-index:-1;right:25px;bottom:-75px;width:160px;height:185px;border:17px solid rgba(20,63,52,.10);border-bottom:0;border-radius:85px 85px 0 0}
.listing-placeholder-mark{font-family:Georgia,serif;font-size:31px;line-height:1;color:#194d43;margin-bottom:auto}
.listing-placeholder-type{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:600;line-height:1.1}
.listing-placeholder-city{font-size:13px;font-weight:600;margin-top:4px}
.listing-placeholder small{font-size:11px;color:#687784;margin-top:11px}
@media(max-width:600px){.listing-placeholder{min-height:165px;padding:18px}.listing-placeholder-type{font-size:29px}}


/* 2026-10-29: targeted hero layout and benefit readability correction. */
@media(min-width:801px){
  .hero{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-height:490px!important;padding:64px clamp(28px,6vw,92px) 142px!important;box-sizing:border-box!important}
  .hero .hero-copy{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:min(100%,670px)!important;max-width:670px!important;gap:0!important}
  .hero .hero-copy h1{position:static!important;transform:none!important;float:none!important;width:100%!important;max-width:100%!important;margin:16px 0 14px!important;font-size:clamp(53px,5.2vw,81px)!important;line-height:1.04!important;overflow-wrap:normal!important}
  .hero .hero-copy h1 span{position:static!important;transform:none!important;display:block!important;line-height:inherit!important}
  .hero .hero-copy .eyebrow,.hero .hero-copy>p{position:static!important;transform:none!important;float:none!important;margin:0!important}
}
.home-benefits>div>span:not(.benefit-icon){color:#e1eaf0!important;font-size:13px!important;line-height:1.55!important;font-weight:500!important;opacity:1!important}
.home-benefits strong{color:#fff!important;font-size:14px!important;line-height:1.4!important}
.home-benefits strong span{color:inherit!important;opacity:1!important}
@media(max-width:800px){
  .home-benefits>div>span:not(.benefit-icon){font-size:12px!important;line-height:1.5!important}
  .home-benefits strong{font-size:13px!important}
}

/* 2026-10-31: Remove the old dark-blue USP band on phones/tablets.
   The benefits are promotional copy, not functionality; on small screens
   this band competes with the search form and makes the page feel crowded.
   Desktop retains the neutral four-benefit layout. */
@media (max-width: 800px) {
  .home-benefits { display:none!important; }
}