/* TOWN-A 2026-11-01: short town hero with the town name, homes row right under it, then the lead, facts and buttons. */
html body div.hero.msr-a{padding-bottom:16px!important}
html body .hero.msr-tlede{padding:26px 0 30px;overflow:visible}
html body .hero.msr-tlede::before,html body .hero.msr-tlede::after{display:none}
html body .hero.msr-tlede>.wrap{display:flex;flex-direction:column}
html body .hero.msr-tlede>.wrap>*{order:1}
html body .hero.msr-tlede>.wrap>.cta{order:2}
html body .hero.msr-tlede>.wrap>.facts{order:3}
html body .hero.msr-tlede>.wrap>.facts~*:not(.cta){order:4}
html body .hero.msr-tlede .lede{margin-top:0}
html body .hero.msr-tlede .facts{flex-wrap:wrap}
html body #msr-axrow{padding-top:20px!important}
html body #msr-axrow .axfr{display:flex;flex-direction:column}
html body #msr-axrow .axfr>.xr{order:1}
html body #msr-axrow .axfr>.axfr-f{order:2;margin-top:18px}
html body #msr-axrow .axfr>.axfr-all{order:3}
html body #msr-axrow .axfr>.notice{order:4}
@media(max-width:640px){html body .msr-hv-credit .hvc-x{display:none}}
@media(min-width:900px){html body div.hero.msr-a{padding-bottom:60px!important}}
html body #msr-axrow>.wrap{position:relative}
html body #msr-axrow .xrh{position:absolute;top:0;right:22px;width:auto;margin:0}
html body #msr-axrow .msr-axrow-h{padding-right:80px}
@media(min-width:641px){html body #msr-axrow .msr-axrow-h{padding-right:190px}}
/* TOWN-A r2 2026-11-01: county and coast pages get the same short hero. */
html body section.hero.msr-a,html body header.lca-hero.msr-a{min-height:0!important;height:auto!important}
html body section.hero.msr-a>.hero-in{padding-bottom:16px!important;min-height:0!important}
html body header.lca-hero.msr-a>.hero-in{padding-bottom:20px!important;min-height:0!important}
@media(min-width:900px){html body section.hero.msr-a>.hero-in,html body header.lca-hero.msr-a>.hero-in{padding-bottom:60px!important}}
html body .hero.msr-tlede .hero-actions,html body .hero.msr-tlede .hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
html body .hero.msr-tlede .hero-dek{margin:0;max-width:62ch;color:#dbe1e6;font-size:1.1rem;line-height:1.55}
html body .hero.msr-tlede .btn-light{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;background:#eef1f3;color:#0e1216;border-radius:4px;text-decoration:none;font-weight:600}
html body .hero.msr-tlede .btn-ghost{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid rgba(238,241,243,.5);color:#eef1f3;border-radius:4px;text-decoration:none;font-weight:600}
@media(min-width:900px){html body header.lca-hero.msr-a>.hero-in{padding-bottom:24px!important}}
/* HOME-A 2026-11-01: small phones (400 px and under), coast and team pages: smaller title and credit so the homes row reaches the first screen. */
@media(max-width:400px){html body header.lca-hero.msr-a h1{font-size:30px!important;line-height:1.08!important}html body header.lca-hero.msr-a .lca-credit{font-size:10.5px!important;line-height:1.3!important;margin-top:6px!important}html body header.lca-hero.msr-a .hero-broker{margin-top:6px!important}}

/* FITALL 2026-11-01: short screens on coast and team pages (lca). Less space between the hero lines and above the homes row so
   the first homes show on the first screen. Tall screens unchanged. */
@media(max-width:899px) and (max-height:780px){
  html body header.lca-hero.msr-a>.hero-in{padding-bottom:12px!important}
  html body header.lca-hero.msr-a .crumbs{margin-bottom:8px!important}
  html body header.lca-hero.msr-a h1{margin-bottom:8px!important}
  html body header.lca-hero.msr-a .hero-broker{margin-bottom:10px!important}
  html body main:has(>header.lca-hero.msr-a) #msr-axrow{padding-top:10px!important}
}
@media(max-width:899px) and (max-height:620px){
  html body header.lca-hero.msr-a>.hero-in{padding-top:max(64px,calc(var(--hv-lb,.25)*166.67vw - 50px))!important}
  html body header.lca-hero.msr-a h1{font-size:26px!important}
}
@media(min-width:900px) and (max-height:820px){
  html body header.lca-hero.msr-a>.hero-in{padding-top:72px!important;padding-bottom:16px!important}
  html body header.lca-hero.msr-a h1{font-size:clamp(40px,4vw,52px)!important;margin-bottom:10px!important}
  html body header.lca-hero.msr-a .crumbs{margin-bottom:10px!important}
  html body header.lca-hero.msr-a .hero-broker{margin-bottom:12px!important}
  html body main:has(>header.lca-hero.msr-a) #msr-axrow{padding-top:12px!important}
}
@media(min-width:560px) and (max-height:500px){
  html body header.lca-hero.msr-a>.hero-in{padding-top:56px!important;padding-bottom:12px!important}
  html body header.lca-hero.msr-a h1{font-size:28px!important;margin-bottom:8px!important}
  html body header.lca-hero.msr-a .crumbs{margin-bottom:8px!important}
  html body header.lca-hero.msr-a .hero-broker{margin-bottom:10px!important}
  html body main:has(>header.lca-hero.msr-a) #msr-axrow{padding-top:10px!important}
}
@media(min-width:560px) and (max-height:500px){
  html body main:has(>header.lca-hero.msr-a) #msr-axrow h2{font-size:24px!important;margin-bottom:4px!important}
  html body main:has(>header.lca-hero.msr-a) #msr-axrow{padding-top:6px!important}
}
@media(max-width:359px) and (max-height:600px){
  html body header.lca-hero.msr-a>.hero-in{padding-top:max(56px,calc(var(--hv-lb,.25)*166.67vw - 80px))!important}
}