/* 2026-11-14 / public-design refinement. Presentation only. */
:root{--design-mint:#b1ebba;--design-teal:#008c85;--design-dark:#003641;--design-soft:#f4faf7}
/* Three editorial introductions, matching the three main pathways on the reference homepage. */
.home-dark .home-intros.home-reference-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:26px}
.home-dark .home-intros.home-reference-tiles .intro-card{min-height:206px;border-radius:9px;padding:27px 26px 23px;box-shadow:0 10px 25px #00272a16;border:1px solid #e1eee8}
.home-dark .home-intros.home-reference-tiles .intro-card h3{font-size:20px;line-height:1.22;letter-spacing:-.035em;margin-bottom:12px}
.home-dark .home-intros.home-reference-tiles .intro-card p{font-size:13px;line-height:1.62;max-width:36ch;color:#4c6d73}
.home-dark .home-intros.home-reference-tiles .intro-card .btn{background:#b2edbd;color:#003e41;border-radius:22px;font-size:12px;min-height:39px;padding:10px 20px}
.home-dark .home-intros.home-reference-tiles .intro-card .btn:hover{background:#98e3a5}
/* Reference-like property search rhythm: bring useful inventory back above the fold. */
.listing-results-section{padding-top:52px}
.results-search{position:relative;z-index:3}
.ref27-search-location-note{padding:16px 0 19px;margin-bottom:28px;border-color:#d4e8e1}
.ref27-search-location-note span{font-weight:800;font-size:16px}
.latest-properties-intro{max-width:940px;margin-bottom:25px}
.latest-properties-intro h2{font-size:clamp(26px,3vw,35px);margin-bottom:11px;letter-spacing:-.042em}
.latest-properties-intro p{max-width:890px;color:#56757a;line-height:1.72;font-size:14px}
.results-title-row{min-height:64px;display:flex;align-items:end;gap:17px;margin-bottom:13px;padding-bottom:14px}
.design-result-region{display:inline-block;color:#0a8279;letter-spacing:.085em;text-transform:uppercase;font-size:11px;font-weight:900}
.results-title-row .design-results-total{margin:5px 0 0;color:#466c70;font-size:13px}
.results-title-row .design-results-total strong{font-size:19px;color:#003a43;letter-spacing:-.02em}
.results-title-row .mobile-filters{flex-shrink:0}
.property-results-layout{gap:24px;align-items:start}
.results-side-panel{box-shadow:0 5px 25px rgba(1,54,64,.05)}
.property-card{border-radius:11px;overflow:hidden;box-shadow:0 7px 22px #00273112}
.property-card .property-location{min-height:40px}
.property-card .property-meta{margin-bottom:11px}
.property-card .property-bottom{padding-top:18px;padding-bottom:18px}
.property-card:focus-within{outline:2px solid #15a191;outline-offset:3px}
/* Consistent article reading and related guidance spacing. */
.ref26-resources .news-card{border:1px solid #dcece5}
.ref26-resources .news-card-body{display:flex;flex-direction:column}
.ref26-resources .news-card .text-link{margin-top:auto}
.ref26-resources .cms-archive-caption{letter-spacing:.012em;color:#496e72}
.ref27-article-body p,.ref27-article-body li{line-height:1.84}
.ref26-about-intro,.ref26-benefits{scroll-margin-top:115px}
.ref26-feature-copy p{max-width:65ch}
/* Navigation touch targets and account panel button legibility. */
.nav-popover-wrap>a{min-height:38px;display:inline-flex;align-items:center;gap:4px}
.header-actions .btn-primary{font-weight:850}
.mobile-menu{max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}
.mobile-menu a,.mobile-nav-group summary{min-height:44px;display:flex;align-items:center}
/* More intentional guide-card and footer reading rhythm. */
.ref26-guide-card .text-link{margin-top:14px}
.footer .footer-links a{display:inline-block;line-height:1.5;text-underline-offset:3px}
.footer .footer-links a:focus-visible{outline-color:#a6e9bd!important}
@media(max-width:1050px){
 .home-dark .home-intros.home-reference-tiles{gap:12px}
 .home-dark .home-intros.home-reference-tiles .intro-card{padding:22px 19px;min-height:215px}
 .home-dark .home-intros.home-reference-tiles .intro-card h3{font-size:18px}
 .home-dark .home-intros.home-reference-tiles .intro-card p{font-size:12px}
}
@media(max-width:760px){
 .home-dark .home-intros.home-reference-tiles{grid-template-columns:1fr!important;gap:12px;margin-top:20px}
 .home-dark .home-intros.home-reference-tiles .intro-card{min-height:0!important;padding:22px 24px!important}
 .home-dark .home-intros.home-reference-tiles .intro-card h3{font-size:18px}
 .home-dark .home-intros.home-reference-tiles .intro-card p{font-size:13px;max-width:63ch;margin-bottom:17px}
 .home-dark .home-intros.home-reference-tiles .intro-card .btn{font-size:12px;min-height:39px}
 .listing-results-section{padding-top:38px}
 .ref27-search-location-note{margin-bottom:18px}
 .latest-properties-intro{margin-bottom:18px}
 .latest-properties-intro p{font-size:13px}
 .results-title-row{align-items:center;min-height:56px;padding-bottom:12px;margin-bottom:15px}
 .results-title-row .mobile-filters{display:inline-flex}
 .property-results-layout{gap:17px}
}
@media(max-width:480px){
 .home-dark .home-intros.home-reference-tiles .intro-card{padding:20px 21px!important}
 .home-dark .home-intros.home-reference-tiles .intro-card p{font-size:12.5px;margin:0 0 15px}
 .home-dark .home-intros.home-reference-tiles .intro-card .btn{font-size:11px;padding:10px 16px;min-height:37px}
 .latest-properties-intro h2{font-size:28px}
 .ref27-search-location-note span{font-size:13px}
 .design-result-region{font-size:10px;letter-spacing:.055em}
 .results-title-row .design-results-total strong{font-size:17px}
 .results-title-row .mobile-filters{font-size:11px;padding-inline:12px}
 .property-card .property-location{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 .home-dark .intro-card,.property-card{transition:none!important;transform:none!important}
}
/* Small-screen header: avoid horizontal scrolling on 320px devices. */
@media(max-width:350px){
 .header-inner{gap:4px!important}
 .header-inner .logo{font-size:22px!important;letter-spacing:-.075em}
 .header-inner .logo .logo-dot{width:5px;height:5px;margin-left:3px}
 .header-actions{gap:1px!important;min-width:0;flex-shrink:1}
 .header-actions .btn{font-size:9.25px!important;padding:8px 8px!important;min-height:34px;line-height:1.2}
 .header-actions .mobile-toggle{width:34px;height:38px;flex-shrink:0}
}