/* Jordan experience pass: 70 individually scoped presentation improvements.
   Existing brand colors are inherited; no CRM, consent or sender changes. */
/* 001 — Consistent readable body rhythm. */
body.site-premium.site-zillow[data-jordan-experience]{line-height:1.55;-webkit-font-smoothing:antialiased}
/* 002 — Keyboard focus on every interactive element. */
body.site-premium.site-zillow[data-jordan-experience] :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--market-accent);outline-offset:4px}
/* 003 — Respect OS reduced motion. */
@media(prefers-reduced-motion:reduce){body.site-premium.site-zillow[data-jordan-experience] *,body.site-premium.site-zillow[data-jordan-experience] *::before,body.site-premium.site-zillow[data-jordan-experience] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* 004 — Prevent document-wide horizontal overflow. */
body.site-premium.site-zillow[data-jordan-experience]{overflow-x:clip}
/* 005 — Compact, predictable header height. */
body.site-premium.site-zillow[data-jordan-experience] .header-wrap{min-height:72px;max-width:1440px;margin:auto;padding:12px 28px;gap:24px}
/* 006 — Stronger agent identity without widening the logo. */
body.site-premium.site-zillow[data-jordan-experience] .logo strong{font-size:19px;font-weight:750}
/* 007 — Calmer supporting logo typography. */
body.site-premium.site-zillow[data-jordan-experience] .logo span{font-size:10px;letter-spacing:.14em;margin-top:5px}
/* 008 — Comfortable primary navigation targets. */
body.site-premium.site-zillow[data-jordan-experience] .header-nav>a{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px}
/* 009 — Shorter search-page introduction. */
body.site-premium.site-zillow[data-jordan-experience] .homes-page-hero{padding:26px 24px 28px!important;min-height:0!important}
/* 010 — Bound the search introduction to reading width. */
body.site-premium.site-zillow[data-jordan-experience] .homes-page-hero__inner{max-width:1100px;margin:auto}
/* 011 — Clear search title hierarchy. */
body.site-premium.site-zillow[data-jordan-experience] #homes-page-title{font-size:clamp(25px,3vw,38px)!important;line-height:1.15;letter-spacing:-.035em;margin:12px 0}
/* 012 — Less repetitive subtitle emphasis. */
body.site-premium.site-zillow[data-jordan-experience] .homes-page-hero__sub{font-size:15px;line-height:1.55;margin:0 0 22px;opacity:.88}
/* 013 — Visible search field beside the action. */
html body.site-premium.site-zillow[data-jordan-experience].site-premium.site-zillow .hero-search-bar .hero-search-simple{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:stretch!important;width:100%!important;gap:8px!important}
html body.site-premium.site-zillow[data-jordan-experience].site-premium.site-zillow .hero-search-bar .hero-search-simple .search-suggest-wrap{display:block!important;min-width:0!important;width:100%!important;flex:1 1 auto!important}
@media(max-width:600px){html body.site-premium.site-zillow[data-jordan-experience].site-premium.site-zillow .hero-search-bar .hero-search-simple{grid-template-columns:1fr!important}}
html body.site-premium.site-zillow[data-jordan-experience] .search-typewriter-ghost{display:none!important}
/* 014 — Restore usable address/city/MLS input. */
body.site-premium.site-zillow[data-jordan-experience] :is(#homes-page-search-input,#hero-search-input){display:block!important;visibility:visible!important;opacity:1!important;position:static!important;width:100%!important;min-width:0;height:54px!important;background:#fff!important;color:var(--text)!important;border:1px solid var(--market-line)!important;border-radius:10px!important;padding:0 18px!important;font:inherit!important;clip:auto!important;clip-path:none!important}
/* 015 — Search action has a stable touch height. */
body.site-premium.site-zillow[data-jordan-experience] :is(#homes-page-search-submit,#hero-search-submit){min-height:54px;border-radius:10px!important;padding:0 24px!important;white-space:nowrap}
/* 016 — Search shell no longer adds a heavy double border. */
body.site-premium.site-zillow[data-jordan-experience] .hero-search-bar{border:0!important;padding:8px!important;border-radius:16px!important;box-shadow:0 8px 30px #00000012!important}
/* 017 — Quick filters align with the search field. */
body.site-premium.site-zillow[data-jordan-experience] .hero-search-filters-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
/* 018 — City and bedroom dropdowns remain legible. */
body.site-premium.site-zillow[data-jordan-experience] .hero-search-filters-row select{min-height:46px;border-radius:9px;font-size:14px;min-width:130px;flex:1}
/* 019 — Search results have a wide but bounded canvas. */
body.site-premium.site-zillow[data-jordan-experience] .search-results>.container{max-width:1480px!important;padding:24px!important;margin:auto}
/* 020 — Remove oversized toolbar decoration. */
body.site-premium.site-zillow[data-jordan-experience] .results-toolbar{border-radius:14px!important;padding:18px!important;box-shadow:0 2px 12px #00000006!important;border:1px solid var(--market-line)}
/* 021 — Result heading and view switch align cleanly. */
body.site-premium.site-zillow[data-jordan-experience] .results-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
/* 022 — Count is the primary result label. */
body.site-premium.site-zillow[data-jordan-experience] .results-count{font-size:18px!important;line-height:1.3;font-weight:750;letter-spacing:-.02em;margin:4px 0}
/* 023 — Location explanation is visually secondary. */
body.site-premium.site-zillow[data-jordan-experience] .results-area{font-size:13px!important;line-height:1.5;max-width:65ch;margin:5px 0}
/* 024 — Filter controls use consistent gaps. */
body.site-premium.site-zillow[data-jordan-experience] .results-toolbar-filters{display:flex!important;gap:9px!important;flex-wrap:wrap!important;align-items:center;margin-top:16px}
/* 025 — Every filter has a readable control surface. */
body.site-premium.site-zillow[data-jordan-experience] .toolbar-select{min-height:44px!important;border-radius:9px!important;font-size:14px!important;padding:9px 28px 9px 12px!important;min-width:100px;max-width:100%}
/* 026 — Reset is a distinct secondary action. */
body.site-premium.site-zillow[data-jordan-experience] .toolbar-clear-filters{min-height:44px;border-radius:9px;padding:9px 14px;font-weight:600}
/* 027 — List/map switch is compact. */
body.site-premium.site-zillow[data-jordan-experience] .homes-view-switch{padding:4px;border-radius:11px!important;flex-shrink:0}
/* 028 — List/map buttons have equal targets. */
body.site-premium.site-zillow[data-jordan-experience] .view-tab{min-height:42px;min-width:67px;border-radius:8px!important}
/* 029 — Readable result disclaimer. */
body.site-premium.site-zillow[data-jordan-experience] .idx-search-disclaimer{font-size:11px;line-height:1.6;margin:16px 0;max-width:95ch}
/* 030 — Responsive search-card grid. */
body.site-premium.site-zillow[data-jordan-experience] #homes-list.homes-list--grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important;gap:22px!important;align-items:start}
/* 031 — Property-card shape and border consistency. */
body.site-premium.site-zillow[data-jordan-experience] .premium-card{border:1px solid var(--market-line)!important;border-radius:16px!important;overflow:hidden;background:#fff;box-shadow:0 3px 14px #00000008!important;min-width:0}
/* 032 — Subtle hover feedback without page movement. */
@media(hover:hover){body.site-premium.site-zillow[data-jordan-experience] .premium-card:hover{box-shadow:0 10px 28px #00000014!important;transform:translateY(-2px);transition:transform .16s ease,box-shadow .16s ease}}
/* 033 — Consistent photo geometry prevents layout shifts. */
body.site-premium.site-zillow[data-jordan-experience] .premium-card--search .listing-card-photo-wrap{aspect-ratio:4/3;height:auto!important;min-height:0!important;position:relative}
/* 034 — Photos fill their reserved geometry. */
body.site-premium.site-zillow[data-jordan-experience] .premium-card--search .listing-card-photo-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
/* 035 — Save button stays large enough for touch. */
body.site-premium.site-zillow[data-jordan-experience] .listing-card-save{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;box-shadow:0 2px 8px #0002}
/* 036 — Card price is the clearest text. */
body.site-premium.site-zillow[data-jordan-experience] .zillow-card-price{font-size:25px!important;font-weight:780!important;letter-spacing:-.035em;line-height:1.15;margin:0 0 8px}
/* 037 — Street address wraps instead of truncating. */
body.site-premium.site-zillow[data-jordan-experience] .zillow-card-address{font-size:15px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere}
/* 038 — City line is clearly separated. */
body.site-premium.site-zillow[data-jordan-experience] .zillow-card-city{font-size:13px!important;line-height:1.5;margin:3px 0 9px}
/* 039 — Card body has comfortable breathing room. */
body.site-premium.site-zillow[data-jordan-experience] :is(.premium-card-body,.zillow-card-body){padding:18px!important}
/* 040 — Card actions align in two equal columns. */
body.site-premium.site-zillow[data-jordan-experience] .listing-card-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:14px}
/* 041 — Card action labels wrap without clipping. */
body.site-premium.site-zillow[data-jordan-experience] .listing-card-btn{min-height:44px!important;border-radius:9px!important;font-size:13px!important;padding:10px!important;white-space:normal;line-height:1.3;text-align:center}
/* 042 — Smaller change badges stop overwhelming photos. */
body.site-premium.site-zillow[data-jordan-experience] .listing-card-price-drop{font-size:11px!important;line-height:1.4!important;max-width:85%;padding:6px 9px!important}
/* 043 — Numeric alignment makes prices easier to compare. */
body.site-premium.site-zillow[data-jordan-experience] :is(.zillow-card-price,#modal-price,.lp-stat-card__value,.homes-page-info){font-variant-numeric:tabular-nums}
/* 044 — Pagination separates itself from the last card. */
body.site-premium.site-zillow[data-jordan-experience] .homes-pagination{padding:28px 0 12px;gap:16px;align-items:center;justify-content:center}
/* 045 — Pagination actions stay touch friendly. */
body.site-premium.site-zillow[data-jordan-experience] .homes-page-btn{min-height:46px;min-width:100px;border-radius:10px}
/* 046 — Empty/loading state is a meaningful panel. */
body.site-premium.site-zillow[data-jordan-experience] :is(.homes-empty,.homes-prompt,.list-status){padding:28px;border:1px dashed var(--market-line);border-radius:14px;line-height:1.65}
/* 047 — Detail window stays in a readable maximum width. */
body.site-premium.site-zillow[data-jordan-experience] #listing-modal .lp-grid{max-width:1420px;margin-inline:auto;gap:32px}
/* 048 — Listing section navigation has a clear divider. */
body.site-premium.site-zillow[data-jordan-experience] #listing-modal :is(.lp-section-nav,.listing-section-nav){border-bottom:1px solid var(--market-line);box-shadow:0 3px 10px #00000006}
/* 049 — Section links support horizontal touch scrolling. */
body.site-premium.site-zillow[data-jordan-experience] #listing-modal [aria-label="Listing sections"]{display:flex;overflow-x:auto;gap:4px;scrollbar-width:thin;overscroll-behavior-inline:contain;flex-wrap:nowrap}
/* 050 — Section navigation targets do not shrink. */
body.site-premium.site-zillow[data-jordan-experience] #listing-modal [aria-label="Listing sections"] button{min-height:48px;flex-shrink:0;white-space:nowrap;font-size:13px;padding:12px 16px}
/* 051 — Main price has a confident desktop hierarchy. */
body.site-premium.site-zillow[data-jordan-experience] #modal-price{font-size:clamp(30px,4vw,44px)!important;line-height:1.1;letter-spacing:-.04em}
/* 052 — Detail address remains readable. */
body.site-premium.site-zillow[data-jordan-experience] #modal-address{font-size:19px!important;line-height:1.5;overflow-wrap:anywhere}
/* 053 — Primary facts have consistent spacing. */
body.site-premium.site-zillow[data-jordan-experience] #modal-stats{gap:10px!important;margin-block:22px!important}
/* 054 — Fact cards avoid decorative bulk. */
body.site-premium.site-zillow[data-jordan-experience] .lp-stat-card{border-radius:12px!important;padding:14px!important;border:1px solid var(--market-line);min-width:0}
/* 055 — Large descriptions use a comfortable reading measure. */
body.site-premium.site-zillow[data-jordan-experience] #modal-description{font-size:16px!important;line-height:1.8!important;max-width:76ch;white-space:pre-line;overflow-wrap:anywhere}
/* 056 — Description gets a clear section boundary. */
body.site-premium.site-zillow[data-jordan-experience] #modal-description-wrap{margin-block:30px;padding-block:26px;border-block:1px solid var(--market-line)}
/* 057 — Section headings follow one hierarchy. */
body.site-premium.site-zillow[data-jordan-experience] #listing-modal :is(.lp-section-title,h2:not(#modal-price)){font-size:23px!important;line-height:1.3;letter-spacing:-.025em;margin-bottom:18px}
/* 058 — MLS definition lists have a clean rhythm. */
body.site-premium.site-zillow[data-jordan-experience] #modal-facts-body dl{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.6fr);gap:12px 20px;line-height:1.6}
/* 059 — Source values can wrap safely. */
body.site-premium.site-zillow[data-jordan-experience] #listing-modal dd{margin:0;overflow-wrap:anywhere}
/* 060 — Labels have restrained emphasis. */
body.site-premium.site-zillow[data-jordan-experience] #listing-modal dt{font-size:12px;letter-spacing:.04em;line-height:1.6}
/* 061 — Gallery arrows have consistent circular targets. */
body.site-premium.site-zillow[data-jordan-experience] :is(#gallery-prev,#gallery-next){width:46px!important;height:46px!important;border-radius:50%!important;box-shadow:0 2px 12px #0003}
/* 062 — Photo strip is touch-scrollable. */
body.site-premium.site-zillow[data-jordan-experience] .gallery-thumbs-side{overscroll-behavior:contain;scrollbar-width:thin;gap:8px}
/* 063 — Gallery thumbnails have clear selected focus. */
body.site-premium.site-zillow[data-jordan-experience] .gallery-thumbs-side [aria-selected="true"]{outline:3px solid var(--market-accent);outline-offset:-3px;border-radius:8px}
/* 064 — Contact sidebar uses one restrained surface. */
body.site-premium.site-zillow[data-jordan-experience] .lp-sidebar-card{border:1px solid var(--market-line)!important;border-radius:16px!important;box-shadow:0 5px 24px #00000009!important;padding:24px!important}
/* 065 — Payment estimate is subordinate to asking price. */
body.site-premium.site-zillow[data-jordan-experience] #modal-est-payment{border-radius:13px!important;padding:18px!important;font-size:14px;box-shadow:none!important}
/* 066 — Maps have predictable height and edges. */
body.site-premium.site-zillow[data-jordan-experience] :is(#modal-detail-map,#modal-neighborhood-map){min-height:260px;border-radius:14px;overflow:hidden;border:1px solid var(--market-line)}
/* 067 — Homepage intro is shorter and search-led. */
body.site-premium.site-zillow[data-jordan-experience] .hero{min-height:450px!important;padding-block:68px 48px!important}
/* 068 — Homepage headline is readable on small screens. */
body.site-premium.site-zillow[data-jordan-experience] .hero h1{font-size:clamp(32px,4.7vw,58px)!important;max-width:19ch;line-height:1.08;letter-spacing:-.045em;margin-inline:auto}
/* 069 — Mobile single-column layout and safe-area spacing. */
@media(max-width:600px){body.site-premium.site-zillow[data-jordan-experience] .header-wrap{min-height:64px;padding:10px 16px}body.site-premium.site-zillow[data-jordan-experience] .search-results>.container{padding:14px!important}body.site-premium.site-zillow[data-jordan-experience] .homes-page-hero{padding:20px 14px!important}body.site-premium.site-zillow[data-jordan-experience] .hero-search-simple{grid-template-columns:1fr}body.site-premium.site-zillow[data-jordan-experience] #homes-list.homes-list--grid{grid-template-columns:1fr!important;gap:18px!important}body.site-premium.site-zillow[data-jordan-experience] .results-toolbar{padding:14px!important}body.site-premium.site-zillow[data-jordan-experience] #modal-facts-body dl{grid-template-columns:1fr 1.2fr;gap:10px}body.site-premium.site-zillow[data-jordan-experience] #modal-description{font-size:15px!important;line-height:1.75!important}body.site-premium.site-zillow[data-jordan-experience] .hero{min-height:390px!important;padding-block:42px 30px!important}body.site-premium.site-zillow[data-jordan-experience]{padding-bottom:env(safe-area-inset-bottom)}}
/* 070 — Print only useful property facts, not interactive chrome. */
@media print{body.site-premium.site-zillow[data-jordan-experience].listing-modal-open> :not(#listing-modal){display:none!important}body.site-premium.site-zillow[data-jordan-experience] #listing-modal{position:static!important;overflow:visible!important;background:#fff!important}body.site-premium.site-zillow[data-jordan-experience] #listing-modal :is(.lp-sidebar,[aria-label="Listing sections"],#listing-tour-section,.gallery-controls,#modal-similar-wrap){display:none!important}body.site-premium.site-zillow[data-jordan-experience] #listing-modal :is(.lp-grid,.lp-main,.lp-scroll,#listing-modal-scroll-root){display:block!important;overflow:visible!important;height:auto!important;max-height:none!important}body.site-premium.site-zillow[data-jordan-experience] #modal-description{display:block!important}}

/* Shared surfaces for the 30 functional enhancements. */
.jux-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:16px 0}.jux-tools button,.jux-compare-toggle,.jux-chip,.jux-dialog button,.jux-dialog a.jux-open{font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;border:1px solid var(--market-line);background:#fff;color:var(--text);border-radius:9px;padding:10px 14px;min-height:44px;cursor:pointer;text-decoration:none}.jux-tools small{font-size:12px;color:var(--text-muted);flex-basis:100%}.jux-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.jux-chip{font-size:12px;min-height:36px;padding:6px 11px}.jux-compare-toggle{display:block;margin:0 16px 16px;width:calc(100% - 32px);position:relative;z-index:2}.jux-compare-toggle[aria-pressed=true]{border-color:var(--market-accent);background:var(--cream)}.jux-tray{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:4500;display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid var(--market-line);border-radius:14px;background:#fff;box-shadow:0 10px 40px #0002;max-width:calc(100vw - 28px);font-size:14px}.jux-tray button{padding:10px 14px;min-height:44px;border:1px solid var(--market-line);border-radius:8px;background:var(--navy);color:white;font-weight:650}.jux-tray button:disabled{opacity:.5}.jux-dialog{border:1px solid var(--market-line);border-radius:20px;padding:28px;width:min(1050px,calc(100vw - 24px));max-height:88dvh;overflow:auto;color:var(--text);background:#fff;box-shadow:0 24px 80px #0003}.jux-dialog::backdrop{background:#211c2977;backdrop-filter:blur(3px)}.jux-dialog h2{font-size:25px;margin:0 0 8px;letter-spacing:-.03em}.jux-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.jux-dialog p{font-size:14px;line-height:1.65}.jux-table-wrap{overflow:auto;margin:20px 0}.jux-table{border-collapse:collapse;min-width:600px;width:100%;font-size:14px}.jux-table th,.jux-table td{border-bottom:1px solid var(--market-line);text-align:left;padding:14px;vertical-align:top;min-width:180px}.jux-table th:first-child{min-width:120px}.jux-table tr:nth-child(even){background:var(--cream)}.jux-table img{width:100%;max-width:220px;height:140px;object-fit:cover;border-radius:10px}.jux-table a{color:var(--navy);text-decoration:underline}.jux-saved-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--market-line)}.jux-toast{position:fixed;inset:auto 20px 100px;z-index:15000;margin:auto;width:max-content;max-width:calc(100vw - 40px);padding:12px 20px;border:1px solid var(--market-line);border-radius:12px;background:#fff;box-shadow:0 6px 28px #0002;font-size:14px}.jux-progress{height:3px;background:var(--market-accent);position:sticky;top:0;z-index:20;transform-origin:left;pointer-events:none}.jux-back{position:fixed;right:18px;bottom:92px;z-index:2500;width:44px;height:44px;border-radius:50%;border:1px solid var(--market-line);background:#fff;color:var(--navy);box-shadow:0 3px 15px #0001}.jux-help{font-size:12px!important;line-height:1.6!important;color:var(--text-muted);margin:8px 0}.jux-description-toggle{padding:8px 0;background:none;border:0;text-decoration:underline;color:var(--navy);font-weight:650;min-height:44px}.jux-desc-collapsed{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}.jux-recent{padding:26px 24px;max-width:1440px;margin:auto}.jux-recent h2{font-size:23px}.jux-recent-links{display:flex;gap:10px;overflow-x:auto;padding:4px 0 12px}.jux-recent-links a{flex:0 0 240px;padding:16px;border:1px solid var(--market-line);border-radius:12px;background:#fff;color:var(--text);font-size:14px;text-decoration:none}.jux-recent-links span{display:block;font-size:12px;color:var(--text-muted);margin-top:5px}body[data-jordan-density=compact] #homes-list .listing-card-photo-wrap{aspect-ratio:16/9}body[data-jordan-density=compact] #homes-list{gap:14px!important}body[data-jordan-density=compact] #homes-list .premium-card-body{padding:12px!important}body.site-premium.site-zillow[data-jordan-experience] .expert-cta-bar{max-width:470px!important;margin-inline:auto!important}body.site-premium.site-zillow[data-jordan-experience]:has(.jux-tray:not([hidden])) .expert-cta-bar{visibility:hidden}body.listing-modal-open .jux-back,body.listing-modal-open .jux-tray{display:none!important}[hidden].jux-tray,[hidden].jux-toast,[hidden].jux-back{display:none!important}@media(max-width:600px){.jux-dialog{padding:20px 16px}.jux-tray{bottom:calc(12px + env(safe-area-inset-bottom));gap:8px;padding:10px;font-size:12px}.jux-tray button{padding:9px}.jux-tools{gap:8px}.jux-tools button{flex:1}.jux-saved-item{align-items:flex-start}.jux-recent{padding:20px 14px}}