/* ============================================================
   LISTING PAGES (residential.html, commercial.html)
   ============================================================ */

.listing-hero {
  background: linear-gradient(135deg, var(--navy-950), var(--navy-800));
  color: white;
  padding: 56px 0;
}
.listing-hero h1 { color: white; font-size: clamp(28px, 3.6vw, 42px); margin-top: 14px; max-width: 760px; }

.seo-content { max-width: 780px; }
.seo-content h2 { font-size: 28px; margin: 18px 0 22px; }
.seo-content h3 { font-size: 19px; margin: 32px 0 12px; color: var(--navy-900); }
.seo-content p { color: var(--slate); font-size: 15.5px; line-height: 1.8; margin-bottom: 16px; }