/* phone-layout — the owner's phone pass (Oct 8). Loaded last on every layout. Phone rules sit inside their own media
   queries (homepage and header ≤600px, listing pages ≤759px, the stacked promotions ≤899px); the only rules that reach
   larger screens are the ones that keep them exactly as they were (phone-only cards and markup hidden or flattened). */

/* ============================== Homepage ============================== */
/* Rows with phone-only extra cards: tablets and desktops keep their old counts (Featured and the type sections six,
   More homes three, two on tablets where three would leave one card alone). */
@media(min-width:601px){
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-wide='6']>:nth-child(n+7){display:none!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-wide='3']>:nth-child(n+4){display:none!important}
}
@media(min-width:601px) and (max-width:899px){
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-wide='3']>:nth-child(n+3){display:none!important}
}
/* Direct agent connections: the buyer half is one flowing block beside the photo on larger screens. */
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-buy{display:contents}
html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-buy-head{display:none}

/* Promotions stack the photo on top below 900px. On the light canvas their copy kept the side gutter meant for a photo
   beside it, so the text sat indented under the photo; it now lines up with the photo's left edge. */
@media(max-width:899px){
 html[data-aw-theme=light] body.pm-public main .aw-reference-home.aw-hf-home :is(.aw-hf-promo,.aw-hf-advertise) .aw-hf-promo-copy{padding:20px 0 4px!important;align-items:stretch;text-align:left}
}

@media(max-width:600px){
 /* Swipeable rows: Featured and the Commercial / Rentals sections are two rows (first half of the cards on top),
    More homes one row. Each card is 80% of the column so the next one peeks in; the track runs to the screen edges
    and snaps card by card. */
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-rows]{display:grid!important;grid-template-columns:repeat(var(--aw-per-row,4),80%)!important;grid-auto-flow:row!important;align-items:stretch;gap:14px 12px!important;margin:0 calc(-1 * var(--ref-gut,16px))!important;padding:2px var(--ref-gut,16px) 12px!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ref-gut,16px);scrollbar-width:none;-webkit-overflow-scrolling:touch}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-rows]::-webkit-scrollbar{display:none}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-rows]>.aw-listing-card{display:flex!important;min-width:0;height:100%;scroll-snap-align:start}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-rows] .aw-listing-media{aspect-ratio:1.75!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-rows] .aw-listing-price{font-size:22px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-grid[data-rows] .aw-listing-information{padding:12px 14px 14px!important}

 /* Explore by property type: three rows of two larger tiles, the photo carrying the name; no listing counts. */
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid>a{position:relative;display:block!important;overflow:hidden;border-radius:12px!important;isolation:isolate}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid img{aspect-ratio:4/3!important;margin:0!important;border-radius:12px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid>a::after{content:'';position:absolute;inset:45% 0 0;border-radius:0 0 12px 12px;background:linear-gradient(to bottom,#0000,#000000a8);pointer-events:none}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid strong{position:absolute;left:12px;right:12px;bottom:10px;z-index:1;font-size:17px!important;line-height:1.2!important;text-align:left!important;color:#fff!important;text-shadow:0 1px 3px #0006}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid>a:hover strong{color:#fff!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid small{display:none!important}

 /* Direct agent connections: buying and selling as two cards in the one section, each with its own mark. */
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-promo-copy{gap:0}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise :is(.aw-hf-buy,.aw-hf-sell){display:grid!important;gap:0;margin:16px 0 0!important;padding:18px 16px!important;border:1px solid var(--ref-line)!important;border-radius:12px!important;background:var(--ref-surface)!important;box-shadow:0 1px 3px #1018280f!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-buy-head{display:flex;align-items:center;gap:12px}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-buy-head h3{margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1.25!important;color:var(--ref-ink)!important;letter-spacing:-.01em}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-buy>p{margin:10px 0 0!important;font-size:14.5px!important;line-height:1.5!important}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-buy .aw-hf-promo-actions{display:grid;gap:4px;margin-top:14px}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-buy .aw-hf-promo-actions>.aw-solid-button{width:100%}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-buy .aw-hf-promo-actions>a:not(.aw-solid-button){justify-content:center}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-sell{gap:12px}
 /* The seller's mark is green so the two cards read as two different starts. */
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-sell .aw-hf-sell-icon{background:#e3f4ea;color:#1d7a46}
 html[data-aw-theme=dark] body.pm-public main .aw-reference-home.aw-hf-home .aw-hf-expertise .aw-hf-sell .aw-hf-sell-icon{background:#173526;color:#7fd6a3}
}

/* ============================== Header ============================== */
/* Phones drop the Saved heart (saved properties live in the menu's Your account box) and Sign in goes straight to the
   sign-in page, where buyers and agents choose; larger screens keep the Saved link and the Sign in menu. */
html[data-aw-theme] .aw-centered-header .aw-signin-link{display:none!important}
@media(max-width:600px){
 html[data-aw-theme] .aw-centered-header .premium-saved,html[data-aw-theme] .aw-centered-header .aw-signin-menu{display:none!important}
 html[data-aw-theme] header.aw-centered-header .premium-header-actions>a.aw-signin-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:6px;background:var(--ref-blue);color:#fff!important;font:700 14px/1 'Source Sans 3',system-ui,sans-serif;text-decoration:none!important;white-space:nowrap}
 html[data-aw-theme] header.aw-centered-header .premium-header-actions>a.aw-signin-link:hover{background:var(--ref-blue-hover);color:#fff!important}
 html[data-aw-theme] .aw-centered-header .aw-signin-link:focus-visible{outline:2px solid var(--ref-blue);outline-offset:2px}
}

/* The menu (wherever the bar shows the menu button): a sheet under the bar holding every part of the site as a stack of
   drop-down boxes, then Sign in / Create account and the theme switch. Full width on phones, a 440px drawer on tablets. */
@media(max-width:899px){
 html[data-aw-theme] header.aw-centered-header .aw-mobile-menu>.aw-mobile-dropdown{position:fixed!important;top:var(--aw-nav-bottom,57px)!important;left:0!important;right:auto!important;bottom:0!important;z-index:70;display:block!important;width:min(100vw,440px)!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:14px 16px 28px!important;border:0!important;border-top:1px solid var(--ref-line)!important;border-radius:0!important;box-shadow:0 24px 48px #0f172033!important;overflow-y:auto!important;overscroll-behavior:contain}
 html[data-aw-theme] body:has(header.aw-centered-header .aw-mobile-menu[open]){overflow:hidden}
 html[data-aw-theme] .aw-centered-header .aw-mm{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:8px}
 html[data-aw-theme] .aw-centered-header .aw-mm-box{margin:0;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-surface);overflow:hidden}
 html[data-aw-theme] .aw-centered-header .aw-mm-box[open]{border-color:color-mix(in srgb,var(--ref-blue) 45%,var(--ref-line))}
 html[data-aw-theme] .aw-centered-header .aw-mm-box>summary{display:flex!important;align-items:center;gap:12px;min-height:54px!important;margin:0!important;padding:0 14px 0 10px!important;border:0!important;background:none!important;list-style:none;cursor:pointer;color:var(--ref-ink)!important;font:600 16px/1.2 'Source Sans 3',system-ui,sans-serif!important}
 html[data-aw-theme] .aw-centered-header .aw-mm-box>summary::-webkit-details-marker{display:none}
 html[data-aw-theme] .aw-centered-header .aw-mm-box>summary:focus-visible{outline:2px solid var(--ref-blue);outline-offset:-2px;border-radius:12px}
 html[data-aw-theme] .aw-centered-header .aw-mm-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ref-tint);color:var(--ref-link)}
 html[data-aw-theme] .aw-centered-header .aw-mm-name{flex:1;min-width:0}
 html[data-aw-theme] .aw-centered-header .aw-mm-chevron{flex:none;color:var(--ref-muted);transition:transform .18s ease}
 html[data-aw-theme] .aw-centered-header .aw-mm-box[open] .aw-mm-chevron{transform:rotate(180deg);color:var(--ref-link)}
 html[data-aw-theme] .aw-centered-header .aw-mm-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 10px 10px 56px;padding:4px 0 0;border-top:1px solid var(--ref-line)}
 html[data-aw-theme] .aw-centered-header .aw-mm-links a{display:flex!important;align-items:center;min-height:44px!important;margin:0!important;padding:0 10px!important;border-radius:8px!important;background:none!important;color:var(--ref-text)!important;font:400 15.5px/1.25 'Source Sans 3',system-ui,sans-serif!important;text-decoration:none!important}
 html[data-aw-theme] .aw-centered-header .aw-mm-links a:hover{background:var(--ref-soft)!important;color:var(--ref-ink)!important}
 html[data-aw-theme] .aw-centered-header .aw-mm-auth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0}
 html[data-aw-theme] .aw-centered-header .aw-mm-auth a{display:flex!important;align-items:center;justify-content:center;min-height:48px!important;margin:0!important;padding:0 12px!important;border-radius:8px!important;font:700 15px/1.2 'Source Sans 3',system-ui,sans-serif!important;text-align:center;text-decoration:none!important}
 html[data-aw-theme] .aw-centered-header .aw-mm-auth .aw-mm-signin{background:var(--ref-blue)!important;color:#fff!important;border:1px solid var(--ref-blue)!important}
 html[data-aw-theme] .aw-centered-header .aw-mm-auth .aw-mm-join{background:var(--ref-surface)!important;color:var(--ref-link)!important;border:1px solid var(--ref-blue)!important}
 html[data-aw-theme] .aw-centered-header .aw-mobile-dropdown>.aw-mobile-theme{margin-top:14px;padding-top:10px;border-top:1px solid var(--ref-line)}
}
@media(prefers-reduced-motion:reduce){html[data-aw-theme] .aw-centered-header .aw-mm-chevron{transition:none}}

/* ============================== Footer ============================== */
/* Every screen: "© 2026 Addresswell, LLC. All rights reserved." (shell.tsx). The tagline is centred under the whole logo
   on every screen by the .aw-footer-lockup column (home-flow.css). */

/* ============================== Listing pages ============================== */
/* Status above the price on every screen size (phones from Oct 8, desktop from Oct 10, owner): For sale, For rent, Lease,
   Coming soon, Under contract, Sold…, with a Price cut box beside it only while the latest asking-price change is a
   reduction (price-history.tsx priceCut). */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 8px!important;padding:0}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 11px;border:1px solid var(--lpx-line,var(--ref-line));border-radius:999px;background:var(--ref-surface);color:var(--lpx-ink,var(--ref-ink));font:600 13.5px/1.1 'Source Sans 3',system-ui,sans-serif;white-space:nowrap}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#d6453f}
/* The dot is the listing's map color (app/lib/listing-tone.ts): homes for sale blue, rentals purple, land green, commercial
   teal, coming soon yellow, sold red. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag[data-tone=home] .aw-lpx-flag-dot{background:#0b5cf2}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag[data-tone=rental] .aw-lpx-flag-dot{background:#7c3aed}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag[data-tone=land] .aw-lpx-flag-dot{background:#15803d}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag[data-tone=commercial] .aw-lpx-flag-dot{background:#0e7490}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag[data-tone=coming] .aw-lpx-flag-dot{background:#d9a106}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag[data-tone=sold] .aw-lpx-flag-dot{background:#dc2626}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag.is-cut{gap:4px;border-color:#f3c7c3;background:#fdeeed;color:#9f2c25}
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag.is-cut time{font-weight:500}
html[data-aw-theme=dark] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag.is-cut{border-color:#5b2a27;background:#33191a;color:#ffaaa3}
/* Open house: beside the status, to the right of a price cut. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag.is-open{gap:4px;border-color:#b9e3c8;background:#ecf8f0;color:#166534}
html[data-aw-theme=dark] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-flag.is-open{border-color:#1f4d33;background:#12261b;color:#86efac}
/* The status pill says it, so the line under the address does not repeat it. */
html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-meta>.is-status{display:none!important}
@media(max-width:759px){
 /* Save / Share / Compare move up beside "Back to …", over the photos: the page becomes a two-column grid whose first row
    is the back link and the actions; everything else spans both columns in its usual order. */
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx{display:grid!important;grid-template-columns:minmax(0,max-content) minmax(184px,1fr);column-gap:12px;align-items:start}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx>*,html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx>.aw-lpx-summary>*{grid-area:auto/1/auto/-1!important;min-width:0}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx>.aw-lpx-summary{display:contents!important}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx>.aw-lpx-summary>.aw-lpx-summary-main{display:block!important}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx>.aw-lpx-backrow{grid-area:1/1/2/2!important;align-self:center;min-height:44px;margin:8px 0 10px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx>.aw-lpx-backrow{min-width:0}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-back{flex:0 1 auto!important;gap:6px;min-width:0;font-size:15px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-back svg{width:18px;height:18px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx>.aw-lpx-summary>.aw-lpx-actions{grid-area:1/2/2/3!important;align-self:center;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:8px 0 10px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-actions :is(.aw-lpx-action,.aw-lpx-save .premium-save){flex-direction:column!important;gap:3px!important;width:100%!important;height:48px!important;min-height:48px!important;padding:0 2px!important;border-radius:10px!important;font-size:12.5px!important;font-weight:600!important;line-height:1!important}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-actions :is(.aw-lpx-action,.aw-lpx-save .premium-save) svg{width:18px!important;height:18px!important;flex:none}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lp-share-note{left:auto!important;right:0!important}


 /* Key facts: centred, each in its own light gray box (no dividers). */
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-keyfacts{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;width:100%;max-width:none;margin:16px 0 0!important;padding:0!important;border:0!important;overflow:visible!important;justify-self:stretch}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-keyfacts>li,html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-keyfacts>li:is(:first-child,:last-child){display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;margin:0!important;padding:12px 6px!important;border:0!important;border-radius:10px;background:#f0f2f5;text-align:center}
 html[data-aw-theme=dark] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-keyfacts>li:is(*,:first-child,:last-child){background:#1d2633}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-keyfacts strong{font-size:22px!important}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-keyfacts span{font-size:13.5px}
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx>.aw-lpx-mobile-actions{margin-top:16px!important}

 /* No full-screen map from the listing page on phones: the map card stays inline (pinch and drag still work). */
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-map-expand{display:none!important}
}

/* Photo viewer on phones: a pop-up sized to the photo (its proportions come from the image, capped so the strip and
   controls always fit), centred over the dimmed page; tap outside, Close or Escape to leave; swipe for the next photo. */
@media(max-width:759px){
 html[data-aw-theme] body dialog.aw-photo-viewer{inset:0!important;width:calc(100vw - 20px)!important;height:fit-content!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;padding:0!important;border:0!important;border-radius:14px!important;box-shadow:0 24px 70px #0009!important}
 html[data-aw-theme] body dialog.aw-photo-viewer[open]{grid-template-rows:auto auto!important}
 html[data-aw-theme] body dialog.aw-photo-viewer::backdrop{background:#070b12d9}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-bar{height:52px!important;padding:0 6px 0 14px!important;gap:8px}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-bar.has-tabs{height:auto!important;grid-template-rows:52px 44px}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-close{margin-right:0!important}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-panel{grid-template-rows:auto 52px 64px!important}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-stage{width:100%;height:auto;aspect-ratio:var(--aw-pv-stage-ratio,1.5);max-height:calc(100dvh - 40px - 52px - 52px - 64px);touch-action:pan-y pinch-zoom}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-bar.has-tabs~.aw-pv-panel .aw-pv-stage{max-height:calc(100dvh - 40px - 96px - 52px - 64px)}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-stage.is-enlarged{touch-action:auto}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-controls{padding:0 4px 0 14px!important}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-thumbs{gap:6px;padding:7px 14px 0!important}
 html[data-aw-theme] body dialog.aw-photo-viewer .aw-pv-thumbs>button{width:66px!important;height:46px!important}
}

/* ============================== Sign in & account pages ============================== */
/* Phone-only pieces (auth-page.tsx): the logo bar with Close, the buyer / agent cards' icons and lines, the Google mark,
   the short "or" divider and the terms line. Larger screens keep their layout and wording. */
html[data-aw-theme] body .aw-auth-layout :where(.aw-auth-phonebar,.aw-auth-aud-icon,.aw-auth-aud-text small,.aw-auth-terms,.aw-auth-g,.aw-auth-or-phone){display:none}
html[data-aw-theme] body .aw-auth-audience .aw-auth-aud-text strong{font:inherit;color:inherit}
/* The chosen side (Buyer/seller or Agent / professional) is a solid blue box with white text at every width (Oct 13).
   One deep blue in both themes: white text on it stays readable (the dark theme's lighter blue would not). */
html[data-aw-theme] body .aw-auth-audience>a[aria-current=page]{border-color:#0b5cf2!important;background:#0b5cf2!important;box-shadow:0 1px 3px #0b5cf240!important;color:#fff!important}
@media(max-width:600px){
 /* Its own page: no site header or footer, just the logo and Close, like a dedicated sign-in screen. */
 html[data-aw-theme] body .aw-auth-shell>header.aw-centered-header,html[data-aw-theme] body .aw-auth-shell>.aw-site-footer{display:none!important}
 html[data-aw-theme] body .aw-auth-shell{min-height:100dvh;background:var(--ref-surface)}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-layout{display:block!important;max-width:none!important;margin:0!important;padding:0 20px 40px!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-form-area{display:flex!important;flex-direction:column;padding:0!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-phonebar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;margin:0 0 22px}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-phonebar .aw-brand-logo.aw-brand-logo>img.aw-logo.aw-logo{height:31px!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-close{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border-radius:50%;color:var(--ref-ink)!important;text-decoration:none}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-close:hover{background:var(--ref-soft)}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-close:focus-visible{outline:2px solid var(--ref-blue);outline-offset:2px}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-form-area>:is(.aw-back-link,.aw-eyebrow){display:none!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-form-area h1{min-height:0!important;margin:0 0 8px!important;font-size:31px!important;line-height:1.12!important;font-weight:750!important;letter-spacing:-.02em}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-description{min-height:0!important;margin:0 0 22px!important;font-size:15.5px!important;line-height:1.5!important;color:var(--ref-muted)!important}

 /* Buyer or agent: two cards, the chosen one solid blue with white text and a check. */
 html[data-aw-theme] body .aw-auth-shell .aw-auth-audience{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;margin:0 0 24px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-audience>a{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;min-height:0!important;padding:14px 14px 13px!important;border:1px solid var(--ref-line)!important;border-radius:14px!important;background:var(--ref-surface)!important;box-shadow:none!important;color:var(--ref-ink)!important;text-align:left;text-decoration:none}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-audience>a[aria-current=page]{border-color:#0b5cf2!important;background:#0b5cf2!important;box-shadow:0 2px 8px #0b5cf238!important;color:#fff!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-audience>a[aria-current=page]::after{content:'';position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b5cf2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-audience>a:focus-visible{outline:2px solid var(--ref-blue);outline-offset:2px}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-aud-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ref-tint);color:var(--ref-link)}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-audience>a[aria-current=page] .aw-auth-aud-icon{background:#ffffff2e;color:#fff}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-aud-text{display:grid;gap:3px;min-width:0}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-aud-text strong{font:700 15.5px/1.2 'Source Sans 3',system-ui,sans-serif;color:var(--ref-ink)}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-aud-text small{display:block;font:400 12.5px/1.35 'Source Sans 3',system-ui,sans-serif;color:var(--ref-muted)}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-audience>a[aria-current=page] .aw-auth-aud-text :is(strong,small){color:#fff}

 /* Fields and the main button: large, rounded, 16px text (no zoom on focus). */
 html[data-aw-theme] body .aw-auth-shell .aw-auth-form{gap:18px!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-form :is(input:not([type=checkbox]):not([type=radio]),select){min-height:52px!important;border-radius:10px!important;font-size:16px!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-form>button.aw-solid-button{width:100%;min-height:54px!important;border-radius:10px!important;font-size:16.5px!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-next{order:4;margin-top:20px!important;font-size:15px}
 /* "or" and Continue with Google come after the email form, as on dedicated sign-in screens. */
 html[data-aw-theme] body .aw-auth-shell .aw-social-auth{order:5;display:flex;flex-direction:column;margin:24px 0 0!important}
 html[data-aw-theme] body .aw-auth-shell .aw-social-auth>div{order:-1;height:11px;margin:0 0 22px!important;border-bottom:1px solid var(--ref-line)!important}
 html[data-aw-theme] body .aw-auth-shell .aw-social-auth>div>span{padding:0 14px;background:var(--ref-surface)!important;color:var(--ref-muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
 html[data-aw-theme] body .aw-auth-shell .aw-social-auth .aw-auth-or-wide{display:none}
 html[data-aw-theme] body .aw-auth-shell .aw-social-auth .aw-auth-or-phone{display:inline}
 html[data-aw-theme] body .aw-auth-shell .aw-social-auth>button{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px!important;border:1px solid var(--ref-line)!important;border-radius:10px!important;background:var(--ref-surface)!important;color:var(--ref-ink)!important;font:600 16px/1.2 'Source Sans 3',system-ui,sans-serif!important}
 html[data-aw-theme] body .aw-auth-shell .aw-social-auth .aw-auth-g{display:block;flex:none}
 html[data-aw-theme] body .aw-auth-shell .aw-social-auth>small{margin:10px 0 0!important}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-terms{order:6;display:block;margin:26px 0 0;font-size:13px;line-height:1.5;color:var(--ref-muted);text-align:center}
 html[data-aw-theme] body .aw-auth-shell .aw-auth-terms a{color:var(--ref-link);font-weight:600}
}

/* Search map on phones (Oct 9): fewer controls over the map. The results count chip goes (the List / Map switch sits
   right above the map) and so do the zoom buttons (pinch to zoom). Oct 10: Search this area goes too on phones (owner);
   Draw > Use visible map area still limits results to what's on screen. */
@media(max-width:600px){
 html[data-aw-theme] body .aw-sr .aw-msr-btn.aw-msr-count{display:none!important}
 html[data-aw-theme] body .aw-sr .aw-msr-zoom{display:none!important}
 html[data-aw-theme] body .aw-sr .aw-msr-ui>.aw-msr-top>.aw-msr-tc{display:none!important}
}

/* Map preview card on phones (Oct 10, owner): the photo takes more of the card (about 45% of its width, full height)
   and the details sit a little further from it. The facts line switches to its short forms when it needs to
   (card-facts.css), so sq ft stays beside the baths. */
@media(max-width:767px){
 html[data-aw-theme] body .aw-sr .aw-map-overlay[data-place=docked] .aw-mpc{grid-template-columns:minmax(0,46%) minmax(0,1fr)!important;min-height:150px}
 html[data-aw-theme] body .aw-sr .aw-map-overlay[data-place=docked] .aw-mpc-media{min-height:150px}
 html[data-aw-theme] body .aw-sr .aw-map-overlay[data-place=docked] .aw-mpc-body{gap:3px;padding:12px 12px 12px 17px!important}
 html[data-aw-theme] body .aw-sr .aw-map-overlay[data-place=docked] .aw-mpc-price{padding-right:30px}
 html[data-aw-theme] body .aw-sr .aw-map-overlay[data-place=docked] .aw-mpc-facts>.aw-fact+.aw-fact::before{margin:0 6px!important}
}

/* Listing key facts on phones (Oct 9): more than three (commercial rooms, land utilities) wrap three to a row. */
@media(max-width:759px){
 html[data-aw-theme] body.pm-public main .aw-reference-property.aw-lp.aw-lpx .aw-lpx-summary .aw-lpx-keyfacts[data-many]{grid-auto-flow:row!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Touch screens (Oct 9): no light-blue tap flash on checkboxes, their labels or anything else tapped, and hover tints
   that would stay on after a tap are off. A mouse (hover: hover) keeps every hover state. */
@media(hover:none){
 html{-webkit-tap-highlight-color:transparent}
 html[data-aw-theme] body.pm-public main .aw-agent-dir-segments label:not([data-checked]):hover span{background:transparent}
 html[data-aw-theme] body .aw-sr .aw-sr-pick button:not([aria-pressed=true]):hover{background:var(--ws-surface)!important}
 html[data-aw-theme] body .aw-sr :is(.aw-sr-views,.aw-sr-options) button:not([aria-pressed=true]):hover{background:transparent!important}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-form .aw-sr-mf-close:hover{background:var(--ws-surface)!important}
 html[data-aw-theme] body .aw-sr .aw-msr-tl .aw-msr-seg button:not([aria-pressed=true]):hover{background:transparent!important;color:#4d5664!important}
}

/* Explore by property type on phones (second audit, Oct 11): an odd last tile spans both columns as a wide banner. */
@media(max-width:600px){
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid>a:last-child:nth-child(odd){grid-column:1/-1}
 html[data-aw-theme] body.pm-public main .aw-reference-home.aw-hf-home .aw-discovery-category-grid>a:last-child:nth-child(odd) img{aspect-ratio:21/8!important}
}