:root{--ink:#252225;--muted:#6f6969;--paper:#f5f1ec;--card:#fcfaf7;--line:#ded8d1;--purple:#685d9c;--orange:#db7950;--teal:#4b9b91;--yellow:#e6b95c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:48px;background:rgba(245,241,236,.94);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.03em;font-size:19px}.brand-mark{font-size:25px;color:var(--orange);line-height:1}.topnav{display:flex;gap:28px;color:var(--muted);font-size:13px}.topnav a:hover,.text-btn:hover{color:var(--orange)}.outline-btn{margin-left:auto;padding:11px 16px;border:1px solid var(--ink);background:transparent;border-radius:2px;font-size:12px}.hero{min-height:485px;padding:86px 10vw 72px;display:flex;justify-content:space-between;align-items:flex-end;background:radial-gradient(circle at 72% 38%,#e6dfcf 0,#f5f1ec 35%)}.eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.13em;color:var(--orange);font-weight:500;margin:0 0 19px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:6px}.hero h1,.how h2,.areas h2,.about h2,.modal h2{font-family:Fraunces,serif;font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:600;margin:0}.hero h1 em,.how h2 em,.areas h2 em,.about h2 em,.modal h2 em{color:var(--purple);font-style:normal}.hero-lede{max-width:440px;color:var(--muted);line-height:1.65;margin:25px 0 0;font-size:15px}.hero-stats{display:flex;gap:44px;margin-top:42px}.hero-stats div{display:flex;flex-direction:column;gap:3px}.hero-stats strong{font-family:Fraunces,serif;font-size:23px}.hero-stats span,.area-card small{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace}.hero-note{width:215px;border-top:2px solid var(--orange);padding-top:15px;margin-bottom:5px}.note-pin{font-size:25px;color:var(--orange)}.hero-note p{font-family:Fraunces,serif;font-size:22px;line-height:1.05;margin:5px 0 20px}.text-btn{border:0;background:transparent;padding:0;color:var(--orange);font-size:12px;font-weight:600}.map-section{padding:0 5vw 92px}.map-toolbar{height:76px;display:flex;align-items:center;gap:10px}.search-wrap{width:290px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;padding:0 13px;gap:9px;color:var(--muted)}.search-wrap input{width:100%;border:0;outline:0;background:transparent;padding:13px 0;font-size:13px}.clear-search{border:0;background:none;color:#aaa;font-size:18px}.filter-btn,.location-btn{background:var(--card);border:1px solid var(--line);border-radius:2px;padding:12px 15px;font-size:12px}.filter-btn span{background:var(--orange);color:white;border-radius:10px;padding:1px 5px;font-size:9px;margin-left:4px}.toolbar-spacer{flex:1}.location-btn{color:var(--purple)}.filter-panel{display:none;align-items:flex-end;gap:38px;padding:0 0 17px;border-top:1px solid var(--line);font-size:11px}.filter-panel.open{display:flex}.filter-panel label{display:block;font-family:'DM Mono',monospace;color:var(--muted);font-size:10px;margin:14px 0 8px}.segmented{display:flex}.segmented button{border:1px solid var(--line);background:var(--card);padding:8px 12px;font-size:11px;margin-right:-1px}.segmented button.active{background:var(--ink);color:white}.range-field{width:250px}.range-field strong{float:right;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--orange)}.reset-btn{background:none;border:0;color:var(--orange);padding-bottom:8px;font-size:11px}.map-shell{height:555px;position:relative;overflow:hidden;background-color:#e3e2d9;background-image:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.72) 48.3% 49%,transparent 49.3%),linear-gradient(30deg,transparent 0 42%,rgba(255,255,255,.75) 42.3% 43%,transparent 43.3%),linear-gradient(90deg,transparent 0 28%,rgba(255,255,255,.65) 28.2% 28.7%,transparent 29%),linear-gradient(0deg,transparent 0 64%,rgba(255,255,255,.65) 64.2% 64.8%,transparent 65%);background-size:100% 100%,100% 100%,100% 100%,100% 100%;transition:transform .35s}.map-shell.zoomed{transform:scale(1.03)}.road{position:absolute;height:7px;background:#f9f7f1;box-shadow:0 0 0 1px #d4d2c8;transform-origin:left center;opacity:.9}.road-a{width:85%;left:0;top:48%;transform:rotate(-18deg)}.road-b{width:82%;left:12%;top:21%;transform:rotate(48deg)}.road-c{width:70%;left:32%;top:88%;transform:rotate(-49deg)}.road-d{width:60%;left:0;top:68%;transform:rotate(12deg)}.metro-line{position:absolute;left:-5%;top:72%;width:110%;height:3px;background:#a89bd1;transform:rotate(-15deg);opacity:.9}.map-water{position:absolute;width:22%;height:140%;left:42%;top:-22%;background:#c8dcd8;opacity:.47;transform:rotate(40deg);border-radius:50%}.park{position:absolute;background:#c9d4bd;border-radius:42%;padding:24px 13px;color:#7b9271;font:9px 'DM Mono';letter-spacing:.08em;opacity:.75}.park-a{left:9%;top:15%}.park-b{left:18%;bottom:9%}.map-label{position:absolute;color:#85827b;font:10px 'DM Mono';letter-spacing:.1em;z-index:1}.label-top{top:7%;left:45%}.label-left{top:38%;left:5%}.label-mid{top:39%;left:42%}.label-right{top:31%;right:5%}.label-bottom{bottom:8%;left:53%}.pin{position:absolute;z-index:3;border:0;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 2px 5px #5554;transition:.2s}.pin span{transform:rotate(45deg);position:absolute;left:22px;top:-8px;white-space:nowrap;background:var(--card);padding:4px 6px;border:1px solid var(--line);font:10px 'DM Mono';color:var(--ink)}.pin:hover{transform:rotate(-45deg) scale(1.25)}.pin.purple{background:var(--purple)}.pin.orange{background:var(--orange)}.pin.teal{background:var(--teal)}.map-legend{position:absolute;bottom:18px;left:20px;z-index:4;background:#fbfaf6e8;padding:11px 13px;display:flex;gap:15px;font-size:10px;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.legend-dot.purple{background:var(--purple)}.legend-dot.orange{background:var(--orange)}.legend-dot.teal{background:var(--teal)}.map-tools{position:absolute;right:18px;top:18px;z-index:4;display:flex;flex-direction:column}.map-tools button{background:#fbfaf6e8;border:1px solid var(--line);width:34px;height:32px;font-size:18px}.map-credit{position:absolute;bottom:7px;right:12px;font-size:9px;color:#77736c}.map-credit span{color:var(--teal)}.map-footer{display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono';padding-top:13px}.how{background:#242225;color:#f8f3ec;padding:105px 10vw;display:flex;gap:11%;}.how .eyebrow{color:var(--yellow)}.how h2{font-size:54px}.section-intro{width:33%}.section-intro>p:last-child{color:#b4aca7;line-height:1.6;font-size:14px;margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;flex:1;padding-top:10px}.steps article{border-top:1px solid #655d5a;padding-top:18px}.steps article>span{font:11px 'DM Mono';color:var(--yellow)}.steps h3{font:600 19px Fraunces,serif;margin:30px 0 12px}.steps p{color:#b4aca7;font-size:13px;line-height:1.6;margin:0 0 28px}.steps a{color:var(--yellow);font-size:11px}.areas{padding:105px 10vw;display:flex;gap:10%;}.areas>div:first-child{width:32%}.areas h2{font-size:53px}.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1}.area-card{border:1px solid var(--line);background:var(--card);text-align:left;position:relative;min-height:118px;padding:17px;display:flex;flex-direction:column;gap:7px}.area-card:hover{border-color:var(--orange);transform:translateY(-2px)}.area-card span{font:12px 'DM Mono'}.area-card strong{font:24px Fraunces,serif;font-weight:600}.area-card i{position:absolute;right:15px;top:18px;color:var(--orange);font-style:normal}.cta-band{background:var(--yellow);padding:67px 10vw;display:flex;align-items:center;justify-content:space-between}.cta-band h2{font:53px/1 Fraunces,serif;letter-spacing:-.05em;margin:0}.cta-band .eyebrow{color:#67552b}.dark-btn{background:var(--ink);color:white;border:0;padding:14px 19px;font-size:12px}.dark-btn span{font-size:16px;margin-left:18px}.about{padding:105px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about h2{font-size:51px;margin-top:25px}.about>div:last-child{border-left:1px solid var(--line);padding-left:40px;color:var(--muted);font-size:15px;line-height:1.7}.mono{font:10px 'DM Mono';color:var(--orange);margin-top:30px}footer{border-top:1px solid var(--line);padding:22px 5vw;display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono'}.modal-backdrop{position:fixed;inset:0;background:#25222599;z-index:20;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{position:relative;background:var(--card);width:min(470px,100%);padding:42px}.modal h2{font-size:46px;margin-bottom:16px}.modal-close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:25px;color:var(--muted)}.modal-muted{color:var(--muted);font-size:13px;line-height:1.6}.modal form{margin-top:25px}.modal label{display:block;font:10px 'DM Mono';color:var(--muted);margin-top:15px}.modal input,.modal select{display:block;width:100%;border:1px solid var(--line);padding:12px;margin-top:7px;background:white;outline:none}.modal form .dark-btn{margin-top:22px;width:100%}.pin-meta{display:flex;gap:12px;color:var(--teal);font:10px 'DM Mono';margin-top:25px}.success-mark{color:var(--teal);font-size:43px;margin-bottom:13px}@media(max-width:800px){.topnav{display:none}.hero{padding:60px 7vw;min-height:580px;display:block}.hero-note{margin-top:55px}.hero-stats{gap:22px}.map-section{padding:0 0 70px}.map-toolbar{padding:0 5vw;flex-wrap:wrap;height:auto;gap:8px;margin:20px 0}.search-wrap{width:100%}.toolbar-spacer{display:none}.location-btn{margin-left:auto}.filter-panel{padding:0 5vw 15px;flex-wrap:wrap;gap:8px}.map-shell{height:500px}.map-legend{left:8px;bottom:25px;flex-direction:column;gap:4px}.map-credit{display:none}.how,.areas{padding:72px 7vw;display:block}.section-intro,.areas>div:first-child{width:auto;margin-bottom:50px}.how h2,.areas h2,.about h2,.cta-band h2{font-size:43px}.steps{grid-template-columns:1fr;gap:35px}.areas{background:#eee8e0}.area-grid{grid-template-columns:1fr 1fr}.cta-band{padding:55px 7vw;display:block}.cta-band .dark-btn{margin-top:28px}.about{padding:72px 7vw;display:block}.about>div:last-child{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;margin-top:40px}footer{padding:20px 7vw;gap:12px;flex-wrap:wrap}footer span:nth-child(2){order:3;width:100%}.pin span{display:none}}
.map-shell #googleMap{position:absolute;inset:0;z-index:0}.map-api-notice{position:absolute;z-index:5;left:50%;top:18px;transform:translateX(-50%);background:#fbfaf6e8;border:1px solid var(--line);padding:9px 12px;font:10px 'DM Mono';color:var(--muted);white-space:nowrap}.map-api-notice code{color:var(--orange)}.google-map-active{background:#e7e2d9}.google-pin{border:0;border-radius:16px 16px 16px 2px;color:white;padding:7px 9px;background:var(--purple);font:10px 'DM Mono';box-shadow:0 2px 7px #25222555;transform:translate(-50%,-100%);cursor:pointer}.google-pin.orange{background:var(--orange)}.google-pin.teal{background:var(--teal)}
.street-view-panel{display:none;position:absolute;inset:0;z-index:8;background:#ddd}.street-view-panel.open{display:block}.street-view-close{position:absolute;right:14px;top:14px;z-index:9;border:0;background:#252225e8;color:white;padding:9px 12px;font:11px 'DM Mono';cursor:pointer}.street-view-panel .gm-style{height:100%}
.location-status{margin:13px 0 8px;padding:10px 12px;background:#f0ebe4;border-left:3px solid var(--teal);font:11px 'DM Mono';color:var(--muted)}.location-status strong{color:var(--teal)}.location-status small{font-size:9px}.pick-location{width:100%;border:1px solid var(--orange);background:transparent;color:var(--orange);padding:10px 12px;font-size:11px}.placing-pin #googleMap{cursor:crosshair}.placing-pin .map-api-notice{background:var(--orange);color:white;border-color:var(--orange)}.selected-pin{background:var(--orange);color:white;border:2px solid white;border-radius:50% 50% 50% 0;padding:8px 10px;font:10px 'DM Mono';transform:translate(-50%,-100%);box-shadow:0 2px 8px #25222566}
.search-wrap{position:relative}.place-suggestions{display:none;position:absolute;left:-1px;right:-1px;top:100%;z-index:12;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 20px #25222518}.place-suggestions.open{display:block}.place-suggestion{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 13px;border:0;border-bottom:1px solid var(--line);background:var(--card);text-align:left}.place-suggestion:hover{background:#f0ebe4}.place-suggestion strong{font-size:12px;font-weight:600}.place-suggestion small{font:10px 'DM Mono';color:var(--muted)}.location-error{border-left-color:var(--orange);color:var(--orange)}
.full-map-link-row{display:flex;justify-content:flex-end;padding:0 0 12px}.full-map-link{color:var(--orange);font-size:12px;font-weight:600}.full-map-back{display:none;color:var(--orange);font:11px 'DM Mono';white-space:nowrap}.map-actions{position:absolute;right:62px;top:18px;z-index:6;display:flex;gap:7px}.map-actions button{border:1px solid var(--ink);background:#fbfaf6ed;color:var(--ink);padding:9px 11px;font-size:10px;box-shadow:0 2px 8px #25222518}.map-actions button:hover{background:var(--ink);color:white}.map-actions span{margin-right:4px}.full-map-view{overflow:hidden}.full-map-view .topbar,.full-map-view .hero,.full-map-view .how,.full-map-view .areas,.full-map-view .cta-band,.full-map-view .about,.full-map-view footer{display:none}.full-map-view .map-section{height:100vh;padding:0}.full-map-view .map-toolbar{height:72px;padding:0 20px;background:var(--paper);border-bottom:1px solid var(--line)}.full-map-view .full-map-back{display:block}.full-map-view .full-map-link-row,.full-map-view .map-footer{display:none}.full-map-view .map-shell{height:calc(100vh - 72px)}
@media(max-width:800px){.map-actions{right:8px;top:62px;flex-direction:column;align-items:flex-end}.map-actions button{font-size:9px;padding:7px 9px}.full-map-view .map-toolbar{height:118px;padding:8px 5vw}.full-map-view .map-shell{height:calc(100vh - 118px)}.full-map-view .map-actions{top:12px}.full-map-view .search-wrap{width:calc(100% - 92px)}}
.optional-label{font-family:'DM Sans',sans-serif;color:#999;font-size:10px}
.brand-pin{width:23px;height:27px;display:block}.about-pin{width:30px;height:34px}
.brand-word-pin,.brand-word-rent{color:var(--orange)}.brand-word-my{color:var(--ink)}
.brand-name{display:inline-flex;gap:0}
.availability-label{display:block !important;margin:0 0 2px !important;padding:3px 6px 2px !important;border-radius:4px !important;background:#B8FF00 !important;color:#050505 !important;font:600 10px/1 'DM Sans',sans-serif !important;letter-spacing:0 !important;text-shadow:none !important;white-space:nowrap !important}
.sharing-rent-field small{display:block;margin-top:5px;color:var(--muted);font:10px/1.3 'DM Sans',sans-serif}
.modal{max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:800px){.modal{max-height:calc(100vh - 24px)}}

/* FOR RENT pins use the same BHK colors as anonymous pins, with a red label row. */
.google-pin.to-let-board.bhk-1 .marker-bubble,
.pin.to-let-board.bhk-1 .marker-bubble{background:#303234 !important;box-shadow:0 0 10px #8c969f,0 2px 6px #000b !important}
.google-pin.to-let-board.bhk-2 .marker-bubble,
.pin.to-let-board.bhk-2 .marker-bubble{background:#FFA500 !important;box-shadow:0 0 11px #FFA500,0 2px 6px #000b !important}
.google-pin.to-let-board.bhk-3 .marker-bubble,
.pin.to-let-board.bhk-3 .marker-bubble{background:#800080 !important;box-shadow:0 0 11px #B347B3,0 2px 6px #000b !important}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{
  margin:-6px -10px 1px !important;
  padding:3px 6px 2px !important;
  border-radius:7px 7px 0 0 !important;
  background:#ed171b !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  letter-spacing:0 !important;
}
.google-pin.to-let-board.bhk-1 .marker-pointer,
.pin.to-let-board.bhk-1 .marker-pointer{background:#303234 !important;filter:drop-shadow(0 2px 3px #8c969f) !important}
.google-pin.to-let-board.bhk-2 .marker-pointer,
.pin.to-let-board.bhk-2 .marker-pointer{background:#FFA500 !important;filter:drop-shadow(0 2px 3px #FFA500) !important}
.google-pin.to-let-board.bhk-3 .marker-pointer,
.pin.to-let-board.bhk-3 .marker-pointer{background:#800080 !important;filter:drop-shadow(0 2px 3px #B347B3) !important}

/* FOR RENT is red text only; remove its label background. */
.google-pin.to-let-board.bhk-1 .marker-bubble .board-kicker,
.google-pin.to-let-board.bhk-2 .marker-bubble .board-kicker,
.google-pin.to-let-board.bhk-3 .marker-bubble .board-kicker,
.pin.to-let-board.bhk-1 .marker-bubble .board-kicker,
.pin.to-let-board.bhk-2 .marker-bubble .board-kicker,
.pin.to-let-board.bhk-3 .marker-bubble .board-kicker{
  margin:0 0 1px !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#ed171b !important;
}

/* Available labels use fluorescent green for contrast on every BHK background. */
.google-pin.to-let-board .marker-bubble .board-kicker,
.pin.to-let-board .marker-bubble .board-kicker{
  color:#B8FF00 !important;
  text-shadow:0 1px 2px #101010 !important;
}
.hero-heading-row{display:flex;align-items:flex-end;gap:34px}.hero-map-cta{width:126px;min-height:132px;border:1px solid var(--orange);padding:13px 13px 12px;display:flex;flex-direction:column;justify-content:space-between;color:var(--orange);background:#f5f1ecaa;transition:transform .2s,background .2s}.hero-map-cta:hover{transform:translateY(-4px);background:#f5f1ec}.hero-map-icon{width:48px;height:48px;border-radius:50%;background:#eadbd0;display:grid;place-items:center}.hero-map-icon img{width:31px;height:34px}.hero-map-cta strong{font:600 12px/1.15 'DM Sans',sans-serif;color:var(--ink);max-width:80px}.hero-map-arrow{font-size:22px;align-self:flex-end;line-height:.7}
@media(max-width:800px){.hero-heading-row{align-items:flex-start;gap:15px}.hero-map-cta{width:106px;min-height:116px;padding:10px}.hero-map-icon{width:40px;height:40px}.hero-map-icon img{width:25px;height:28px}.hero-map-cta strong{font-size:10px}}
:root{--ink:#f3f0eb;--muted:#a9a39f;--paper:#111315;--card:#1b1e21;--line:#35393d;--purple:#a79be4;--orange:#f08a5f;--teal:#63c0b3;--yellow:#eac56a}body{background:var(--paper);color:var(--ink)}.topbar{background:rgba(17,19,21,.94);border-color:var(--line)}.hero{background:radial-gradient(circle at 72% 38%,#303238 0,#111315 40%)}.hero-map-cta{background:#111315aa}.hero-map-cta:hover{background:#25282c}.hero-map-icon{background:#3a2e2b}.hero-map-cta strong{color:var(--ink)}.search-wrap,.filter-btn,.location-btn,.segmented button,.area-card,.modal input,.modal select{background:var(--card);color:var(--ink);border-color:var(--line)}.search-wrap input,.modal input,.modal select{color:var(--ink)}.search-wrap input::placeholder,.modal input::placeholder{color:#777d82}.outline-btn{border-color:var(--ink);color:var(--ink)}.filter-panel{border-color:var(--line)}.segmented button.active{background:var(--ink);color:#111315}.map-shell{background-color:#282c2d;background-image:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.11) 48.3% 49%,transparent 49.3%),linear-gradient(30deg,transparent 0 42%,rgba(255,255,255,.12) 42.3% 43%,transparent 43.3%),linear-gradient(90deg,transparent 0 28%,rgba(255,255,255,.1) 28.2% 28.7%,transparent 29%),linear-gradient(0deg,transparent 0 64%,rgba(255,255,255,.1) 64.2% 64.8%,transparent 65%)}.road{background:#484d4f;box-shadow:0 0 0 1px #5d6264}.map-water{background:#244547}.park{background:#344334;color:#8baa86}.map-legend,.map-tools button,.map-actions button,.map-api-notice,.place-suggestions,.place-suggestion{background:#171a1de8;color:var(--ink);border-color:var(--line)}.map-credit{color:#a9a39f}.place-suggestion{border-bottom-color:var(--line)}.place-suggestion:hover{background:#292d31}.how{background:#1b1e21}.areas{background:var(--paper)}.area-card:hover{border-color:var(--orange)}.cta-band{background:#3a3324}.about>div:last-child{border-color:var(--line)}footer{border-color:var(--line)}.modal-backdrop{background:#000b}.modal{background:var(--card)}.modal-close{color:var(--muted)}.location-status{background:#23282a}.pick-location{background:transparent}.map-footer{color:var(--muted)}
@media(max-width:800px){.topbar{height:auto;min-height:64px;padding:12px 5vw;gap:12px}.brand{font-size:17px}.brand-pin{width:20px;height:24px}.outline-btn{padding:10px 11px;font-size:10px;white-space:nowrap}.hero{padding:48px 7vw 56px;min-height:0}.hero-heading-row{gap:12px}.hero h1{font-size:clamp(31px,09vw,46px)}.hero-lede{font-size:14px}.hero-stats{gap:18px;flex-wrap:wrap;margin-top:30px}.hero-stats strong{font-size:21px}.hero-note{width:100%;margin-top:42px}.hero-note p{font-size:20px}.map-toolbar{display:grid;grid-template-columns:1fr auto;padding:12px 5vw;margin:0;gap:8px}.search-wrap{grid-column:1/-1;width:100%;min-height:44px}.search-wrap input{padding:12px 0}.filter-btn,.location-btn{min-height:44px;padding:10px 11px}.location-btn{margin-left:0}.filter-panel{display:none;grid-template-columns:1fr;gap:4px;padding:4px 5vw 16px}.filter-panel.open{display:grid}.segmented{width:100%;overflow-x:auto}.segmented button{min-height:40px;white-space:nowrap;padding:8px 10px}.range-field{width:100%}.map-shell{height:min(66vh,540px);min-height:420px}.map-actions{right:8px;top:62px;max-width:calc(100% - 68px)}.map-actions button{min-height:38px;max-width:210px;white-space:nowrap}.map-tools{right:8px;top:14px}.map-tools button{width:40px;height:40px}.map-legend{font-size:9px}.map-api-notice{max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.modal{padding:30px 22px}.modal h2{font-size:40px}.modal input,.modal select{font-size:16px;min-height:44px}.pin-meta{flex-wrap:wrap;line-height:1.4}.full-map-view .map-toolbar{height:auto;min-height:118px}.full-map-view .map-shell{height:calc(100vh - 118px);min-height:0}.full-map-view .search-wrap{width:100%}}
@media(max-width:520px){.topnav{display:none}.hero-heading-row{display:block}.hero-map-cta{width:100%;min-height:68px;margin-top:22px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:10px}.hero-map-icon{width:40px;height:40px}.hero-map-arrow{justify-self:end}.area-grid{grid-template-columns:1fr}.how h2,.areas h2,.about h2,.cta-band h2{font-size:39px}.map-shell{min-height:390px}.map-actions{top:62px}.map-actions button{font-size:9px}.full-map-view .map-actions{top:10px}.full-map-view .map-toolbar{min-height:145px}.full-map-view .map-shell{height:calc(100vh - 145px)}}
 .theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 12px;font-size:10px;white-space:nowrap}.theme-toggle:hover{border-color:var(--orange);color:var(--orange)}
:root[data-theme="light"]{--ink:#252225;--muted:#6f6969;--paper:#f5f1ec;--card:#fcfaf7;--line:#ded8d1;--purple:#685d9c;--orange:#db7950;--teal:#4b9b91;--yellow:#e6b95c} :root[data-theme="light"] .topbar{background:rgba(245,241,236,.94)} :root[data-theme="light"] .hero{background:radial-gradient(circle at 72% 38%,#e6dfcf 0,#f5f1ec 35%)} :root[data-theme="light"] .hero-map-cta{background:#f5f1ecaa} :root[data-theme="light"] .hero-map-cta:hover{background:#f0ebe4} :root[data-theme="light"] .hero-map-icon{background:#eadbd0} :root[data-theme="light"] .search-wrap,:root[data-theme="light"] .filter-btn,:root[data-theme="light"] .location-btn,:root[data-theme="light"] .segmented button,:root[data-theme="light"] .area-card,:root[data-theme="light"] .modal input,:root[data-theme="light"] .modal select{background:var(--card);color:var(--ink);border-color:var(--line)} :root[data-theme="light"] .search-wrap input,:root[data-theme="light"] .modal input,:root[data-theme="light"] .modal select{color:var(--ink)} :root[data-theme="light"] .search-wrap input::placeholder,:root[data-theme="light"] .modal input::placeholder{color:#aaa} :root[data-theme="light"] .segmented button.active{background:var(--ink);color:white} :root[data-theme="light"] .map-shell{background-color:#e3e2d9;background-image:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.72) 48.3% 49%,transparent 49.3%),linear-gradient(30deg,transparent 0 42%,rgba(255,255,255,.75) 42.3% 43%,transparent 43.3%),linear-gradient(90deg,transparent 0 28%,rgba(255,255,255,.65) 28.2% 28.7%,transparent 29%),linear-gradient(0deg,transparent 0 64%,rgba(255,255,255,.65) 64.2% 64.8%,transparent 65%)} :root[data-theme="light"] .road{background:#f9f7f1;box-shadow:0 0 0 1px #d4d2c8} :root[data-theme="light"] .map-water{background:#c8dcd8} :root[data-theme="light"] .park{background:#c9d4bd;color:#7b9271} :root[data-theme="light"] .map-legend,:root[data-theme="light"] .map-tools button,:root[data-theme="light"] .map-actions button,:root[data-theme="light"] .map-api-notice,:root[data-theme="light"] .place-suggestions,:root[data-theme="light"] .place-suggestion{background:#fbfaf6e8;color:var(--ink);border-color:var(--line)} :root[data-theme="light"] .place-suggestion:hover{background:#f0ebe4} :root[data-theme="light"] .areas{background:#f5f1ec} :root[data-theme="light"] .cta-band{background:var(--yellow)} :root[data-theme="light"] .modal-backdrop{background:#25222599} :root[data-theme="light"] .modal,:root[data-theme="light"] .location-status{background:var(--card)}
@media(max-width:800px){.theme-toggle{padding:10px 8px;font-size:9px}.topbar{flex-wrap:wrap}.theme-toggle{margin-left:auto}.outline-btn{margin-left:0}}
.navigate-btn{display:block;text-align:center;margin-top:24px;padding:13px 15px;background:var(--orange);color:#fff;font-size:11px;font-weight:600}.navigate-btn:hover{filter:brightness(1.08)}
/* Account and listing form enhancements */
.account-btn{border:0;background:transparent;color:var(--purple);font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-menu{position:relative}.account-dropdown{display:none;position:absolute;right:0;top:calc(100% + 10px);z-index:30;min-width:210px;padding:10px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 22px #0004}.account-dropdown.open{display:grid;gap:3px}.account-dropdown strong{padding:8px 10px;font:10px 'DM Mono';color:var(--muted);overflow:hidden;text-overflow:ellipsis}.account-dropdown button{border:0;background:transparent;color:var(--ink);padding:10px;text-align:left;font-size:12px}.account-dropdown button:hover{background:var(--paper);color:var(--orange)}
.modal textarea{display:block;width:100%;border:1px solid var(--line);padding:12px;margin-top:7px;background:white;resize:vertical}
.auth-options{display:flex;gap:8px;margin:-5px 0 24px}.auth-options button{flex:1;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--muted);padding:10px;font-size:11px}.auth-options button.active{background:var(--purple);border-color:var(--purple);color:#fff;font-weight:700}
.reset-code{padding:10px 12px;border:1px dashed var(--orange);color:var(--orange);font:10px 'DM Mono';word-break:break-all}
.inbox-list{display:grid;gap:10px;margin-top:22px;max-height:360px;overflow:auto}.inbox-list article{border:1px solid var(--line);padding:13px;border-radius:10px}.inbox-list p{margin:7px 0;color:var(--muted);font-size:13px;line-height:1.45}.inbox-list small{font:10px 'DM Mono';color:var(--teal)}.inbox-status{font-size:12px!important;color:var(--teal)!important}.inbox-actions{display:flex;gap:8px;margin-top:12px}.inbox-actions button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;padding:9px 11px;font-size:11px}.inbox-actions button:first-child{background:var(--teal);border-color:var(--teal);color:#10201e;font-weight:700}.inbox-actions .delete-inquiry{background:transparent;color:var(--orange);border-color:var(--orange)}.inbox-actions button:hover{filter:brightness(.94)}
.modal input[type=file]{padding:9px}
.listing-image{width:100%;max-height:230px;object-fit:cover;margin-top:18px}
.selected-pin{display:flex;align-items:center;gap:5px;white-space:nowrap}.selected-pin img{width:18px;height:22px;filter:brightness(0) invert(1)}
.center-picker-pin{pointer-events:none;filter:drop-shadow(0 2px 4px #0008)}.center-picker-pin img{width:34px;height:34px}.placing-pin .map-api-notice{white-space:normal;text-align:center}
.selected-pin{background:transparent;border:0;padding:0;box-shadow:none}.selected-pin img{width:28px;height:28px;filter:none}
.search-result-pin{width:34px;height:42px;display:grid;place-items:center;filter:drop-shadow(0 3px 5px #0008);transition:opacity 1.4s ease,transform 1.4s ease}.search-result-pin img{width:34px;height:42px}.search-result-pin.fade{opacity:0;transform:translateY(-5px) scale(.8)}
@keyframes search-marker-pulse{0%,100%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.12;transform:translateY(-3px) scale(.88)}}
.search-result-pin{animation:search-marker-pulse .72s ease-in-out 3}
.search-result-pin.fade{animation:none}
.google-pin.available-pin{background:#b8ff00;color:#050505;border-radius:7px 7px 7px 2px;padding:5px 8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:700;text-transform:uppercase;box-shadow:0 0 12px #b8ff0088,0 2px 7px #0008}.available-rent{font-size:10px;line-height:1;white-space:nowrap}.available-badge{font:700 8px 'DM Mono';line-height:1;letter-spacing:.08em}
.google-cluster{width:70px;height:54px;border:2px solid #fff;background:linear-gradient(145deg,#343044,#1b1b2d);color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #25222555,0 4px 12px #000b;cursor:pointer}.cluster-count{font:700 17px 'DM Mono';line-height:1;color:#b8ff00}.cluster-label{font:700 8px 'DM Mono';line-height:1;letter-spacing:.02em;white-space:nowrap}.google-cluster:hover{background:linear-gradient(145deg,#4b9b91,#273a3a);transform:translate(-50%,-50%) scale(1.08)}
.cluster-details{display:grid;gap:8px;margin-top:18px;max-height:300px;overflow:auto}.cluster-detail{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);text-align:left}.cluster-detail strong{font:700 13px 'DM Mono'}.cluster-detail span{font-size:11px;color:var(--muted)}.cluster-detail:hover{border-color:var(--teal);transform:translateY(-1px)}

/* Cluster markers use the same speech-bubble language with a dark-mode accent. */
.google-cluster.cluster-bubble{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
.google-cluster.cluster-bubble .marker-bubble{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:3px !important;
  width:max-content !important;
  min-width:72px !important;
  padding:8px 12px !important;
  border:1px solid rgba(191,196,226,.28) !important;
  border-radius:12px !important;
  background:rgba(20,24,49,.9) !important;
  color:#fff !important;
  box-shadow:0 3px 9px rgba(0,0,0,.28) !important;
}
.google-cluster.cluster-bubble .cluster-count{
  display:block !important;
  color:#fff !important;
  font:700 13px/1.05 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-cluster.cluster-bubble .cluster-available{
  display:block !important;
  color:#c3c8dc !important;
  font:500 10px/1 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-cluster.cluster-bubble .cluster-pointer,
.google-cluster.cluster-bubble .marker-pointer{
  display:none !important;
}
.google-cluster.cluster-bubble:hover{transform:none !important}
.my-listings{display:grid;gap:8px;margin-top:20px}.my-listing{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);text-align:left}.my-listing strong{font:700 13px 'DM Mono'}.my-listing span{font-size:11px;color:var(--muted)}.my-listing:hover{border-color:var(--teal);transform:translateY(-1px)}
.google-pin:not(.available-pin){color:#050505;font-weight:700}
.full-map-back{display:flex;align-items:center;gap:11px;font-family:'DM Sans',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.03em}.full-map-back img{width:23px;height:27px;display:block}.full-map-back:hover{color:var(--orange)}
.show-inquiry-pin{margin-top:10px;border:1px solid var(--teal);background:transparent;color:var(--teal);border-radius:6px;padding:9px 11px;font-size:11px}.show-inquiry-pin:hover{background:var(--teal);color:#10201e}
.spam-btn{position:absolute;top:14px;right:52px;width:34px;height:34px;margin:0;padding:0;border:1px solid #d94b4b;background:transparent;color:#d94b4b;border-radius:50%;font-size:18px;line-height:1;display:grid;place-items:center}.spam-btn:hover{background:#d94b4b;color:#fff}
.spam-btn{display:block;margin-top:14px;border:1px solid #c95757;background:transparent;color:#c95757;border-radius:6px;padding:9px 11px;font-size:11px}.spam-btn:hover{background:#c95757;color:#fff}.spam-btn:disabled{opacity:.75;cursor:default}.modal .spam-btn{position:absolute;top:14px;right:52px;width:34px;height:34px;margin:0;padding:0;border:1px solid #d94b4b;background:transparent;color:#d94b4b;border-radius:50%;font-size:18px;line-height:1;display:grid;place-items:center}.modal .spam-btn:hover{background:#d94b4b;color:#fff}
.place-actions{display:grid;gap:9px;margin-top:22px}.place-actions button{display:grid;grid-template-columns:24px 1fr;text-align:left;gap:2px 8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}.place-actions button:hover{border-color:var(--purple);transform:translateY(-1px)}.place-actions strong{font-size:14px}.place-actions small{grid-column:2;color:var(--muted);font-size:11px;line-height:1.35}
.inbox-list{display:grid;gap:10px;margin-top:22px;max-height:360px;overflow:auto}.inbox-list article{border:1px solid var(--line);padding:13px;border-radius:10px}.inbox-list p{margin:7px 0;color:var(--muted);font-size:13px;line-height:1.45}.inbox-list small{font:10px 'DM Mono';color:var(--teal)}
.full-map-view .topbar{display:flex;position:fixed;top:0;right:0;z-index:40;width:auto;height:72px;padding:0 20px;background:transparent;border:0;pointer-events:none}.full-map-view .topbar>*{display:none}.full-map-view .topbar .account-menu{display:block;pointer-events:auto}.full-map-view .account-btn{background:var(--card);border:1px solid var(--line);padding:10px 13px;box-shadow:0 3px 12px #0005}.full-map-view .account-dropdown{top:calc(100% + 6px)}
:root:not([data-theme="light"]) .dark-btn{background:#f3f0eb;color:#111315;font-weight:700}.dark-btn:hover{filter:brightness(.92)}
.full-map-view .map-actions{right:230px}
.inbox-actions button:nth-child(2){background:#6f7378;border-color:#6f7378;color:#fff}.inbox-actions .delete-inquiry{background:transparent;color:#d94b4b;border-color:#d94b4b;font-size:16px;line-height:1;padding:7px 10px}
.full-map-view .map-toolbar .location-btn{margin-right:220px}
.about h3{font:600 25px Fraunces,serif;margin:0 0 17px;color:var(--ink)}.about-points{display:grid;gap:11px;margin:24px 0}.about-points div{display:grid;grid-template-columns:145px 1fr;gap:14px;padding-top:11px;border-top:1px solid var(--line)}.about-points strong{font-size:12px;color:var(--ink)}.about-points span{font-size:12px;color:var(--muted)}.about-help{margin-top:24px!important}.about-help a{color:var(--orange);font-weight:600}.about-help a:hover{text-decoration:underline}
.about-contact{margin-top:14px!important;font-size:12px!important}.about-contact a{color:var(--orange);font-weight:600}.about-contact a:hover{text-decoration:underline}
.policy-page{max-width:1050px;margin:0 auto;padding:86px 5vw 105px}.policy-page h1{font:600 clamp(48px,7vw,84px)/.98 Fraunces,serif;letter-spacing:-.055em;margin:0;color:var(--ink)}.policy-page h1 em{color:var(--orange);font-style:normal}.policy-intro{max-width:650px;color:var(--muted);font-size:16px;line-height:1.7;margin:27px 0 12px}.policy-updated{font:10px 'DM Mono';color:var(--orange);letter-spacing:.04em}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:58px}.policy-card{border:1px solid var(--line);background:var(--card);padding:30px}.policy-wide{grid-column:1/-1}.policy-number{font:10px 'DM Mono';color:var(--orange)}.policy-card h2{font:600 29px Fraunces,serif;margin:15px 0 26px}.policy-card h3{font-size:13px;margin:22px 0 7px;color:var(--ink)}.policy-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.policy-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.policy-checks p{border-top:1px solid var(--line);padding-top:13px}.policy-checks strong{display:block;color:var(--ink);font-size:12px;margin-bottom:6px}.policy-contact{margin-top:30px!important;padding-top:18px;border-top:1px solid var(--line)}.policy-contact a{color:var(--orange);font-weight:600}.policy-topbar{position:sticky}.policy-back{color:var(--ink);text-decoration:none}.policy-back:hover{background:var(--ink);color:var(--paper)}
.full-map-view .full-map-back{display:flex;align-items:center;gap:11px;font-family:'DM Sans',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.03em}.full-map-view .full-map-back img{width:23px;height:27px;display:block}
@media(max-width:800px){.full-map-view .map-actions{right:8px;top:62px}.full-map-view .map-toolbar .location-btn{margin-right:0}.full-map-view .topbar{height:58px;padding:0 8px}.full-map-view .account-dropdown{right:0}}

/* Phone-sized layout refinements */
@media(max-width:800px){
  .modal-backdrop{padding:12px;align-items:flex-start;overflow-y:auto}
  .modal{max-height:calc(100dvh - 24px);overflow-y:auto}
  .policy-page{padding:54px 5vw 72px}
  .policy-page h1{font-size:clamp(42px,12vw,62px)}
  .policy-intro{font-size:14px;line-height:1.65;margin-top:21px}
  .policy-grid{grid-template-columns:1fr;gap:14px;margin-top:42px}
  .policy-wide{grid-column:auto}
  .policy-card{padding:22px}
  .policy-card h2{font-size:27px;margin:13px 0 21px}
  .policy-checks{grid-template-columns:1fr;gap:18px}
}
@media(max-width:520px){
  .topbar{padding:10px 5vw;gap:8px}
  .brand{font-size:16px}
  .outline-btn{padding:9px 10px}
  .theme-toggle{padding:9px 8px}
  .policy-topbar .outline-btn{margin-left:auto}
  .policy-page{padding-top:48px}
  .policy-card{padding:20px}
  .policy-card p{font-size:13px}
}
/* Keep the long owner listing form usable at every viewport size. */
.modal form#listForm{
  max-height:calc(100dvh - 230px);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:8px;
}

/* Map boards: available homes use a wooden To Let plank, rent data hangs like a notice board. */
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:92px;
  padding:8px 11px 9px;
  border:2px solid #704127;
  border-radius:3px;
  background:
    repeating-linear-gradient(8deg,transparent 0 9px,#8b5430 10px 11px),
    linear-gradient(135deg,#d69a5a,#9c572f);
  color:#26140c;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  box-shadow:0 3px 7px #24140c88;
  transform:translate(-50%,-100%);
  text-shadow:0 1px #e5b77c;
}
.google-pin.rent-hanging-board,
.pin.rent-hanging-board{
  min-width:92px;
  padding:10px 11px 9px;
  border:2px solid #4b4842;
  border-radius:2px;
  background:linear-gradient(145deg,#fff9e9,#ded4bd);
  color:#282522;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  box-shadow:0 4px 7px #25222566;
  transform:translate(-50%,-100%);
}
.google-pin.rent-hanging-board::before,
.pin.rent-hanging-board::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:-10px;
  height:10px;
  border-left:2px solid currentColor;
  border-right:2px solid currentColor;
  opacity:.65;
}
.google-pin.to-let-board::after,
.pin.to-let-board::after,
.google-pin.rent-hanging-board::after,
.pin.rent-hanging-board::after{
  content:"";
  position:absolute;
  bottom:-8px;
  left:50%;
  width:13px;
  height:13px;
  background:inherit;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateX(-50%) rotate(45deg);
}
.board-kicker{font:700 8px 'DM Mono';letter-spacing:.1em;line-height:1;white-space:nowrap}
.board-details{display:flex;align-items:center;gap:7px;font:700 12px 'DM Mono';line-height:1;white-space:nowrap}
.board-details strong{font-weight:700}
.board-details b{font-weight:700}
.pin.to-let-board span,
.pin.rent-hanging-board span{
  position:static;
  transform:none;
  white-space:normal;
  background:none;
  padding:0;
  border:0;
  color:inherit;
  font:inherit;
}
.pin.to-let-board:hover,
.pin.rent-hanging-board:hover,
.google-pin.to-let-board:hover,
.google-pin.rent-hanging-board:hover{transform:translate(-50%,-100%) scale(1.08)}

/* Available homes use the familiar red hanging FOR RENT sign. */
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:118px;
  padding:10px 12px 9px;
  border:0;
  border-radius:7px;
  background:#ed171b;
  color:#fff;
  transform:translate(-50%,-100%) rotate(-7deg);
  box-shadow:0 5px 7px #25222566;
  text-shadow:none;
  z-index:2;
}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{font:900 18px/1 'Arial Narrow',Impact,sans-serif;letter-spacing:.02em}
.google-pin.to-let-board .board-details,
.pin.to-let-board .board-details{font-size:10px;gap:8px;color:#fff}
.google-pin.to-let-board .board-details b,
.pin.to-let-board .board-details b{font-size:11px}

/* Override the shared capsule rule for available listings: match the flat reference board. */
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:82px !important;
  min-height:0 !important;
  padding:5px 6px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ed171b !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
}
.google-pin.to-let-board:hover{transform:none !important}
.pin.to-let-board:hover{transform:translate(-50%,-100%) !important}

/* Unified CSS speech-bubble treatment for every map pin. */
.google-pin.rent-hanging-board.bhk-1 .marker-bubble,
.pin.rent-hanging-board.bhk-1 .marker-bubble{background:#303234 !important;box-shadow:0 0 10px #8c969f,0 2px 6px #000b !important}
.google-pin.rent-hanging-board.bhk-2 .marker-bubble,
.pin.rent-hanging-board.bhk-2 .marker-bubble{background:#FFA500 !important;box-shadow:0 0 11px #FFA500,0 2px 6px #000b !important}
.google-pin.rent-hanging-board.bhk-3 .marker-bubble,
.pin.rent-hanging-board.bhk-3 .marker-bubble{background:#800080 !important;box-shadow:0 0 11px #B347B3,0 2px 6px #000b !important}
.google-pin.rent-hanging-board.bhk-1 .marker-pointer,
.pin.rent-hanging-board.bhk-1 .marker-pointer{background:#303234 !important;filter:drop-shadow(0 2px 3px #8c969f) !important}
.google-pin.rent-hanging-board.bhk-2 .marker-pointer,
.pin.rent-hanging-board.bhk-2 .marker-pointer{background:#FFA500 !important;filter:drop-shadow(0 2px 3px #FFA500) !important}
.google-pin.rent-hanging-board.bhk-3 .marker-pointer,
.pin.rent-hanging-board.bhk-3 .marker-pointer{background:#800080 !important;filter:drop-shadow(0 2px 3px #B347B3) !important}
.google-pin.to-let-board,
.google-pin.rent-hanging-board,
.pin.to-let-board,
.pin.rent-hanging-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:2px !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 10px 7px !important;
  border:0 !important;
  border-radius:7px !important;
  color:#fff !important;
  box-shadow:0 2px 6px #0008 !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.google-pin.to-let-board,
.pin.to-let-board{background:#ed171b !important}
.google-pin.rent-hanging-board,
.pin.rent-hanging-board{background:#2B0057 !important}
.pin.to-let-board,
.pin.rent-hanging-board{transform:translate(-50%,-100%) !important}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .board-details,
.google-pin.rent-hanging-board .board-details,
.pin.to-let-board .board-details,
.pin.rent-hanging-board .board-details{
  display:flex !important;
  gap:7px !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .marker-pointer,
.google-pin.rent-hanging-board .marker-pointer,
.pin.to-let-board .marker-pointer,
.pin.rent-hanging-board .marker-pointer{
  display:block !important;
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  margin:-1px auto 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:inherit !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
}
.google-pin.to-let-board::after,
.google-pin.rent-hanging-board::after,
.pin.to-let-board::after,
.pin.rent-hanging-board::after{display:none !important;content:none !important}
.google-pin.to-let-board:hover,
.google-pin.rent-hanging-board:hover{transform:none !important}
.pin.to-let-board:hover,
.pin.rent-hanging-board:hover{transform:translate(-50%,-100%) !important}

/* Speech-bubble arrow: keep the arrow in the marker flow so its tip is the anchor. */
.google-pin.to-let-board,
.google-pin.rent-hanging-board,
.pin.to-let-board,
.pin.rent-hanging-board{
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.google-pin.to-let-board .marker-bubble,
.google-pin.rent-hanging-board .marker-bubble,
.pin.to-let-board .marker-bubble,
.pin.rent-hanging-board .marker-bubble{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:2px !important;
  width:max-content !important;
  padding:6px 10px !important;
  border-radius:7px !important;
  color:#fff !important;
  box-shadow:0 2px 6px #0008 !important;
}
.google-pin.to-let-board .marker-bubble,
.pin.to-let-board .marker-bubble{background:#ed171b !important}
.google-pin.rent-hanging-board .marker-bubble,
.pin.rent-hanging-board .marker-bubble{background:#5b9dff !important;color:#fff !important;box-shadow:0 0 13px #5b9dffaa,0 3px 7px #0008 !important}
.google-pin .marker-pointer,
.pin .marker-pointer{
  display:block !important;
  position:static !important;
  width:14px !important;
  height:8px !important;
  flex:0 0 8px !important;
  margin:-1px auto 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:inherit !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
}
.google-pin.to-let-board .marker-pointer,
.pin.to-let-board .marker-pointer{background:#ed171b !important}
.google-pin.rent-hanging-board .marker-pointer,
.pin.rent-hanging-board .marker-pointer{background:#5b9dff !important}

/* Final cleanup: remove the outer light-blue marker plate behind 1 BHK bubbles. */
.google-pin.rent-hanging-board.bhk-1,
.pin.rent-hanging-board.bhk-1{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.google-pin.rent-hanging-board.bhk-1 .marker-bubble,
.pin.rent-hanging-board.bhk-1 .marker-bubble{background:#5b9dff !important;color:#fff !important;box-shadow:0 0 13px #5b9dffaa,0 3px 7px #0008 !important}
.google-pin.rent-hanging-board.bhk-1 .marker-pointer,
.pin.rent-hanging-board.bhk-1 .marker-pointer{background:#5b9dff !important}

/* Final cleanup: remove the outer light-blue marker plate behind 1 BHK bubbles. */
.google-pin.rent-hanging-board.bhk-1,
.pin.rent-hanging-board.bhk-1{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.google-pin.rent-hanging-board.bhk-1 .marker-bubble,
.pin.rent-hanging-board.bhk-1 .marker-bubble{background:#102a56 !important;color:#fff !important;box-shadow:0 0 13px #3977d4,0 3px 7px #0008 !important}
.google-pin.rent-hanging-board.bhk-1 .marker-pointer,
.pin.rent-hanging-board.bhk-1 .marker-pointer{background:#102a56 !important}

/* Final 1 BHK color override: restore the dark-blue anonymous pin treatment. */
.google-pin.rent-hanging-board.bhk-1 .marker-bubble,
.pin.rent-hanging-board.bhk-1 .marker-bubble{background:#102a56 !important;color:#fff !important;box-shadow:0 0 13px #3977d4,0 3px 7px #0008 !important}
.google-pin.rent-hanging-board.bhk-1 .marker-pointer,
.pin.rent-hanging-board.bhk-1 .marker-pointer{background:#102a56 !important}

/* Keep the desktop map action row clear of the fixed account control. */
@media (min-width: 801px){
  .full-map-view .map-actions{right:280px}
}

/* Remove the outer plate so only the dark-blue 1 BHK bubble is visible. */
.google-pin.rent-hanging-board.bhk-1,
.pin.rent-hanging-board.bhk-1{
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
}
.google-pin.rent-hanging-board.bhk-1 .marker-pointer,
.pin.rent-hanging-board.bhk-1 .marker-pointer{background:#102a56 !important}
.google-pin.rent-hanging-board.bhk-1 .marker-bubble,
.pin.rent-hanging-board.bhk-1 .marker-bubble{background:#102a56 !important;color:#fff !important;box-shadow:0 0 13px #3977d4,0 3px 7px #0008 !important}

/* Final responsive layout: stack controls instead of letting them overlap on narrow screens. */
@media (max-width: 800px){
  html,body{overflow-x:hidden}
  .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:10px 16px;min-height:64px}
  .topbar .brand{min-width:0}
  .topbar .outline-btn{grid-column:1/-1;grid-row:2;width:100%;margin:0;text-align:center}
  .topbar .account-menu{grid-column:2;grid-row:1}
  .topbar .theme-toggle{grid-column:3;grid-row:1;margin:0}
  .topbar .topnav{display:none}
  .account-btn,.theme-toggle,.outline-btn{min-height:42px;white-space:nowrap}
  .account-btn{max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .account-dropdown{right:0;max-width:calc(100vw - 24px)}

  .map-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px 16px;margin:0;height:auto}
  .map-toolbar .search-wrap{grid-column:1/-1;width:100%;min-width:0}
  .map-toolbar .filter-btn,.map-toolbar .location-btn{width:100%;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis}
  .map-toolbar .location-btn{display:block}
  .filter-panel.open{top:132px;left:12px;right:12px;width:auto;max-width:none;padding:10px 12px 14px;display:grid;gap:10px}
  .filter-panel.open>div{width:100%;max-width:none}
  .filter-panel.open .segmented{display:flex;flex-wrap:wrap;gap:4px;max-width:none;overflow:visible}
  .filter-panel.open .segmented button{margin:0;min-height:38px;max-width:100%;white-space:nowrap}
  .filter-panel.open .range-field{width:100%}

  .map-shell{height:min(72dvh,560px);min-height:390px}
  .map-actions,.full-map-view .map-actions{left:8px;right:8px;top:auto;bottom:58px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-width:none;align-items:stretch}
  .map-actions button,.full-map-view .map-actions button{width:100%;max-width:none;min-height:38px;padding:7px 6px;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .map-tools,.full-map-view .map-tools{top:12px;right:8px}
  .map-location-bottom{left:8px;bottom:10px;max-width:calc(50% - 12px);padding:10px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .map-legend{left:auto;right:8px;bottom:10px;max-width:48%;padding:7px 8px;font-size:8px;gap:3px}
  .map-footer{padding-left:16px;padding-right:16px}

  .modal-backdrop{padding:10px;align-items:flex-start;overflow-y:auto}
  .modal{width:100%;max-width:470px;max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain}
  .modal form{max-height:none;overflow:visible}
  .modal .reach-owner,.modal .let-out-btn{width:100%;margin-right:0}
  .inbox-actions{flex-wrap:wrap}
  .inbox-actions button{flex:1 1 auto;min-height:42px}

  .full-map-view .map-toolbar{height:auto;min-height:0;padding:10px 16px;position:absolute;top:0;left:0;right:0}
  .full-map-view .map-shell{height:100dvh;min-height:0}
  .full-map-view .map-toolbar .search-wrap{background:rgba(20,24,28,.72)}
  .full-map-view .topbar{display:block;height:58px;padding:8px;pointer-events:none}
  .full-map-view .topbar .account-menu{display:block;margin-right:46px}
  .full-map-view .topbar .account-btn{pointer-events:auto}
}

@media (max-width: 420px){
  .topbar{padding-left:12px;padding-right:12px}
  .brand{font-size:14px}
  .brand-pin{width:17px;height:21px}
  .account-btn{max-width:112px;font-size:9px;padding-left:6px;padding-right:6px}
  .theme-toggle{font-size:8px;padding-left:5px;padding-right:5px}
  .outline-btn{font-size:10px}
  .map-actions,.full-map-view .map-actions{grid-template-columns:1fr}
  .map-actions button,.full-map-view .map-actions button{min-height:34px}
  .map-legend{display:none}
}

/* Final mobile compatibility layer. */
@media (max-width: 600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom)}
  .topbar{min-height:64px;padding:10px max(16px,5vw);gap:8px;align-items:center}
  .brand{flex:1 1 auto;min-width:0;gap:7px;font-size:16px}
  .brand-name{white-space:nowrap}
  .brand-pin{width:19px;height:23px;flex:0 0 auto}
  .outline-btn,.account-btn,.theme-toggle{min-height:42px;white-space:nowrap}
  .outline-btn{font-size:10px;padding:9px 10px}
  .account-btn{font-size:10px;padding:9px 5px}
  .theme-toggle{font-size:9px;padding:9px 6px}
  .account-dropdown{right:0;max-width:calc(100vw - 24px);min-width:190px}

  .hero{padding:42px 7vw 50px;min-height:0}
  .hero h1{font-size:clamp(38px,12vw,56px);overflow-wrap:anywhere}
  .hero-lede{font-size:14px;line-height:1.6}
  .hero-stats{gap:18px;margin-top:28px}
  .hero-stats strong{font-size:20px}
  .hero-stats span{font-size:9px}
  .hero-note{margin-top:38px}

  .map-section{padding:0 0 58px}
  .map-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 5vw;margin:0;height:auto}
  .search-wrap{grid-column:1/-1;width:100%;min-width:0;min-height:46px}
  .search-wrap input{min-width:0;font-size:16px;padding:12px 0}
  .filter-btn,.location-btn{min-height:44px;padding:10px 11px;font-size:10px}
  .filter-panel{display:none;grid-template-columns:1fr;gap:8px;padding:4px 5vw 16px}
  .filter-panel.open{display:grid}
  .segmented{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .segmented::-webkit-scrollbar{display:none}
  .segmented button{min-height:42px;white-space:nowrap}
  .range-field{width:100%}
  .map-shell{height:min(68vh,540px);min-height:380px}
  .map-actions{right:8px;top:62px;max-width:calc(100% - 70px);gap:5px}
  .map-actions button{min-height:40px;max-width:210px;padding:8px 9px;font-size:9px;overflow:hidden;text-overflow:ellipsis}
  .map-tools{right:8px;top:12px}
  .map-tools button{width:42px;height:42px}
  .map-legend{left:8px;bottom:24px;max-width:calc(100% - 16px);padding:9px 10px;gap:5px;font-size:9px}
  .map-footer{padding:10px 5vw 0;gap:8px;flex-wrap:wrap;line-height:1.4}
  .map-footer span{max-width:100%;overflow-wrap:anywhere}

  .modal-backdrop{padding:10px;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .modal{width:100%;max-width:470px;max-height:calc(100dvh - 20px);padding:28px 18px 22px;overflow-y:auto;border-radius:8px}
  .modal h2{font-size:clamp(34px,10vw,44px);overflow-wrap:anywhere}
  .modal-muted{font-size:13px}
  .modal form,.modal form#listForm{max-height:none;overflow:visible;padding-right:0}
  .modal label{font-size:10px;line-height:1.35}
  .modal input,.modal select,.modal textarea{width:100%;max-width:100%;font-size:16px;min-height:46px}
  .modal textarea{min-height:92px;resize:vertical}
  .modal form .dark-btn{min-height:48px}
  .modal-close{right:10px;top:8px;min-width:42px;min-height:42px}
  .place-actions button{min-height:62px;padding:13px}
  .inbox-list{max-height:none;overflow:visible}
  .inbox-actions{flex-wrap:wrap}
  .inbox-actions button{min-height:42px}
  .cluster-details{max-height:45dvh}

  .full-map-view .map-toolbar{min-height:142px;height:auto;padding:8px 5vw}
  .full-map-view .map-shell{height:calc(100dvh - 142px);min-height:0}
  .full-map-view .map-actions{top:10px;right:8px}
}

@media (max-width: 400px){
  .topbar{padding-left:12px;padding-right:12px}
  .brand{font-size:14px}
  .brand-pin{width:17px;height:21px}
  .outline-btn{font-size:9px;padding-left:8px;padding-right:8px}
  .account-btn{max-width:62px}
  .theme-toggle{font-size:8px;padding-left:4px;padding-right:4px}
  .hero{padding-left:6vw;padding-right:6vw}
  .hero-stats{gap:12px}
  .map-toolbar,.filter-panel{padding-left:12px;padding-right:12px}
  .map-shell{min-height:350px}
  .modal{padding-left:15px;padding-right:15px}
}

/* Filters float over the map controls without making the page jump. */
.map-section{position:relative}
.filter-panel.open{position:absolute;top:76px;left:5vw;right:5vw;z-index:12;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 30px #0005;padding:4px 18px 17px}
.filter-panel.open{right:auto;width:max-content;max-width:calc(100vw - 24px);align-items:flex-start;gap:24px}
.filter-panel.open>div{width:max-content;max-width:100%}
.filter-panel.open .segmented{max-width:calc(100vw - 48px);overflow-x:auto}
@media(max-width:800px){.filter-panel.open{top:132px;left:5vw;right:auto;padding:4px 12px 16px}}
#pgGenderFilterGroup{display:none}
#pgGenderFilterGroup.visible{display:block}
.pg-audience-field{display:none !important}
.pg-audience-field.visible{display:block !important}
.filter-panel.open{background:rgba(24,27,30,.72);border-color:#ffffff42;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
:root[data-theme="light"] .filter-panel.open{background:rgba(252,250,247,.76);border-color:#25222542}
.category-pg{background:#8b2fc9 !important;box-shadow:0 0 13px #d774ff,0 2px 6px #0008 !important}
.category-rk{background:#007f86 !important;box-shadow:0 0 13px #25e0e0,0 2px 6px #0008 !important}
.marker-bubble.category-4plus{background:#b45f00 !important;box-shadow:0 0 13px #ffb347,0 2px 6px #0008 !important}
.marker-bubble.category-pg{background:#8b2fc9 !important;box-shadow:0 0 13px #d774ff,0 2px 6px #0008 !important}
.marker-bubble.category-rk{background:#007f86 !important;box-shadow:0 0 13px #25e0e0,0 2px 6px #0008 !important}
.google-pin.rent-hanging-board.bhk-1 .marker-bubble,.google-pin.to-let-board.bhk-1 .marker-bubble,.pin.rent-hanging-board.bhk-1 .marker-bubble,.pin.to-let-board.bhk-1 .marker-bubble{background:#5b9dff !important;box-shadow:0 0 13px #5b9dffaa,0 2px 6px #0008 !important}
.google-pin.rent-hanging-board.bhk-1 .marker-pointer,.google-pin.to-let-board.bhk-1 .marker-pointer,.pin.rent-hanging-board.bhk-1 .marker-pointer,.pin.to-let-board.bhk-1 .marker-pointer{background:#5b9dff !important;filter:drop-shadow(0 2px 3px #5b9dff) !important}
.use-location-form{display:inline-flex;align-items:center;justify-content:center;margin:8px 0 2px;padding:10px 12px;border:1px solid var(--teal);background:transparent;color:var(--teal);font-size:11px;min-height:42px}
.modal .pick-location,.modal .use-location-form{width:calc(50% - 5px)}
.modal .pick-location{display:inline-flex;align-items:center;justify-content:center;margin-right:6px}
.whatsapp-share{display:flex;align-items:center;justify-content:center;margin-top:16px;padding:13px 15px;background:#25d366;color:#062b16;border-radius:6px;font-size:12px;font-weight:600;text-align:center}
.modal .reach-owner,.modal .let-out-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:44px;margin-top:16px;border-radius:7px;font-size:11px;font-weight:600}
.modal .reach-owner{width:calc(100% - 142px);margin-right:8px}
.modal .let-out-btn{width:134px;padding:10px 9px;border:1px solid #f0a15f;background:linear-gradient(135deg,#f0a15f,#d56b3f);color:#24130b;box-shadow:0 4px 12px #d56b3f55;cursor:pointer}
.modal .let-out-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 16px #d56b3f77}
.pg-summary{margin:0 0 8px;color:#d774ff;font:500 11px/1.35 'DM Mono';letter-spacing:.08em;text-transform:uppercase}
.pg-phone{color:#d774ff !important;margin-top:8px !important}
.modal form#listForm{max-height:none !important;overflow:visible !important;padding-right:0 !important}
.modal{scrollbar-width:thin;scrollbar-color:var(--orange) transparent}
.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:var(--orange);border-radius:10px;border:2px solid var(--card)}
.modal-backdrop{background:rgba(4,7,12,.58);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}
.modal{background:rgba(27,30,33,.78);border:1px solid #ffffff3d;box-shadow:0 20px 60px #0008;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.google-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:18px 0 -8px;border:1px solid #ffffff55;border-radius:6px;background:rgba(255,255,255,.13);color:var(--ink);font-size:12px;font-weight:600;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.google-login:hover{background:rgba(255,255,255,.24);border-color:#ffffff99}
.google-login{gap:9px}
.google-logo{width:18px;height:18px;flex:0 0 18px}
.auth-or{display:flex;align-items:center;gap:10px;margin:20px 0 0;color:var(--muted);font:10px 'DM Mono';letter-spacing:.12em}
.auth-or::before,.auth-or::after{content:"";height:1px;flex:1;background:var(--line)}
.sharing-rent-field{display:none}.sharing-rent-field.visible{display:block}
.filter-btn,.location-btn,.outline-btn,.account-btn,.theme-toggle,.search-wrap,.map-actions button,.map-tools button,.map-location-bottom,.map-api-notice,.full-map-link,.street-view-close{border-radius:999px}
.filter-panel.open{border-radius:18px}.place-suggestions{border-radius:14px;overflow:hidden}.place-suggestion:first-child{border-radius:13px 13px 0 0}.place-suggestion:last-child{border-radius:0 0 13px 13px}
.listing-section{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.listing-section-title{margin:0 0 4px;color:var(--orange);font:500 10px 'DM Mono';letter-spacing:.12em}
.listing-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.listing-section label{position:relative}
.listing-section label small{display:block;margin-top:4px;color:var(--muted);font:9px 'DM Mono'}
.listing-headline{margin:-4px 0 14px;color:var(--teal);font:600 14px/1.4 'DM Sans',sans-serif}
.listing-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 4px}
.listing-facts div{padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.06)}
.listing-facts small{display:block;color:var(--muted);font:9px 'DM Mono';text-transform:uppercase;letter-spacing:.05em}
.listing-facts strong{display:block;margin-top:4px;color:var(--ink);font-size:12px;font-weight:600}
@media(max-width:600px){.listing-grid{grid-template-columns:1fr}.listing-facts{grid-template-columns:1fr 1fr}.listing-facts div{padding:9px}.listing-facts strong{font-size:11px}}
:root[data-theme="light"] .modal{background:rgba(252,250,247,.82);border-color:#25222542}.modal input[readonly]{opacity:.75}
.nearby-place-marker{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f8f4ed;color:#111;font-size:17px;border:2px solid #b8ff00;box-shadow:0 0 12px #b8ff00aa;cursor:pointer}
.map-actions button.active{background:var(--teal);color:#071c1a;border-color:var(--teal)}
.full-map-view .map-toolbar{position:absolute;top:0;left:0;right:0;z-index:12;height:76px;background:transparent;border:0;pointer-events:none}
.full-map-view .map-toolbar>*{pointer-events:auto}
.full-map-view .map-toolbar .location-btn{margin-right:0}
.map-toolbar .location-btn{display:none}
.map-location-bottom{position:absolute;left:18px;bottom:18px;z-index:7;padding:11px 14px;border:1px solid #ffffff55;border-radius:8px;background:rgba(24,27,30,.72);color:#fff;box-shadow:0 8px 20px #0005;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);font-size:11px}
.filter-panel.open>div{min-width:0}
.filter-panel.open .segmented button{background:rgba(255,255,255,.12) !important;color:var(--ink);border-color:#ffffff42;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.filter-panel.open .segmented button.active{background:rgba(255,255,255,.3) !important;color:var(--ink);border-color:#ffffff80}
.filter-panel.open .range-field input{background:transparent}
.full-map-view .map-tools{top:82px}
.full-map-view .topbar .account-menu{margin-right:58px}
:root[data-theme="light"] .map-location-bottom{background:rgba(252,250,247,.78);color:var(--ink);border-color:#25222542}
.full-map-view .map-toolbar .search-wrap,.full-map-view .map-toolbar .filter-btn,.full-map-view .map-toolbar .location-btn,.full-map-view .map-toolbar .full-map-back{background:rgba(24,27,30,.72);border:1px solid #ffffff42;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.full-map-view .map-shell{height:100vh}
.full-map-view .map-section{padding:0}
:root[data-theme="light"] .full-map-view .map-toolbar .search-wrap,:root[data-theme="light"] .full-map-view .map-toolbar .filter-btn,:root[data-theme="light"] .full-map-view .map-toolbar .location-btn,:root[data-theme="light"] .full-map-view .map-toolbar .full-map-back{background:rgba(252,250,247,.76);border-color:#25222542}
@media(max-width:800px){.modal .pick-location,.modal .use-location-form{width:calc(50% - 4px);margin-right:0;padding-left:5px;padding-right:5px;font-size:10px;white-space:nowrap}.map-location-bottom{left:10px;bottom:12px}.full-map-view .map-toolbar{height:142px;min-height:0}.full-map-view .map-shell{height:100dvh}.full-map-view .map-toolbar .full-map-back{display:none}.full-map-view .map-toolbar .search-wrap{background:rgba(24,27,30,.72)}.full-map-view .map-tools{top:68px}.full-map-view .topbar .account-menu{margin-right:46px}}

/* Frosted controls remain compact and never force a horizontal filter scroll. */
.filter-panel.open .segmented{overflow:visible;flex-wrap:wrap;gap:0}
.filter-panel.open .segmented button{background:rgba(255,255,255,.14) !important;border-color:#ffffff48 !important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
.filter-panel.open{background:rgba(20,24,28,.58) !important;border-color:#ffffff55 !important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.full-map-view .map-actions button,.full-map-view .map-tools button,.full-map-view .map-location-bottom,.full-map-view .map-api-notice,.full-map-view .map-legend,.full-map-view .map-toolbar .search-wrap,.full-map-view .map-toolbar .filter-btn{background:rgba(20,24,28,.54) !important;border-color:#ffffff55 !important;box-shadow:0 10px 28px #0006;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
@media(max-width:800px){.filter-panel.open .segmented{max-width:calc(100vw - 48px);overflow:visible;flex-wrap:wrap}.filter-panel.open .segmented button{margin:2px 2px 2px 0}.filter-panel.open{width:fit-content;max-width:calc(100vw - 24px)}}
@media(max-width:800px){.full-map-view .map-actions{top:auto !important;bottom:58px !important;height:auto !important;max-height:calc(100dvh - 250px);overflow-y:auto}}
@media(max-width:800px){
  .map-toolbar .filter-btn{width:max-content;justify-self:start;white-space:nowrap}
  .full-map-view .map-toolbar .search-wrap{position:absolute;top:10px;left:12px;right:76px;width:auto}
  .full-map-view .map-toolbar .filter-btn{position:absolute;top:68px;left:12px;width:max-content;justify-self:auto}
  .filter-panel.open{top:124px;left:12px;right:auto;width:fit-content;max-width:calc(100vw - 24px)}
}
@media(max-width:800px){
  .map-actions,.full-map-view .map-actions{left:12px;right:auto;bottom:58px;top:auto !important;width:max-content;max-width:calc(100vw - 64px);display:flex;flex-direction:column;align-items:flex-start;gap:5px;height:auto !important;max-height:calc(100dvh - 250px);overflow-y:auto}
  .map-actions button,.full-map-view .map-actions button{width:max-content;max-width:100%;min-height:36px;padding:8px 12px;white-space:nowrap;text-align:left}
}

/* Admin dashboard */
.admin-page{max-width:1100px;margin:0 auto;padding:70px 5vw 100px}.admin-page h1{font:600 clamp(48px,7vw,82px)/.98 Fraunces,serif;letter-spacing:-.055em;margin:0}.admin-page h1 em{color:var(--orange);font-style:normal}.admin-card{background:var(--card);border:1px solid var(--line);padding:28px;margin-top:24px}.admin-card form{max-width:420px;margin-top:25px}.admin-card label{display:block;font:10px 'DM Mono';color:var(--muted);margin-top:15px}.admin-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.admin-card .dark-btn{width:100%;margin-top:22px}.admin-error{color:#df5757;font-size:12px}.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.admin-heading>div:last-child{display:flex;align-items:flex-end;gap:12px}.admin-days{font:10px 'DM Mono';color:var(--muted)}.admin-days input{width:120px}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px}.admin-stats div{border:1px solid var(--line);padding:15px;background:var(--paper)}.admin-stats strong,.admin-stats span{display:block}.admin-stats strong{font:600 25px Fraunces,serif}.admin-stats span{margin-top:5px;font:9px 'DM Mono';color:var(--muted);text-transform:uppercase}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-card h2{font:600 29px Fraunces,serif;margin:0 0 18px}.admin-card article{border-top:1px solid var(--line);padding:12px 0}.admin-card article span,.admin-card article small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.admin-card article p{font-size:13px;margin:8px 0;line-height:1.4}.admin-table-wrap{overflow-x:auto}.admin-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.admin-table-wrap th,.admin-table-wrap td{text-align:left;border-top:1px solid var(--line);padding:11px 8px;white-space:nowrap}.admin-delete{border:1px solid #d94b4b;color:#d94b4b;background:transparent;padding:7px 10px;border-radius:5px;font-size:11px}.admin-delete:hover{background:#d94b4b;color:white}
 @media(max-width:800px){.admin-page{padding:44px 5vw 70px}.admin-heading{display:block}.admin-heading>div:last-child{margin-top:24px;justify-content:space-between}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-card{padding:20px}.admin-card h2{font-size:26px}}
.admin-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-section-heading h2{margin:0}.admin-hint{color:var(--muted);font:9px 'DM Mono';text-align:right}.admin-insight{border-top:1px solid var(--line);padding:12px 0}.admin-insight summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.admin-insight summary::-webkit-details-marker{display:none}.admin-insight summary::after{content:'＋';color:var(--orange);font-size:18px}.admin-insight[open] summary::after{content:'−'}.admin-insight summary span{display:grid;gap:5px;min-width:0}.admin-insight summary strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.admin-insight summary small{color:var(--muted);font:10px 'DM Mono'}.admin-insight summary>b{color:var(--orange);font-size:11px;white-space:nowrap}.admin-detail{padding:14px 0 2px}.admin-detail-label{margin:4px 0 8px;color:var(--teal);font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.06em}.admin-message{border-left:2px solid var(--orange);padding:7px 10px;margin:8px 0;background:rgba(255,255,255,.04)}.admin-message p{margin:0 0 5px;line-height:1.45;font-size:12px}.admin-message small,.admin-upload small{color:var(--muted);font:9px 'DM Mono'}.admin-activity{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;font-size:11px}.admin-activity b{color:var(--teal);white-space:nowrap}.admin-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-upload{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.admin-upload img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.admin-upload figcaption{display:grid;gap:4px;padding:10px}.admin-upload figcaption strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-upload figcaption span{color:var(--muted);font-size:10px}.traffic-highlight{display:inline-grid;min-width:45%;margin:0 8px 18px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04)}.traffic-highlight strong{font:600 25px Fraunces,serif}.traffic-highlight span,.traffic-highlight small{display:block}.traffic-highlight span{font-size:10px;color:var(--teal);text-transform:uppercase}.traffic-highlight small{margin-top:4px;color:var(--muted);font:9px 'DM Mono'}
@media(max-width:800px){.admin-insight-grid{grid-template-columns:1fr}.admin-section-heading{display:block}.admin-hint{text-align:left;display:block;margin-top:6px}.admin-upload-grid{grid-template-columns:1fr 1fr}.traffic-highlight{min-width:0;width:calc(50% - 8px)}}
@media(max-width:420px){.admin-upload-grid{grid-template-columns:1fr}.admin-insight summary{align-items:flex-start}.admin-insight summary>b{font-size:10px}.traffic-highlight{width:100%;margin-right:0}}

/* Keep the bubble container transparent so only the rounded bubble and arrow are visible. */
.google-pin.to-let-board,
.google-pin.rent-hanging-board,
.pin.to-let-board,
.pin.rent-hanging-board{
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:0 !important;
  width:max-content;
  padding:5px 5px 0 !important;
}
.google-pin.to-let-board::after,
.pin.to-let-board::after{background:#fff}

/* Canonical marker styles matching the supplied reference image. */
.google-pin.to-let-board,
.pin.to-let-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:3px !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:5px 5px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ed171b !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.pin.to-let-board{transform:translate(-50%,-100%) !important}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{
  display:block !important;
  margin:0 !important;
  font:700 12px/1 'Arial Narrow',Arial,sans-serif !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .board-details,
.pin.to-let-board .board-details{
  display:flex !important;
  gap:7px !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .board-details strong,
.google-pin.to-let-board .board-details b,
.pin.to-let-board .board-details strong,
.pin.to-let-board .board-details b{font-weight:600 !important}
.google-pin.to-let-board::after,
.pin.to-let-board::after{
  position:static !important;
  display:block !important;
  width:3px !important;
  height:16px !important;
  flex:0 0 16px !important;
  margin:2px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  clip-path:none !important;
  transform:none !important;
}
.google-pin.to-let-board:hover{transform:none !important}
.pin.to-let-board:hover{transform:translate(-50%,-100%) !important}

.google-pin.rent-hanging-board,
.pin.rent-hanging-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 12px 0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#2B0057 !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.pin.rent-hanging-board{transform:translate(-50%,-100%) !important}
.google-pin.rent-hanging-board .board-details,
.pin.rent-hanging-board .board-details{
  display:flex !important;
  gap:7px !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-pin.rent-hanging-board .board-details strong,
.google-pin.rent-hanging-board .board-details b,
.pin.rent-hanging-board .board-details strong,
.pin.rent-hanging-board .board-details b{font-weight:600 !important}
.google-pin.rent-hanging-board::after,
.pin.rent-hanging-board::after{
  position:static !important;
  display:none !important;
  align-self:center !important;
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  margin:1px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#2B0057 !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
  transform:none !important;
}
.google-pin.rent-hanging-board:hover{transform:none !important}
.pin.rent-hanging-board:hover{transform:translate(-50%,-100%) !important}

/* The visible pointer is the explicit marker-pointer child above. */
.google-pin.to-let-board::after,
.google-pin.rent-hanging-board::after,
.pin.to-let-board::after,
.pin.rent-hanging-board::after{display:none !important;content:none !important}

/* Final FOR RENT capsule override. */
.google-pin.to-let-board,
.pin.to-let-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 12px 0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ed171b !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.pin.to-let-board{transform:translate(-50%,-100%) !important}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .marker-pointer,
.pin.to-let-board .marker-pointer{
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  margin:1px auto 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ed171b !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
}
.google-pin.to-let-board:hover{transform:none !important}
.pin.to-let-board:hover{transform:translate(-50%,-100%) !important}

/* FOR RENT pins use the same compact capsule geometry as anonymous pins. */
.google-pin.to-let-board,
.pin.to-let-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 12px 0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ed171b !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.pin.to-let-board{transform:translate(-50%,-100%) !important}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .board-details,
.pin.to-let-board .board-details{
  display:flex !important;
  gap:7px !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .board-details strong,
.google-pin.to-let-board .board-details b,
.pin.to-let-board .board-details strong,
.pin.to-let-board .board-details b{font-weight:600 !important}
.google-pin.to-let-board .marker-pointer,
.pin.to-let-board .marker-pointer{
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  margin:1px auto 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ed171b !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
}
.google-pin.to-let-board:hover{transform:none !important}
.pin.to-let-board:hover{transform:translate(-50%,-100%) !important}

/* Use a real child for the pointer so Google AdvancedMarker rendering cannot hide it. */
.google-pin.to-let-board::after,
.google-pin.rent-hanging-board::after,
.pin.to-let-board::after,
.pin.rent-hanging-board::after{display:none !important;content:none !important}
.google-pin .marker-pointer,
.pin .marker-pointer{
  display:block !important;
  position:static !important;
  margin:2px auto 0 !important;
  padding:0 !important;
  border:0 !important;
  background:#fff !important;
  transform:none !important;
  box-shadow:none !important;
  font-style:normal !important;
}
.google-pin.to-let-board .marker-pointer,
.pin.to-let-board .marker-pointer{
  width:3px !important;
  height:16px !important;
  flex:0 0 16px !important;
  border-radius:0 !important;
}
.google-pin.rent-hanging-board .marker-pointer,
.pin.rent-hanging-board .marker-pointer{
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  background:#2B0057 !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
}

/* Absolute final marker overrides: match the supplied reference exactly. */
.google-pin.to-let-board,
.pin.to-let-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:3px !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:5px 5px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ed171b !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.pin.to-let-board{transform:translate(-50%,-100%) !important}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font:700 12px/1 Arial,sans-serif !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .board-details,
.pin.to-let-board .board-details{
  display:flex !important;
  gap:7px !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-pin.to-let-board .board-details strong,
.google-pin.to-let-board .board-details b,
.pin.to-let-board .board-details strong,
.pin.to-let-board .board-details b{font-weight:600 !important}
.google-pin.to-let-board::after,
.pin.to-let-board::after{
  position:static !important;
  display:block !important;
  align-self:center !important;
  width:3px !important;
  height:16px !important;
  flex:0 0 16px !important;
  margin:2px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  clip-path:none !important;
  transform:none !important;
}
.google-pin.to-let-board:hover{transform:none !important}
.pin.to-let-board:hover{transform:translate(-50%,-100%) !important}

.google-pin.rent-hanging-board,
.pin.rent-hanging-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 12px 0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#2B0057 !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.pin.rent-hanging-board{transform:translate(-50%,-100%) !important}
.google-pin.rent-hanging-board .board-details,
.pin.rent-hanging-board .board-details{
  display:flex !important;
  gap:7px !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-pin.rent-hanging-board .board-details strong,
.google-pin.rent-hanging-board .board-details b,
.pin.rent-hanging-board .board-details strong,
.pin.rent-hanging-board .board-details b{font-weight:600 !important}
.google-pin.rent-hanging-board::after,
.pin.rent-hanging-board::after{
  position:static !important;
  display:block !important;
  align-self:center !important;
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  margin:1px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#2B0057 !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
  transform:none !important;
}
.google-pin.rent-hanging-board:hover{transform:none !important}
.pin.rent-hanging-board:hover{transform:translate(-50%,-100%) !important}

/* Available listings use a compact red board with a straight pointer to the map coordinate. */
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:82px;
  padding:5px 6px 0;
  border-radius:0;
  background:#ed171b;
  color:#fff;
  gap:3px;
}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}
.google-pin.to-let-board::after,
.pin.to-let-board::after{
  width:3px;
  height:12px;
  flex-basis:12px;
  margin-top:2px;
  background:#050505;
  clip-path:none;
}
.google-pin.to-let-board,
.pin.to-let-board{
  background:#ed171b;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
  text-shadow:none;
}
.google-pin.to-let-board:hover{transform:none}
.pin.to-let-board:hover{transform:translate(-50%,-100%)}
.pin.to-let-board:hover,
.google-pin.to-let-board:hover{transform:translate(-50%,-100%) rotate(-7deg) scale(1.08)}

/* Final marker sizing and shapes. */
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:102px;
  min-height:0;
  padding:6px 10px 5px;
}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{font-size:13px}
.google-pin.to-let-board::after,
.pin.to-let-board::after,
.google-pin.rent-hanging-board::after,
.pin.rent-hanging-board::after{display:none}
.google-pin.rent-hanging-board,
.pin.rent-hanging-board{
  min-width:96px;
  min-height:0;
  padding:6px 12px 5px;
  border:0;
  border-radius:999px;
  background:#2B0057;
  color:#fff;
  box-shadow:0 3px 7px #25222566;
}
.google-pin.rent-hanging-board::before,
.pin.rent-hanging-board::before{display:none}
.google-pin.rent-hanging-board .board-kicker,
.pin.rent-hanging-board .board-kicker{font-size:8px}
.google-pin.rent-hanging-board .board-details,
.pin.rent-hanging-board .board-details{font-size:10px;gap:6px;color:#fff}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{font-weight:700}
.google-pin.rent-hanging-board .board-kicker,
.pin.rent-hanging-board .board-kicker{font-weight:600}
.board-details,
.board-details strong,
.board-details b{font-weight:500}

/* BHK color coding shared by available signs and anonymous rent capsules. */
.google-pin.bhk-1,
.pin.bhk-1{background:#28282B;color:#fff;text-shadow:0 1px 2px #25222566;box-shadow:0 0 12px #303234,0 3px 7px #25222588}
.google-pin.bhk-2,
.pin.bhk-2{background:#FFA500;color:#fff;box-shadow:0 0 12px #FFA500,0 3px 7px #8a4f0088}
.google-pin.bhk-3,
.pin.bhk-3{background:#800080;color:#fff;box-shadow:0 0 12px #800080,0 3px 7px #25222588}
.google-pin.to-let-board,
.pin.to-let-board,
.google-pin.to-let-board.bhk-1,
.pin.to-let-board.bhk-1,
.google-pin.to-let-board.bhk-2,
.pin.to-let-board.bhk-2,
.google-pin.to-let-board.bhk-3,
.pin.to-let-board.bhk-3{background:#ed171b;color:#fff;box-shadow:0 0 13px #ed171bcc,0 4px 8px #25222588}
.google-cluster{box-shadow:0 0 12px #a79be4aa,0 4px 12px #000b}

/* Available-property signs stay red; BHK colors apply to anonymous rent capsules. */
.google-pin.to-let-board,
.pin.to-let-board{background:#ed171b;color:#fff}
.google-pin.rent-hanging-board.bhk-1,
.pin.rent-hanging-board.bhk-1{background:transparent;color:#fff;box-shadow:none}
.google-pin.to-let-board::after,
.pin.to-let-board::after,
.google-pin.rent-hanging-board::after,
.pin.rent-hanging-board::after{
  position:static;
  display:block;
  align-self:center;
  width:10px;
  height:6px;
  flex:0 0 6px;
  margin-top:-1px;
  border:0;
  background:inherit;
  transform:none;
  clip-path:polygon(0 0,100% 0,50% 100%);
}
.google-pin.to-let-board,
.google-pin.rent-hanging-board{transform:none}
.pin.to-let-board{transform:translate(-50%,-100%)}
.google-pin.to-let-board:hover,
.google-pin.rent-hanging-board:hover{transform:scale(1.08)}
.pin.to-let-board:hover{transform:translate(-50%,-100%) scale(1.08)}

/* Final available-board geometry: the pointer tip is the marker anchor. */
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:82px;
  padding:5px 6px 0;
  border-radius:0;
  background:#ed171b;
  color:#fff;
  gap:3px;
}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}
.google-pin.to-let-board::after,
.pin.to-let-board::after{
  width:3px;
  height:12px;
  flex:0 0 12px;
  margin-top:2px;
  background:#050505;
  clip-path:none;
}

/* All pins share the compact capsule treatment shown in the reference. */
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:96px;
  padding:6px 12px 5px;
  border:0;
  border-radius:999px;
  background:#ed171b;
  color:#fff;
  text-shadow:none;
}
.google-pin.to-let-board .board-details,
.pin.to-let-board .board-details{font-size:10px;gap:6px;color:#fff}
.google-pin.to-let-board .board-details b,
.pin.to-let-board .board-details b{font-size:11px}

/* Force the FOR RENT reference shape after the shared capsule styles. */
.google-pin.to-let-board,
.pin.to-let-board{
  min-width:82px !important;
  min-height:0 !important;
  padding:5px 6px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ed171b !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
}
.google-pin.to-let-board:hover{transform:none !important}
.pin.to-let-board:hover{transform:translate(-50%,-100%) !important}

/* Final anonymous-pin reference shape. */
.google-pin.rent-hanging-board,
.pin.rent-hanging-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 12px 0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#2B0057 !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.pin.rent-hanging-board{transform:translate(-50%,-100%) !important}
.google-pin.rent-hanging-board .board-details,
.pin.rent-hanging-board .board-details{
  display:flex !important;
  gap:7px !important;
  margin:0 !important;
  color:#fff !important;
  font:600 10px/1 'DM Sans',sans-serif !important;
  white-space:nowrap !important;
}
.google-pin.rent-hanging-board .board-details strong,
.google-pin.rent-hanging-board .board-details b,
.pin.rent-hanging-board .board-details strong,
.pin.rent-hanging-board .board-details b{font-weight:600 !important}
.google-pin.rent-hanging-board::after,
.pin.rent-hanging-board::after{
  position:static !important;
  display:none !important;
  align-self:center !important;
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  margin:1px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#2B0057 !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
  transform:none !important;
}
.google-pin.rent-hanging-board:hover{transform:none !important}
.pin.rent-hanging-board:hover{transform:translate(-50%,-100%) !important}

/* The explicit child pointer is used for both marker types. */
.google-pin.to-let-board::after,
.google-pin.rent-hanging-board::after,
.pin.to-let-board::after,
.pin.rent-hanging-board::after{display:none !important;content:none !important}

/* Last cascade rule: FOR RENT has the same compact capsule geometry. */
.google-pin.to-let-board,
.pin.to-let-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 12px 0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ed171b !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.pin.to-let-board{transform:translate(-50%,-100%) !important}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{font:600 10px/1 'DM Sans',sans-serif !important;letter-spacing:0 !important;white-space:nowrap !important}
.google-pin.to-let-board .marker-pointer,
.pin.to-let-board .marker-pointer{
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  margin:1px auto 0 !important;
  background:#ed171b !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
}
.google-pin.to-let-board:hover{transform:none !important}
.pin.to-let-board:hover{transform:translate(-50%,-100%) !important}

/* Final unified speech-bubble shape for all listing pins. */
.google-pin.to-let-board,
.google-pin.rent-hanging-board,
.pin.to-let-board,
.pin.rent-hanging-board{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
.google-pin.to-let-board,
.pin.to-let-board{background:transparent !important}
.google-pin.rent-hanging-board,
.pin.rent-hanging-board{background:transparent !important}
.pin.to-let-board,
.pin.rent-hanging-board{transform:translate(-50%,-100%) !important}
.google-pin.to-let-board .board-kicker,
.pin.to-let-board .board-kicker{font:600 10px/1 'DM Sans',sans-serif !important;letter-spacing:0 !important;white-space:nowrap !important;color:#B8FF00 !important;text-shadow:0 1px 2px #101010 !important}
.google-pin.to-let-board .board-details,
.google-pin.rent-hanging-board .board-details,
.pin.to-let-board .board-details,
.pin.rent-hanging-board .board-details{font:600 10px/1 'DM Sans',sans-serif !important;gap:7px !important;white-space:nowrap !important}
.google-pin.to-let-board .marker-pointer,
.google-pin.rent-hanging-board .marker-pointer,
.pin.to-let-board .marker-pointer,
.pin.rent-hanging-board .marker-pointer{
  display:block !important;
  width:12px !important;
  height:7px !important;
  flex:0 0 7px !important;
  margin:-1px auto 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:inherit !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
}
.google-pin.to-let-board::after,
.google-pin.rent-hanging-board::after,
.pin.to-let-board::after,
.pin.rent-hanging-board::after{display:none !important;content:none !important}
.google-pin.to-let-board:hover,
.google-pin.rent-hanging-board:hover{transform:none !important}
.pin.to-let-board:hover,
.pin.rent-hanging-board:hover{transform:translate(-50%,-100%) !important}

.google-pin.to-let-board .marker-bubble,
.google-pin.rent-hanging-board .marker-bubble,
.pin.to-let-board .marker-bubble,
.pin.rent-hanging-board .marker-bubble{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:2px !important;
  width:max-content !important;
  padding:6px 10px !important;
  border-radius:7px !important;
  color:#fff !important;
  box-shadow:0 2px 6px #0008 !important;
}
.google-pin.to-let-board .marker-bubble,
.pin.to-let-board .marker-bubble{background:#ed171b !important}
.google-pin.rent-hanging-board .marker-bubble,
.pin.rent-hanging-board .marker-bubble{background:#2B0057 !important}
.google-pin.to-let-board .marker-pointer,
.google-pin.rent-hanging-board .marker-pointer,
.pin.to-let-board .marker-pointer,
.pin.rent-hanging-board .marker-pointer{
  display:block !important;
  position:static !important;
  width:14px !important;
  height:8px !important;
  flex:0 0 8px !important;
  margin:-1px auto 0 !important;
  border:0 !important;
  border-radius:0 !important;
  clip-path:polygon(0 0,100% 0,50% 100%) !important;
}
.google-pin.to-let-board .marker-pointer,
.pin.to-let-board .marker-pointer{background:#ed171b !important}
.google-pin.rent-hanging-board .marker-pointer,
.pin.rent-hanging-board .marker-pointer{background:#2B0057 !important}

/* 2026 signal-field homepage redesign */
:root{--signal-bg:#060817;--signal-panel:#0c1022;--signal-line:rgba(151,171,255,.18);--signal-mint:#78f2d0;--signal-coral:#ff947d;--signal-violet:#a99cff}
body{background:var(--signal-bg);color:#f6f7ff;overflow-x:hidden}.topbar{height:84px;padding:0 clamp(22px,6vw,96px);background:rgba(6,8,23,.76);border-bottom:1px solid var(--signal-line);backdrop-filter:blur(18px);z-index:20}.brand{font-size:20px;letter-spacing:-.06em}.brand img{width:27px;height:35px;filter:drop-shadow(0 0 12px rgba(255,148,125,.35))}.brand-word-pin,.brand-word-rent{color:var(--signal-coral)}.brand-word-my{color:#f6f7ff}.topnav{gap:30px;color:#aeb4d0}.topnav a::after{background:var(--signal-mint)}.outline-btn{background:var(--signal-mint);color:#061316;border:0;border-radius:999px;padding:13px 19px;box-shadow:0 0 28px rgba(120,242,208,.16)}.account-btn,.theme-toggle{border-color:var(--signal-line);color:#e8ebff}.account-btn:hover,.theme-toggle:hover{border-color:var(--signal-mint);color:var(--signal-mint)}
.hero{position:relative;isolation:isolate;min-height:calc(100vh - 84px);padding:clamp(84px,12vw,160px) clamp(24px,10vw,160px) clamp(70px,8vw,110px);align-items:flex-end;overflow:hidden;background:linear-gradient(90deg,rgba(6,8,23,.98) 0%,rgba(6,8,23,.94) 33%,rgba(6,8,23,.25) 75%,rgba(6,8,23,.08)),url('/rent-signal-field-v3.png') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 22% 35%,rgba(120,242,208,.12),transparent 22%),linear-gradient(180deg,transparent 65%,var(--signal-bg) 100%);pointer-events:none}.hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(120,242,208,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(120,242,208,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,black,transparent 70%);animation:signal-drift 18s linear infinite;pointer-events:none}.hero-copy{max-width:860px}.eyebrow{color:var(--signal-mint);font:600 10px var(--mono);letter-spacing:.14em}.live-dot{background:var(--signal-mint);box-shadow:0 0 0 5px rgba(120,242,208,.12),0 0 18px var(--signal-mint);animation:live-pulse 2s ease-in-out infinite}.hero h1{max-width:820px;font-family:var(--display);font-size:clamp(4rem,8.7vw,8.3rem);line-height:.88;letter-spacing:-.07em;text-shadow:0 10px 50px rgba(0,0,0,.3)}.hero h1 em{color:var(--signal-coral);font-style:normal}.hero-lede{max-width:48ch;margin-top:30px;color:#c2c7df;font-size:16px;line-height:1.7}.hero-stats{margin-top:52px;padding-top:18px;border-top:1px solid var(--signal-line)}.hero-stats div{border-color:var(--signal-line)}.hero-stats strong{font-family:var(--display);font-size:28px}.hero-stats span{color:#9098b8}.hero-map-cta{flex-basis:174px;width:174px;min-height:174px;border:1px solid rgba(120,242,208,.4);border-radius:18px;background:rgba(12,16,34,.68);color:var(--signal-mint);box-shadow:inset 0 0 40px rgba(120,242,208,.06),0 16px 40px rgba(0,0,0,.2);backdrop-filter:blur(12px)}.hero-map-cta:hover{background:rgba(120,242,208,.13);border-color:var(--signal-mint);transform:translateY(-8px) rotate(-1deg)}.hero-map-icon{background:var(--signal-mint)}.hero-map-icon img{filter:brightness(0) saturate(100%) invert(7%) sepia(31%) saturate(1267%) hue-rotate(201deg) brightness(90%)}.hero-map-cta strong{color:#eefeff}.hero-note{width:310px;flex-basis:310px;margin-bottom:2px;padding:20px;border:1px solid var(--signal-line);border-top-color:var(--signal-coral);border-radius:16px;background:rgba(12,16,34,.7);backdrop-filter:blur(14px);box-shadow:0 20px 45px rgba(0,0,0,.18)}.note-pin{border-color:var(--signal-coral);color:var(--signal-coral)}.hero-note p{font-family:var(--display);font-size:26px}.text-btn{color:var(--signal-mint)}
.map-section{padding-bottom:120px;background:var(--signal-bg)}.map-toolbar{padding:18px clamp(20px,6vw,96px);background:var(--signal-panel);border-color:var(--signal-line)}.search-wrap{background:#080b18;border-color:var(--signal-line)}.search-wrap:focus-within{border-color:var(--signal-mint)}.filter-btn,.location-btn{border-color:var(--signal-line);background:transparent;color:#e8ebff}.location-btn,.full-map-link,.map-footer .text-btn{color:var(--signal-mint)}.filter-panel{background:var(--signal-panel);border-color:var(--signal-line)}.segmented button{background:#080b18;border-color:var(--signal-line)}.segmented button.active{background:var(--signal-mint);color:#061316}.map-shell{margin:0 clamp(20px,6vw,96px);height:650px;border:1px solid rgba(120,242,208,.26);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.22),inset 0 0 80px rgba(120,242,208,.04)}
.how{background:#0a0d1c;padding:clamp(90px,11vw,150px) clamp(24px,10vw,160px);border-top:1px solid var(--signal-line)}.how h2,.areas h2,.about h2{font-size:clamp(3.4rem,6.6vw,6rem);letter-spacing:-.065em}.how h2 em,.areas h2 em,.about h2 em{color:var(--signal-mint)}.steps article{border-top-color:var(--signal-line);min-height:285px}.steps article:nth-child(2){transform:translateY(38px)}.steps article:nth-child(3){transform:translateY(76px)}.steps article>span{border-color:var(--signal-coral);color:var(--signal-coral)}.steps h3{font-size:24px}.steps p{color:#aeb5d0}.steps a{color:var(--signal-mint)}
.areas{background:var(--signal-bg);padding:clamp(90px,11vw,150px) clamp(24px,10vw,160px)}.area-card{min-height:155px;border-color:var(--signal-line);border-radius:16px;background:linear-gradient(145deg,rgba(15,20,43,.96),rgba(8,11,24,.96));overflow:hidden}.area-card:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(120,242,208,.08),transparent 70%);transform:translateX(-110%);transition:transform .7s ease}.area-card:hover:before{transform:translateX(110%)}.area-card:hover{border-color:var(--signal-mint);background:#111833;transform:translateY(-6px)}.area-card span{color:var(--signal-mint)}.area-card i{color:var(--signal-coral)}
.cta-band{padding:clamp(66px,8vw,110px) clamp(24px,10vw,160px);background:linear-gradient(110deg,var(--signal-coral),#ffb08f);color:#150c18;position:relative;overflow:hidden}.cta-band .eyebrow{color:#682a33}.cta-band h2{font-family:var(--display);font-size:clamp(3.2rem,6vw,5.8rem);letter-spacing:-.06em}.dark-btn{position:relative;z-index:1;border-radius:999px;background:#090c1b;color:#f6f7ff;padding:16px 22px;box-shadow:0 10px 30px rgba(41,14,26,.18)}.dark-btn:hover{background:#171e40;transform:translateY(-3px)}.about{background:#0a0d1c;padding:clamp(90px,11vw,150px) clamp(24px,10vw,160px)}.about>div:last-child{border-color:var(--signal-line);color:#b3b9d2}.about>div:last-child h3{color:#f6f7ff;font-size:27px}.about-points div{border-top-color:var(--signal-line)}.about-points strong{color:#f6f7ff}.about-points span{color:#9199b8}.about-help a,.about-contact a,.mono{color:var(--signal-mint)}footer{background:#050711;border-color:var(--signal-line);color:#7f88a8}.modal-backdrop{background:rgba(1,3,12,.86)}.modal{border-color:var(--signal-line);border-radius:20px;background:#0d1227;box-shadow:0 30px 100px rgba(0,0,0,.45)}.modal input,.modal select,.modal textarea{background:#080b18;border-color:var(--signal-line);color:#f6f7ff}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--signal-mint)}
@keyframes signal-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(72px,72px,0)}}@keyframes live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.75)}}
:root[data-theme="light"] body{background:#edf4f3;color:#10201f}:root[data-theme="light"] .topbar{background:rgba(237,244,243,.82);border-color:#cfe0dd}:root[data-theme="light"] .hero{background:linear-gradient(90deg,rgba(237,244,243,.96) 0%,rgba(237,244,243,.86) 38%,rgba(237,244,243,.14) 78%),url('/rent-signal-field-v3.png') center/cover no-repeat}:root[data-theme="light"] .hero h1{color:#10201f}:root[data-theme="light"] .hero h1 em{color:#d46653}:root[data-theme="light"] .hero-lede{color:#395955}:root[data-theme="light"] .hero-map-cta{background:rgba(237,244,243,.7);color:#08745a}:root[data-theme="light"] .hero-map-cta strong{color:#10201f}:root[data-theme="light"] .hero-note{background:rgba(255,255,255,.72)}:root[data-theme="light"] .how,:root[data-theme="light"] .about{background:#f6fbf9}:root[data-theme="light"] .areas{background:#edf4f3}:root[data-theme="light"] .area-card{background:#fff}:root[data-theme="light"] .map-toolbar,:root[data-theme="light"] .filter-panel{background:#f6fbf9}:root[data-theme="light"] .search-wrap,:root[data-theme="light"] .segmented button,:root[data-theme="light"] .modal input,:root[data-theme="light"] .modal select,:root[data-theme="light"] .modal textarea{background:#fff;color:#10201f}:root[data-theme="light"] .modal{background:#fff}:root[data-theme="light"] footer{background:#e2eeea}
@media(max-width:800px){.hero{min-height:0;padding-top:72px;background-position:60% center}.hero h1{font-size:clamp(3.4rem,15vw,5.8rem)}.hero-note{width:100%;margin-top:48px}.map-shell{height:min(70vh,580px);margin:0 16px}.how,.areas,.about{padding-left:7vw;padding-right:7vw}.steps article:nth-child(2),.steps article:nth-child(3){transform:none}.cta-band{padding-left:7vw;padding-right:7vw}.about>div:last-child{padding-left:0;border-left:0;border-top:1px solid var(--signal-line);padding-top:28px}}

/* Contrast, full-map coverage, and mobile finishing pass */
:root[data-theme="light"]{--signal-bg:#f3f8f6;--signal-panel:#ffffff;--signal-line:#c9ddd7;--signal-mint:#08745a;--signal-coral:#c6533f;--signal-violet:#5148a6}
:root[data-theme="light"] body{color:#142a27;background:var(--signal-bg)}:root[data-theme="light"] .topnav{color:#45645e}:root[data-theme="light"] .hero-stats strong,:root[data-theme="light"] .hero-note p,:root[data-theme="light"] .steps h3,:root[data-theme="light"] .area-card strong,:root[data-theme="light"] .about h2,:root[data-theme="light"] .how h2,:root[data-theme="light"] .areas h2{color:#142a27}:root[data-theme="light"] .hero-stats span,:root[data-theme="light"] .section-intro>p:last-child,:root[data-theme="light"] .steps p,:root[data-theme="light"] .about>div:last-child,:root[data-theme="light"] .area-card small{color:#45645e}:root[data-theme="light"] .how{color:#142a27}:root[data-theme="light"] .how .eyebrow,:root[data-theme="light"] .areas .eyebrow,:root[data-theme="light"] .about .eyebrow{color:#08745a}:root[data-theme="light"] .map-toolbar .full-map-back,:root[data-theme="light"] .map-toolbar .brand-word-my{color:#142a27}:root[data-theme="light"] .filter-btn,:root[data-theme="light"] .location-btn,:root[data-theme="light"] .theme-toggle,:root[data-theme="light"] .account-btn{color:#142a27}:root[data-theme="light"] .filter-btn:hover,:root[data-theme="light"] .location-btn:hover,:root[data-theme="light"] .theme-toggle:hover,:root[data-theme="light"] .account-btn:hover{color:#08745a}:root[data-theme="light"] .map-section{background:#f3f8f6}:root[data-theme="light"] .map-footer{color:#45645e}:root[data-theme="light"] .map-credit{color:#45645e}:root[data-theme="light"] .modal-muted{color:#45645e}:root[data-theme="light"] .modal label{color:#45645e}
/* Full map uses the complete viewport width and keeps the account control crisp above the map. */
.full-map-view .map-section{width:100vw;max-width:none}.full-map-view .map-toolbar{padding-right:170px}.full-map-view .map-shell{width:100vw;margin:0;border-radius:0;border-left:0;border-right:0}.full-map-view .topbar{display:block;position:fixed;inset:0 0 auto 0;width:100%;height:0;padding:0;background:transparent;border:0;backdrop-filter:none;pointer-events:none;z-index:30}.full-map-view .topbar .brand,.full-map-view .topbar .topnav,.full-map-view .topbar .outline-btn,.full-map-view .topbar .theme-toggle{display:none}.full-map-view .topbar .account-menu{display:block;position:absolute;top:14px;right:18px;pointer-events:auto}.full-map-view .account-btn{display:block;padding:10px 14px;border:1px solid rgba(120,242,208,.55);border-radius:999px;background:#0c1022;color:#f4fffb;box-shadow:0 8px 24px rgba(0,0,0,.25);backdrop-filter:none}.full-map-view .account-btn:hover{background:#13213c;border-color:#78f2d0;color:#78f2d0}.full-map-view .account-dropdown{top:calc(100% + 8px);right:0;background:#0c1022;border-color:rgba(120,242,208,.3);box-shadow:0 18px 40px rgba(0,0,0,.35);backdrop-filter:none}.full-map-view .account-dropdown button,.full-map-view .account-dropdown strong{color:#f4fffb}
:root[data-theme="light"] .full-map-view .account-btn{background:#ffffff;color:#142a27;border-color:#9bc8bc;box-shadow:0 8px 24px rgba(31,74,64,.14)}:root[data-theme="light"] .full-map-view .account-btn:hover{background:#eefaf5;color:#08745a;border-color:#08745a}:root[data-theme="light"] .full-map-view .account-dropdown{background:#ffffff;border-color:#b8d8cf;box-shadow:0 18px 40px rgba(31,74,64,.18)}:root[data-theme="light"] .full-map-view .account-dropdown button,:root[data-theme="light"] .full-map-view .account-dropdown strong{color:#142a27}:root[data-theme="light"] .full-map-view .account-dropdown button:hover{background:#eefaf5;color:#08745a}
@media(max-width:800px){.topbar{padding-left:5vw;padding-right:5vw}.brand{font-size:17px}.outline-btn{padding:10px 12px}.theme-toggle{padding:10px 8px}.hero{padding-left:7vw;padding-right:7vw}.hero-lede{font-size:15px}.hero-stats{gap:18px}.hero-stats div{min-width:95px;padding-right:12px;margin-right:12px}.hero-map-cta{width:100%;min-height:72px}.map-toolbar{padding-left:5vw;padding-right:5vw}.map-shell{margin:0 16px;border-radius:16px}.map-footer{padding-left:5vw;padding-right:5vw;gap:12px;align-items:flex-start}.map-footer .text-btn{text-align:right}.full-map-view .map-toolbar{padding-right:5vw}.full-map-view .topbar .account-menu{top:12px;right:12px}.full-map-view .account-btn{padding:9px 12px;font-size:10px}.full-map-view .map-shell{margin:0;border-radius:0}.full-map-view .map-actions{right:68px}.full-map-view .map-tools{right:10px}}
@media(max-width:520px){.topbar{gap:8px}.brand img{width:23px;height:30px}.brand{font-size:16px}.outline-btn{font-size:9px;padding:9px 10px}.theme-toggle{font-size:8px}.hero{padding-top:54px}.hero h1{font-size:clamp(3.25rem,15vw,5.2rem)}.hero-stats{flex-wrap:wrap}.hero-note{padding:16px}.how h2,.areas h2,.about h2,.cta-band h2{font-size:clamp(2.8rem,13vw,4rem)}.map-shell{height:min(68vh,520px);min-height:400px}.map-actions{max-width:calc(100% - 76px)}.map-footer{font-size:9px}.full-map-view .map-toolbar{min-height:145px}.full-map-view .map-shell{height:calc(100vh - 145px)}.full-map-view .map-actions{top:10px}}

/* Hero viewport balance and complete light-mode brand lockup */
.hero{min-height:calc(75vh - 84px);padding-top:clamp(48px,6.5vw,92px);padding-bottom:clamp(42px,5vw,72px)}
:root[data-theme="light"] .brand-word-my,:root[data-theme="light"] .topbar .brand-word-my,:root[data-theme="light"] .full-map-view .brand-word-my{color:#142a27 !important}
@media(max-width:800px){.hero{min-height:0;padding-top:54px;padding-bottom:52px}.hero h1{font-size:clamp(3.25rem,14vw,5.7rem);line-height:.9}.hero-lede{margin-top:22px}.hero-stats{margin-top:34px}.hero-note{margin-top:38px}}
@media(max-width:520px){.hero{padding-top:44px;padding-bottom:44px}.hero h1{font-size:clamp(3.15rem,14.5vw,5rem)}.hero-lede{font-size:14px;line-height:1.6}.hero-stats{margin-top:28px}.hero-note{margin-top:32px}}

/* Keep the first desktop viewport intentional: hero occupies 75%, map begins in the lower 25%. */
@media(min-width:801px){.hero{height:calc(75vh - 84px);min-height:0;overflow:hidden;padding-top:clamp(38px,5vw,76px);padding-bottom:clamp(34px,4vw,58px)}.hero h1{font-size:clamp(3.6rem,7.6vw,7.2rem)}.hero-lede{margin-top:22px}.hero-stats{margin-top:34px}}
@media(min-width:801px) and (max-height:760px){.hero h1{font-size:clamp(3.4rem,6.8vw,6.2rem)}.hero-note{padding:15px}.hero-note p{font-size:22px}.hero-map-cta{width:150px;min-height:150px;flex-basis:150px}}
@media(max-width:800px){.hero{height:auto;min-height:0}}

/* Keep hero copy fully visible while revealing more of the signal artwork. */
@media(min-width:801px){.hero{overflow:visible;background-size:auto,82% auto;background-position:center,right center;background-repeat:no-repeat;background-color:var(--signal-bg);padding-top:clamp(28px,3.6vw,58px);padding-bottom:clamp(28px,3.5vw,52px)}.hero-copy{min-width:0}.hero h1{font-size:clamp(3.25rem,6.6vw,6.35rem);line-height:.9}.hero-lede{max-width:43ch;margin-top:18px}.hero-stats{margin-top:26px}.hero-note{margin-bottom:0}.hero-map-cta{width:152px;min-height:152px;flex-basis:152px}}
@media(min-width:801px) and (max-height:760px){.hero{padding-top:22px;padding-bottom:24px}.hero h1{font-size:clamp(3rem,5.8vw,5.2rem)}.hero-lede{font-size:14px;line-height:1.55;margin-top:14px}.hero-stats{margin-top:20px}.hero-note{padding:14px}.hero-note p{font-size:21px;margin:11px 0 16px}.hero-map-cta{width:132px;min-height:132px;flex-basis:132px}}
@media(max-width:800px){.hero{overflow:hidden;background-size:auto,auto 100%;background-position:center,68% center;background-repeat:no-repeat}.hero h1{font-size:clamp(3rem,13.5vw,5.15rem);line-height:.9}}

/* Use the native PinMyRent favicon colors inside the full-map CTA. */
.hero-map-icon img{filter:none !important;object-fit:contain}

/* Homepage map scan + CTA icon shimmer. */
body:not(.full-map-view) .map-shell{isolation:isolate}
body:not(.full-map-view) .map-shell::after{content:"";position:absolute;inset:-20% 0 auto;height:24%;z-index:5;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(120,242,208,.03) 22%,rgba(120,242,208,.4) 50%,rgba(120,242,208,.03) 78%,transparent 100%);filter:blur(.2px);mix-blend-mode:screen;animation:map-scan-sweep 5.8s ease-in-out infinite}
body:not(.full-map-view) .map-shell::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(120,242,208,.11),transparent 34%);opacity:.7;animation:map-scan-glow 5.8s ease-in-out infinite}
.hero-map-icon{position:relative;overflow:hidden}
.hero-map-icon::after{content:"";position:absolute;inset:-35% -70%;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.88) 49%,transparent 60%);transform:translateX(-75%) rotate(12deg);animation:icon-shimmer 3.4s ease-in-out infinite}
.hero-map-icon img{position:relative;z-index:1}
@keyframes map-scan-sweep{0%{transform:translateY(-125%);opacity:0}12%{opacity:.75}58%{opacity:.48}82%{opacity:0}100%{transform:translateY(520%);opacity:0}}
@keyframes map-scan-glow{0%,100%{opacity:.25}45%{opacity:.8}72%{opacity:.32}}
@keyframes icon-shimmer{0%,52%{transform:translateX(-75%) rotate(12deg);opacity:0}62%{opacity:1}82%,100%{transform:translateX(75%) rotate(12deg);opacity:0}}
@media(prefers-reduced-motion:reduce){body:not(.full-map-view) .map-shell::after,body:not(.full-map-view) .map-shell::before,.hero-map-icon::after{animation:none}.hero-map-icon::after{display:none}}

/* Ensure the CTA shimmer renders above the favicon artwork. */
.hero-map-icon::after{z-index:2;width:180%;height:180%;inset:-40%;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.98) 49%,transparent 62%);mix-blend-mode:screen;animation:icon-shimmer-visible 2.8s ease-in-out infinite}
@keyframes icon-shimmer-visible{0%,45%{transform:translateX(-80%) rotate(12deg);opacity:0}55%{opacity:1}78%,100%{transform:translateX(80%) rotate(12deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-map-icon::after{display:none}}

/* Shimmer the complete full-map CTA surface, not just its icon. */
.hero-map-icon::after{display:none !important;animation:none !important}
.hero-map-cta{position:relative;overflow:hidden}
.hero-map-cta::after{content:"";position:absolute;inset:-45% -80%;z-index:0;pointer-events:none;background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.32) 49%,transparent 60%);transform:translateX(-70%) rotate(12deg);animation:button-shimmer 3.2s ease-in-out infinite}
.hero-map-cta>*{position:relative;z-index:1}
@keyframes button-shimmer{0%,45%{transform:translateX(-75%) rotate(12deg);opacity:0}55%{opacity:1}78%,100%{transform:translateX(75%) rotate(12deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-map-cta::after{display:none}}

/* Sharing rent is conditional on the listing type selection. */
#modalContent .sharing-rent-field{display:none !important}#modalContent .sharing-rent-field.visible{display:block !important}

/* Dedicated amber marker for community-reported To-Let boards. */
.pin.board-report,.google-pin.board-report{z-index:4}.pin.board-report{transform:translate(-50%,-100%) !important}.pin.board-report:hover{transform:translate(-50%,-100%) scale(1.05) !important}.board-marker-bubble{background:#ffbe4f !important;color:#241600 !important;border:1px solid #fff1bb !important;box-shadow:0 0 16px rgba(255,190,79,.7),0 3px 8px #0008 !important;text-align:center}.board-marker-kicker{display:block;font:800 8px/1 var(--mono);letter-spacing:.12em}.board-marker-label{display:block;margin-top:3px;font:800 11px/1 var(--body);letter-spacing:.02em}.board-marker-pointer{background:#ffbe4f !important}.google-pin.board-report{background:transparent !important}.google-pin.board-report .marker-pointer{background:#ffbe4f !important}

.board-contact{color:var(--signal-coral) !important;font-weight:700}

/* Make the PG name the most recognizable detail in its pin view. */
.pg-summary{margin:4px 0 12px;color:var(--signal-coral);font:700 clamp(1.7rem,4vw,2.8rem)/.98 var(--display);letter-spacing:-.045em}
:root[data-theme="light"] .pg-summary{color:#c6533f}

/* Keep the desktop hero headline fully visible at default browser zoom. */
@media (min-width: 801px){.hero-heading-row h1{flex:1;min-width:0;font-size:clamp(3.6rem,6.8vw,6.6rem);line-height:.9}}

/* Desktop homepage scale tuned to the preferred 80% browser-zoom composition. */
@media (min-width: 801px){body:not(.full-map-view){zoom:.8}}

/* Prevent the desktop hero lockup from clipping beneath the header at 100% zoom. */
@media (min-width: 801px){.hero{align-items:center;padding-top:28px;padding-bottom:28px}.hero-heading-row{align-items:center;gap:24px}.hero-heading-row h1{font-size:clamp(3rem,5.3vw,5.5rem);line-height:.92}.hero-map-cta{width:140px;min-height:140px;flex-basis:140px}}

/* Keep the remaining account actions right-aligned and show a compact signed-in avatar. */
body:not(.full-map-view) .topbar>.account-menu{margin-left:auto}
.account-btn.authenticated{width:42px;height:42px;min-width:42px;max-width:42px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;line-height:1;text-align:center;text-transform:uppercase;overflow:visible}

/* Consolidated mobile web-view layout. Kept last so it wins over legacy breakpoints. */
@media (max-width:900px){
  html{scroll-padding-top:84px}
  html,body,#app{width:100%;max-width:100%;overflow-x:clip}
  body{min-width:320px;-webkit-text-size-adjust:100%;text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom)}
  body:not(.full-map-view){zoom:1!important}
  img,svg,video,canvas{max-width:100%}
  button,a,input,select,textarea{touch-action:manipulation}

  body:not(.full-map-view) .topbar>.account-menu{margin-left:0}
  .topbar{width:100%;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
  .topbar .brand{min-width:0;overflow:hidden}
  .topbar .brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .account-btn,.theme-toggle,.policy-back{min-height:44px}
  .account-btn.authenticated{width:44px;height:44px;min-width:44px;max-width:44px}
  .account-dropdown{position:fixed;top:calc(64px + env(safe-area-inset-top));right:12px;left:auto;width:min(250px,calc(100vw - 24px));max-height:calc(100dvh - 80px - env(safe-area-inset-bottom));overflow-y:auto}

  .hero{height:auto!important;min-height:0!important;padding:44px max(20px,6vw) 48px;background-position:center,64% center}
  .hero-heading-row{display:block}
  .hero-map-cta{width:100%;min-height:68px;margin-top:22px;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px}
  .hero-map-cta strong{max-width:none}
  .hero-map-arrow{justify-self:end}
  .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hero-stats div{min-width:0!important;margin:0!important;padding:0 8px 0 0!important}
  .hero-note{width:100%;max-width:none}

  .map-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:stretch;align-content:start;height:auto!important;min-height:0!important;margin:0!important;padding:12px 16px!important;gap:8px}
  .map-toolbar .search-wrap{grid-column:1/-1;grid-row:1;width:100%;min-width:0;min-height:48px}
  .map-toolbar .filter-btn{grid-column:1;grid-row:2;min-height:44px}
  .map-toolbar .toolbar-spacer{display:none}
  .full-map-link-row{padding:12px 16px}
  .map-shell{width:calc(100% - 24px);height:min(68dvh,540px);min-height:400px;margin:0 12px!important;border-radius:16px}
  .map-tools,.full-map-view .map-tools{top:70px;right:10px}
  .map-tools button{width:44px;height:44px;min-width:44px;min-height:44px}

  .map-actions,.full-map-view .map-actions{left:10px!important;right:10px!important;top:auto!important;bottom:calc(62px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;gap:6px;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .map-actions::-webkit-scrollbar{display:none}
  .map-actions button,.full-map-view .map-actions button{flex:0 0 auto;width:auto!important;max-width:none!important;min-height:44px!important;padding:9px 12px!important;font-size:10px!important;overflow:visible;text-overflow:clip;white-space:nowrap;scroll-snap-align:start}
  .map-location-bottom{left:10px;bottom:calc(10px + env(safe-area-inset-bottom));min-height:44px;max-width:55%;padding:9px 12px}
  .map-legend{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:40%}

  .filter-panel.open{position:absolute;top:116px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 140px - env(safe-area-inset-bottom));padding:12px!important;overflow-y:auto;overscroll-behavior:contain}
  .filter-panel.open>div{width:100%}
  .filter-panel.open .segmented{max-width:100%;display:flex;flex-wrap:wrap;gap:4px;overflow:visible}
  .filter-panel.open .segmented button{min-height:42px;margin:0}
  .place-suggestions{max-height:min(48dvh,360px);overflow-y:auto;overscroll-behavior:contain}

  .modal-backdrop{padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));align-items:flex-start;overflow-y:auto}
  .modal{width:100%;max-width:520px;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:28px 18px 24px;border-radius:16px;overflow-y:auto;overscroll-behavior:contain}
  .modal h2{font-size:clamp(34px,10vw,44px)}
  .modal-close{position:sticky;float:right;top:0;right:0;width:44px;height:44px;margin:-18px -8px 0 8px;z-index:2}
  .modal input,.modal select,.modal textarea{font-size:16px;min-height:48px}
  .modal form .dark-btn,.google-login,.use-location-form,.pick-location{min-height:48px}
  .modal .pick-location,.modal .use-location-form{width:100%;margin:6px 0 0;white-space:normal}
  .listing-image{height:auto;max-height:42dvh}
  .inbox-actions{display:grid;grid-template-columns:1fr 1fr}
  .inbox-actions button{width:100%;min-height:44px}

  .full-map-view{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}
  .full-map-view #app,.full-map-view main,.full-map-view .map-section{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}
  .full-map-view .map-toolbar{position:absolute;inset:0 0 auto 0;height:124px!important;padding:10px 76px 10px 12px!important;z-index:12;pointer-events:none}
  .full-map-view .map-toolbar>*{pointer-events:auto}
  .full-map-view .map-toolbar .search-wrap{position:static;grid-column:1/-1;grid-row:1;width:100%;min-width:0}
  .full-map-view .map-toolbar .filter-btn{position:static;grid-column:1;grid-row:2;width:max-content}
  .full-map-view .map-shell{position:absolute;inset:0;width:100vw;height:100dvh!important;min-height:100dvh!important;margin:0!important;border:0;border-radius:0}
  .full-map-view .filter-panel.open{position:fixed;top:124px!important;z-index:20}
  .full-map-view .topbar{inset:0 0 auto auto;width:auto;height:0;min-height:0;padding:0}
  .full-map-view .topbar .account-menu{position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px;margin:0}

  .how,.areas,.about,.cta-band{padding-left:max(20px,6vw);padding-right:max(20px,6vw)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .area-grid{grid-template-columns:minmax(0,1fr)}
  .cta-band .dark-btn{width:100%;min-height:48px}
  footer{padding:22px max(20px,6vw) calc(22px + env(safe-area-inset-bottom));align-items:flex-start}

  .policy-topbar{position:sticky;grid-template-columns:minmax(0,1fr) auto}
  .policy-topbar .policy-back{grid-column:2;grid-row:1;width:auto;margin:0;padding:10px 13px;display:grid;place-items:center}
  .policy-page{padding:48px max(20px,6vw) 72px}
  .policy-grid,.policy-checks{grid-template-columns:minmax(0,1fr)}
  .policy-wide{grid-column:auto}
  .policy-card{min-width:0;padding:22px 18px}

  .admin-page{width:100%;padding:36px max(16px,5vw) calc(64px + env(safe-area-inset-bottom))}
  .admin-page h1{font-size:clamp(42px,14vw,64px)}
  .admin-card{min-width:0;padding:20px 16px}
  .admin-heading>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .admin-days input{width:100%;min-height:44px;font-size:16px}
  .admin-heading .outline-btn{min-height:44px}
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-insight-grid{grid-template-columns:minmax(0,1fr)}
  .admin-insight summary,.admin-activity{min-width:0;align-items:flex-start}
  .admin-insight summary span,.admin-activity span{min-width:0;overflow-wrap:anywhere}
  .admin-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .admin-table-wrap table{min-width:720px}
}

@media (max-width:420px){
  .topbar{grid-template-columns:minmax(0,1fr) auto auto}
  .topbar .brand{font-size:14px}
  .topbar .brand img{width:21px;height:auto}
  .theme-toggle{max-width:72px;padding-inline:7px;font-size:8px;white-space:normal;line-height:1.15}
  .hero h1{font-size:clamp(44px,13.5vw,56px);overflow-wrap:normal}
  .hero-stats strong{font-size:19px}
  .hero-stats span{font-size:8px}
  .map-shell{width:100%;margin:0!important;border-left:0;border-right:0;border-radius:0}
  .map-legend{display:none}
  .map-location-bottom{max-width:calc(100% - 20px)}
  .modal{padding-inline:15px}
  .listing-facts{grid-template-columns:minmax(0,1fr)}
  footer{display:grid;grid-template-columns:1fr;gap:10px}
  footer span:nth-child(2){order:initial;width:auto}
  .admin-upload-grid{grid-template-columns:minmax(0,1fr)}
  .traffic-highlight{width:100%;margin-right:0}
}

/* Selected map actions use the same high-contrast state at every viewport size. */
.map-primary-actions,
.map-nearby-actions{display:contents}
.map-actions button.active,
.map-actions button:active{
  background:#fff!important;
  border-color:#fff!important;
  color:#050505!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
.map-actions button.active span,
.map-actions button:active span{color:inherit!important}

/* Mobile map actions: one-handed vertical stack in the bottom-left corner. */
@media (max-width:900px){
  .map-actions,
  .full-map-view .map-actions{
    left:10px!important;
    right:auto!important;
    bottom:calc(62px + env(safe-area-inset-bottom))!important;
    width:max-content!important;
    max-width:calc(100% - 64px)!important;
    max-height:calc(100dvh - 190px)!important;
    display:flex!important;
    flex-flow:column nowrap!important;
    align-items:flex-start!important;
    gap:6px;
    padding:2px 6px 6px 0;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-snap-type:y proximity;
  }
  .map-actions button,
  .full-map-view .map-actions button{
    width:max-content!important;
    max-width:100%!important;
    min-height:44px!important;
    flex:0 0 auto;
    text-align:left;
    scroll-snap-align:start;
  }

  .full-map-view .account-dropdown{
    position:fixed;
    top:calc(64px + env(safe-area-inset-top))!important;
    right:10px!important;
    left:auto!important;
    width:min(250px,calc(100vw - 20px));
    max-height:calc(100dvh - 76px - env(safe-area-inset-bottom));
    z-index:100;
    overflow-y:auto;
  }

  .full-map-view .map-primary-actions{
    position:fixed;
    top:calc(64px + env(safe-area-inset-top));
    right:10px;
    z-index:16;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
    width:max-content;
    max-width:calc(100vw - 20px);
  }
  .full-map-view .map-actions{
    z-index:16;
    max-height:none!important;
    overflow:visible!important;
  }
  .full-map-view .map-primary-actions button{
    width:max-content!important;
    max-width:100%!important;
  }
}

/* Keep zoom and native Street View controls grouped at the map's lower-right. */
.map-tools,
.full-map-view .map-tools{
  top:auto!important;
  right:18px!important;
  bottom:76px!important;
}
@media (max-width:900px){
  .map-tools,
  .full-map-view .map-tools{
    top:auto!important;
    right:10px!important;
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
  }
}
/* Society context shown directly on rent pins. */
.google-pin .pin-society,
.pin .pin-society {
  position: static !important;
  inset: auto !important;
  display: block !important;
  max-width: min(190px, 70vw);
  margin: 1px 0 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font: 600 8px/1.2 'DM Sans', sans-serif !important;
  text-align: center;
}

/* Distinct colors for the newly supported anonymous-pin home types. */
.marker-bubble.category-4bhk {
  background: #0f8f6f !important;
  box-shadow: 0 0 13px rgba(48, 224, 174, 0.72), 0 3px 7px #0008 !important;
}
.marker-bubble.category-villa {
  background: #d84d73 !important;
  box-shadow: 0 0 13px rgba(255, 122, 157, 0.75), 0 3px 7px #0008 !important;
}
.google-pin.bhk-4 .marker-pointer,
.pin.bhk-4 .marker-pointer {
  background: #0f8f6f !important;
  filter: drop-shadow(0 2px 3px rgba(48, 224, 174, 0.72)) !important;
}
.google-pin.home-villa .marker-pointer,
.pin.home-villa .marker-pointer {
  background: #d84d73 !important;
  filter: drop-shadow(0 2px 3px rgba(255, 122, 157, 0.75)) !important;
}

/* Applied filter controls and centered mobile pin details. */
.filter-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  align-self:flex-end;
  gap:8px;
  padding-bottom:2px;
}
.filter-actions .reset-btn,
.apply-filter-btn{
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  font:700 11px/1 'DM Sans',sans-serif;
}
.filter-actions .reset-btn{
  border:1px solid var(--signal-line,var(--line));
  color:var(--signal-mint,var(--teal));
}
.apply-filter-btn{
  border:1px solid var(--signal-mint,var(--teal));
  background:var(--signal-mint,var(--teal));
  color:#061316;
}
.apply-filter-btn:hover{filter:brightness(1.08)}
.modal-backdrop{z-index:1000}
@media (max-width:900px){
  .filter-panel.open .filter-actions{width:100%;padding-top:8px}
  .filter-panel.open .filter-actions button{min-height:44px}
  .modal-backdrop.pin-details-open{
    align-items:center!important;
    justify-content:center!important;
    padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))!important;
    overflow-y:auto;
  }
  .modal-backdrop.pin-details-open .modal{
    width:min(520px,100%);
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin:auto;
    overflow-y:auto;
  }
}
.city-picker{display:grid;gap:9px;margin-top:22px}.city-picker-option{display:grid;gap:4px;width:100%;padding:14px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer}.city-picker-option:hover{border-color:var(--purple);transform:translateY(-1px)}.city-picker-option strong{font-size:14px}.city-picker-option span{color:var(--muted);font-size:11px;line-height:1.35}
.pan-map-notice{left:16px;transform:none;animation:pan-notice-in .35s ease-out,pan-notice-out .5s ease-in 3.5s forwards}@keyframes pan-notice-in{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pan-notice-out{to{opacity:0;transform:translateY(-8px)}}
.initial-place-search{margin-top:22px}.initial-place-search label{display:block;font:10px 'DM Mono';color:var(--muted);margin-bottom:7px}.initial-place-search input{display:block;width:100%;border:1px solid var(--line);padding:12px;background:var(--card);color:var(--ink);outline:none}.initial-place-search input:focus{border-color:var(--purple)}.initial-place-results{display:grid;gap:4px;margin-top:5px}.initial-place-results button{display:grid;gap:2px;width:100%;padding:9px 10px;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink)}.initial-place-results button:hover{border-color:var(--purple)}.initial-place-results strong{font-size:12px}.initial-place-results small{color:var(--muted);font-size:10px}