:root{--navy:#102b3c;--red:#d72e31;--muted:#607482;--line:#dce5e9}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;color:var(--navy);background:#fff}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:22px}.brand img{width:50px;height:50px}header>div{display:flex;gap:24px;align-items:center}select,button{border:1px solid var(--line);border-radius:10px;background:white;padding:11px 14px}main{padding:22px 28px}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--red);font-weight:bold;margin:0}h1{font-size:32px;letter-spacing:-1px;margin:4px 0 18px}.intro>p{color:var(--muted)}#filters{display:flex;align-items:end;gap:14px;padding-bottom:24px}label{display:grid;gap:5px;min-width:190px}label span{font-size:12px;font-weight:bold}#filters button{margin-left:auto}.workspace{display:grid;grid-template-columns:minmax(360px,42%) 1fr;gap:22px}.results{height:calc(100vh - 290px);min-height:450px;overflow:auto;padding-right:10px}#count{font-size:14px;margin:0 0 18px}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.room{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;transition:box-shadow .15s}.room.selected{border:2px solid var(--red);box-shadow:0 4px 20px #102b3c15}.room button{display:block;border:0;border-radius:0;text-align:left;padding:0;width:100%;height:auto}.room img,.photo-empty{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;background:#edf2f4}.photo-empty{display:grid;place-content:center;color:var(--muted)}.room-body{padding:14px}.room h2{font-size:17px;margin:0 0 4px}.room p{margin:5px 0;color:var(--muted);font-size:13px}.room strong{display:block;font-size:18px;margin-bottom:10px}.room .action{color:var(--red);font-weight:bold;margin-top:12px}.map-panel{position:relative;height:calc(100vh - 290px);min-height:450px;border-radius:16px;overflow:hidden;background:#eaf0ee}#map{height:100%;width:100%;z-index:0}#fit{position:absolute;top:15px;left:55px;z-index:500;box-shadow:0 3px 10px #102b3c20}.map-note{position:absolute;left:16px;right:16px;bottom:30px;background:white;border-radius:8px;padding:10px 14px;z-index:500;font-size:12px;pointer-events:none;margin:0}#map-error{position:absolute;inset:30% 20px auto;text-align:center;background:white;padding:24px;border-radius:12px;z-index:600}.price-marker{background:white;border:2px solid var(--navy);border-radius:24px;padding:6px 12px;font-weight:bold;white-space:nowrap;box-shadow:0 3px 10px #102b3c30;width:max-content!important;height:auto!important}.price-marker.selected{background:var(--red);color:white;border-color:var(--red);z-index:1000!important}.empty{background:#f4f7f8;padding:38px 25px;border-radius:12px}.empty p{color:var(--muted)}.cta{display:inline-block;text-decoration:none;background:var(--red);color:white;border-radius:9px;padding:12px 18px;font-weight:bold}.mobile-switch{display:none}#details{margin-top:24px;padding:22px;background:#f4f7f8;border-radius:12px}#details h2{margin-top:0}#details img{max-width:100%;max-height:300px;object-fit:cover;border-radius:8px}#details p{white-space:pre-line}#details .close{float:right}.gallery{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.gallery img{max-width:85%!important}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d72e31;outline-offset:3px}[hidden]{display:none!important}@media(max-width:900px){.intro>p{display:none}.workspace{grid-template-columns:45% 1fr}#cards{grid-template-columns:1fr}label{min-width:0;flex:1}#filters{flex-wrap:wrap}}@media(max-width:650px){header{height:72px;padding:0 16px}.brand{font-size:17px}.brand img{width:37px;height:37px}header>div{gap:8px}header>div>a{display:none}main{padding:20px 16px}h1{font-size:27px}#filters{gap:10px}#filters label{flex-basis:40%}#filters button{font-size:13px}.mobile-switch{display:flex;gap:8px;margin:0 0 16px}.mobile-switch button{flex:1}.mobile-switch [aria-pressed=true]{background:var(--navy);color:white}.workspace{display:block}.results{height:auto;min-height:0;padding:0}.map-panel{height:65vh;min-height:380px}.workspace[data-view=list] .map-panel{display:none}.workspace[data-view=map] .results{display:none}#cards{grid-template-columns:1fr 1fr;gap:12px}.room-body{padding:12px}.room h2{font-size:15px}.room strong{font-size:16px}.map-note{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.room{min-width:0}.room h2{overflow-wrap:anywhere}.room>.cta{max-width:calc(100% - 28px);font-size:14px;text-align:center;white-space:normal;overflow-wrap:anywhere}#details{overflow-wrap:anywhere}@media(max-width:650px){.room>.cta{font-size:12px;padding:10px 8px}}
#filters label{min-width:0}#filters label>select{width:100%;min-width:0}#filters label>span{overflow-wrap:anywhere}

#area-controls{display:flex;align-items:center;gap:18px;margin:0 0 16px;font-size:12px;color:#245a85}#area-controls label{display:flex;align-items:center;gap:8px;min-width:max-content}#area-controls p{margin:0}#area-toggle{accent-color:#2563a6}.enquiry-marker{width:max-content!important;height:auto!important;background:#eaf4ff;border:2px solid #2563a6;border-radius:10px;padding:5px 9px;color:#174875;box-shadow:0 2px 6px #102b3c20;text-align:center}.enquiry-marker span{font-weight:bold;font-size:12px}.enquiry-marker small{display:block;font-size:10px}.area-popup h3{font-size:16px;margin:0 0 10px}.area-popup .cta{background:#2563a6;color:white;font-size:13px}.area-popup p{font-size:13px}.results,.map-panel{height:calc(100vh - 340px)}@media(max-width:650px){#area-controls{align-items:flex-start;flex-direction:column;gap:6px}.results{height:auto}.map-panel{height:65vh}}