/* Scroll To Rent · premium navy and champagne-gold palette · CSS only */
:root{--ink:#162d4e;--green:#0b2c57;--lime:#e3be6c;--paper:#f7f9fc;--line:#dce4ef;--navy:#061f47;--navy-light:#082b63;--gold:#e3be6c;--gold-hover:#f0cf86}
body{background:#f7f9fc;color:#142943}
:focus-visible{outline:3px solid #e3be6c!important;outline-offset:3px}
body:has(#renterView) header{background:#061f47!important;border-bottom:1px solid #e3be6c40!important;box-shadow:0 8px 26px #04152a25}
header .brand-logo{filter:brightness(0) invert(1)}
body:has(#renterView) header nav button{color:#f5f7fb!important}
body:has(#renterView) header nav button:not(.outline):hover{color:#e3be6c!important}
body:has(#renterView) header nav .outline{background:#e3be6c!important;color:#061f47!important;border-color:#e3be6c!important}
body:has(#renterView) header nav .outline:hover{background:#f0cf86!important;color:#061f47!important}
#savedCount{background:#e3be6c!important;color:#061f47!important}
.notice{background:#eae0cd!important;color:#10294c!important}
#renterView .hero{background:#061f47!important;color:#fff;min-height:610px}
#renterView .hero::before{background:linear-gradient(90deg,#061f47fc 0%,#061f47f4 29%,#061f47b8 60%,#061f4772 100%),linear-gradient(0deg,#061f4770,transparent 70%)!important}
#renterView .hero-photo{opacity:.85;filter:saturate(.75)}
#renterView .hero-grain{background:radial-gradient(circle at 75% 30%,#e3be6c25,transparent 45%)!important}
#renterView .hero-kicker{color:#f0cf86!important;letter-spacing:2.6px}
#renterView .live-dot{background:#e3be6c!important;box-shadow:0 0 0 5px #e3be6c24}
#renterView .hero h1{color:#fff!important;font-weight:750;letter-spacing:-.045em}
#renterView .hero h1 em{color:#e3be6c!important;font-style:normal}
#renterView .hero p{color:#e8edf6!important;max-width:530px}
#renterView .hero-voice{background:#e3be6c!important;color:#061f47!important;border:1px solid #f3dca9!important;box-shadow:0 10px 28px #e3be6c26;font-weight:800}
#renterView .hero-voice:hover{background:#f0cf86!important}
#renterView .hero-voice svg{stroke:#061f47}
#renterView .voice-bars i{background:#061f47!important}
#renterView .hero-meta{color:#e6eaf2!important}
#renterView .hero-image-note{background:#061f47bb}
#renterView .searchbox{background:#fff!important;border:1px solid #d7c196!important;box-shadow:0 20px 45px #051c4230!important}
#renterView .searchrow input{background:#f1f5fa!important;color:#142943!important;border:1px solid #dce4ef!important}
#renterView .searchrow input::placeholder{color:#53667c}
#renterView .searchrow .voice{background:#0b2c57!important;color:#fff!important;border:1px solid #234d80!important}
#renterView .searchrow .voice svg{stroke:#e3be6c}
#renterView .searchrow .primary{background:#e3be6c!important;color:#061f47!important;border:1px solid #e3be6c!important;font-weight:800}
#renterView .searchrow .primary:hover{background:#f0cf86!important}
#renterView .hint{color:#4c617b}
#renterView .filter-drawer>summary,#renterView .filter-drawer>summary span{color:#193960!important}
#renterView .filters label{color:#294567!important}
#renterView .filters select{background:#f8fafd!important;border:1px solid #cfd9e6!important;color:#19324c}
#renterView .chip{background:#fff!important;color:#193c67!important;border-color:#d5dfec!important}
#renterView .chip:hover{background:#fff6e2!important;border-color:#e3be6c!important}
#renterView .resultshead .eyebrow{color:#94691d}
#renterView .results h2,#renterView .launch-intro h2{color:#102d53}
#renterView .launch-intro p{color:#4c6177}
#renterView .card{background:#fff!important;border-color:#e0e6ed!important;box-shadow:0 8px 24px #0b284708!important}
#renterView .card:hover{box-shadow:0 18px 42px #0b28471d!important}
#renterView .price{color:#0a2d58}
#renterView .badge:not(.demo){background:#e3be6c!important;color:#061f47!important}
#renterView .badge.demo{background:#061f47e8!important;color:#fff!important}
#renterView .actions .call{background:#edf3fb!important;color:#103b70!important;border-color:#cad9ee!important}
#renterView .actions a:hover{background:#f4e2bc!important}
#renterView .sort{color:#123253;border-color:#ccd8e7}
#renterView .promo{background:linear-gradient(120deg,#061f47,#0e376a)!important;color:#fff!important;box-shadow:0 16px 32px #071d3b20}
#renterView .promo h2{color:#fff!important}
#renterView .promo .eyebrow{color:#e3be6c!important}
#renterView .promo p{color:#e1e9f3!important}
#renterView .promo .primary,#renterView .promo button{background:#e3be6c!important;color:#061f47!important;border-color:#e3be6c!important}
footer{background:#081f3f!important;color:#e8edf5!important;border-color:#1e4069!important}
footer a{color:#f0cf86!important}
#agentView{background:#f4f7fb!important}
.str-agent,.str-auth{--ws-forest:#082b63!important;--ws-ink:#1b3557!important;--ws-muted:#576c84!important;--ws-lime:#e3be6c!important;--ws-line:#dbe3ee!important}
.str-agent .agent-panel{border-color:#dbe3ee!important;box-shadow:0 12px 32px #0925490b!important}
.str-agent .agent-note{background:#fff7e8!important;border-color:#ebd6ac!important;color:#4b4f5b!important}
.str-agent .agent-tag{color:#926820!important}
.str-agent input,.str-agent select,.str-agent textarea,.str-auth input{background:#f9fbfe!important;border-color:#cfdae9!important}
.str-agent input:focus,.str-agent select:focus,.str-agent textarea:focus,.str-auth input:focus{border-color:#bc963f!important;box-shadow:0 0 0 3px #e3be6c50!important}
.str-agent button,.str-auth button{background:#082b63!important;color:#fff!important}
.str-agent button:hover,.str-auth button:hover{background:#123d77!important}
body:has(nav.menu){background:#f7f9fc;color:#18314f}
body:has(nav.menu) header{background:#061f47!important;border-bottom:1px solid #e3be6c44!important;box-shadow:0 8px 22px #061f4717!important}
body:has(nav.menu) header .logo{color:#fff!important}
body:has(nav.menu) header .logo span{color:#e3be6c!important}
body:has(nav.menu) .menu a{color:#f8f9fc!important;text-decoration:none}
body:has(nav.menu) .menu a:hover{color:#e3be6c!important}
body:has(nav.menu) .hero{background:linear-gradient(125deg,#061f47 0%,#103763 85%)!important;color:#fff!important}
body:has(nav.menu) .hero h1{color:#fff!important}
body:has(nav.menu) .hero p{color:#e2e9f3!important}
body:has(nav.menu) .hero .eyebrow{color:#e3be6c!important}
body:has(nav.menu) .hero .crumb,body:has(nav.menu) .hero .crumb a{color:#e2e9f3!important}
body:has(nav.menu) .button{background:#e3be6c!important;color:#061f47!important;border:1px solid #e3be6c!important;font-weight:750;box-shadow:0 5px 18px #061f471c}
body:has(nav.menu) .button:hover{background:#f0cf86!important}
body:has(nav.menu) .button.secondary{background:transparent!important;color:#fff!important;border-color:#e3be6c!important}
body:has(nav.menu) .main h2,body:has(nav.menu) .main h3{color:#092d56!important}
body:has(nav.menu) .main a:not(.button){color:#174b86}
body:has(nav.menu) .card{border-color:#dfe6f0!important;background:#fff!important;box-shadow:0 8px 24px #071b3109!important}
body:has(nav.menu) .card p,body:has(nav.menu) .prose p{color:#455d75!important}
body:has(nav.menu) .checks span{background:#eff4fa!important;border-color:#dce5ef!important;color:#213d5e!important}
body:has(nav.menu) .callout{background:linear-gradient(125deg,#061f47,#103864)!important;color:#fff!important;border-color:#244874!important}
body:has(nav.menu) .callout h2,body:has(nav.menu) .callout p{color:#fff!important}
body:has(nav.menu) .callout a:not(.button){color:#f0cf86!important}
body:has(nav.menu) .callout .button{background:#e3be6c!important;color:#061f47!important}
body:has(nav.menu) footer{background:#061f47!important;color:#e8edf5!important}
body:has(nav.menu) footer a{color:#f0cf86!important}
@media(max-width:850px){#renterView .hero{min-height:445px!important}#renterView .hero::before{background:linear-gradient(90deg,#061f47f7,#061f47d8 61%,#061f478b)!important}}
@media(max-width:540px){#renterView .hero h1{font-size:clamp(42px,10.5vw,62px)!important;letter-spacing:-.045em!important}#renterView .hero p{font-size:15px!important}#renterView .searchbox{padding:16px!important}#renterView .searchrow .voice,#renterView .searchrow .primary{font-size:12px!important;padding:12px 8px!important}body:has(nav.menu) .menu{gap:10px}body:has(nav.menu) .hero{padding:48px 0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Keep property navigation above the photo and asynchronous detail content. */
.property-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;background:#fff;border-bottom:1px solid #d5dfec}
.property-navigation button{min-height:44px;flex:1 1 auto;margin:0}
.property-navigation .chip{background:#fff;color:#193c67;border:1px solid #a4afbf}
#searchForm{scroll-margin-top:100px}