/* ==========================================================================
   legacy_compat.css — bridge for legacy pages that use the new header/footer
   (div.hd / div.ft from new_site.css) but still load pcr_new.css for content.
   Load order: pcr_new.css → new_site.css → legacy_compat.css.
   1) Undo new_site.css base rules for the legacy content (keeps it as it was).
   2) Re-apply the new base inside .hd / .ft / modal with zero-specificity
      :where() so new_site.css component rules still win.
   Remove this file (and pcr_new.css) when a page gets the full redesign.
   ========================================================================== */

/* 1) Legacy content: same values pcr_new.css produced before new_site.css */
body{font-size:13px;line-height:normal;border-top:0}
*,*::before,*::after{box-sizing:revert}
a{text-decoration:revert}
a:hover{color:#648dc2;text-decoration:revert}
button{font:revert;font-family:sans-serif;font-size:100%;line-height:normal}

/* 2) New header / footer / search modal: new_site.css base */
:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band),:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) *,:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) *::before,:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) *::after{box-sizing:border-box;max-width:none}
:where(.hd,.ft,.sp-hero,.srch,.cta-band){font-size:14px;line-height:1.45}
:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) a{text-decoration:none}
:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) a:hover{color:#1f4677;text-decoration:underline}
:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) button{font:inherit}
/* pcr_new.css element rules that would leak into the new blocks */
:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) span{font-size:inherit;font-family:inherit}
:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) button{color:revert}
/* Pre-existing 2px horizontal scroll on mobile: width:100% + padding 0 5px (content-box) */
.main_real_estate_title{box-sizing:border-box}
:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) :is(img,button,input,select,textarea){vertical-align:baseline}
:where(.hd,.ft,.modal-box,.sp-hero,.srch,.cta-band) legend{margin-left:0}
:where(.srch) input[type=radio]{font-size:13.3333px}