/* Shared housing-card hierarchy on server-rendered SEO landing pages.
   Keep the information and styling aligned with the primary search, with
   photo-rights-safe placeholders and no additional JavaScript or feed calls. */
body:has(.listing-grid) .listing-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:16px!important;align-items:stretch!important
}
body:has(.listing-grid) .listing-grid>.wr-landing-card.card{
 display:flex!important;flex-direction:column!important;min-width:0!important;
 padding:0!important;margin:0!important;overflow:hidden!important;
 border:1px solid #E7E3DC!important;border-radius:14px!important;
 background:#FFFDF9!important;box-shadow:0 5px 18px rgba(5,8,63,.055)!important;
 text-align:left!important
}
body:has(.listing-grid) .wr-landing-card .image-wrap{
 position:relative;display:block;width:100%;aspect-ratio:1.7;
 margin:0!important;min-height:0;overflow:hidden;background:#F2EEE5
}
body:has(.listing-grid) .wr-landing-card .listing-placeholder{
 position:relative;isolation:isolate;height:100%;width:100%;
 display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
 box-sizing:border-box;padding:18px 19px;background:linear-gradient(135deg,#F2EEE5,#E8E6DC 57%,#E1E9E5);
 font-family:'DM Sans',Arial,sans-serif;color:#16344F
}
body:has(.listing-grid) .wr-landing-card .listing-placeholder-mark{
 position:absolute;top:13px;right:18px;font-size:66px;line-height:1;color:#123653;opacity:.12
}
body:has(.listing-grid) .wr-landing-card .listing-placeholder-type{
 font-size:16px;font-weight:700;line-height:1.3;max-width:90%;overflow-wrap:anywhere
}
body:has(.listing-grid) .wr-landing-card .listing-placeholder-city{
 font-size:13px;line-height:1.5;color:#596879
}
body:has(.listing-grid) .wr-landing-card .content{
 display:flex;flex-direction:column;flex:1;min-width:0;padding:16px 17px 14px!important
}
body:has(.listing-grid) .wr-landing-card .listing-price-row{
 display:flex;justify-content:space-between;gap:9px;align-items:center;margin:0 0 7px
}
body:has(.listing-grid) .wr-landing-card .price{
 color:#05083F;font:700 19px/1.25 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere
}
body:has(.listing-grid) .wr-landing-card .address{
 color:#05083F;font:700 15px/1.35 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere
}
body:has(.listing-grid) .wr-landing-card .city{
 color:#667586;font:400 13px/1.5 'DM Sans',Arial,sans-serif;margin-top:3px
}
body:has(.listing-grid) .wr-landing-card .details{
 display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 14px;align-items:flex-start
}
body:has(.listing-grid) .wr-landing-card .details .tag{
 display:inline-flex;align-items:center;padding:5px 8px;max-width:100%;
 border-radius:7px;background:#F1F0EA;color:#34475D;
 font:600 11px/1.35 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere
}
body:has(.listing-grid) .wr-landing-card .card-footer{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 margin-top:auto;padding-top:12px;border-top:1px solid #EAE5DC
}
body:has(.listing-grid) .wr-landing-card .source{
 color:#657185;font:400 11px/1.45 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere
}
body:has(.listing-grid) .wr-landing-card .bottom{flex:none}
body:has(.listing-grid) .wr-landing-card .bottom .link{
 display:grid!important;place-items:center;box-sizing:border-box;
 margin:0!important;padding:0!important;width:40px;height:40px;min-width:40px;min-height:40px;
 color:#FFFDF9!important;background:#05083F!important;
 border:1px solid #05083F!important;border-radius:10px!important;
 font:700 21px/1 'DM Sans',Arial,sans-serif!important;text-decoration:none!important
}
body:has(.listing-grid) .wr-landing-card .bottom .link:hover,
body:has(.listing-grid) .wr-landing-card .bottom .link:focus-visible{
 background:#10165C!important;border-color:#C8A460!important;outline-offset:2px
}
body:has(.listing-grid) .wr-landing-card .source-link-unavailable{
 display:block;max-width:125px;color:#667586;font-size:11px;line-height:1.4
}
@media(min-width:1100px){
 body:has(.listing-grid) .listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(min-width:700px) and (max-width:1099px){
 body:has(.listing-grid) .listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:699px){
 body:has(.listing-grid) .listing-grid{grid-template-columns:1fr!important}
}

/* Source-backed age beside the rent, consistent with main search cards. */
body:has(.listing-grid) .wr-landing-card .listing-price-row{
 flex-wrap:wrap!important;align-items:baseline!important;
}
body:has(.listing-grid) .wr-landing-card .listing-age{
 color:#6A7485!important;font:500 11px/1.4 'DM Sans',Arial,sans-serif!important;
 white-space:nowrap;margin-left:auto;font-variant-numeric:tabular-nums;
}
body:has(.listing-grid) .wr-landing-card .listing-age.is-recent{
 color:#846832!important;
}