/* Weatherization — page-level styles (shared chrome lives in /css/style.css) */
.page-hero { background-image: url('/images/managed/page-weatherization-bg.jpg'); }
.wx-intro { max-width: 56ch; margin-top: 2rem; margin-bottom: 2.5rem; }
.wx-locations-title { margin-bottom: 1.5rem; color: var(--primary); }
.wx-locations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }
.wx-location-card { flex-direction: column; align-items: center; gap: 0.75rem; }
.wx-location-img { width: 200px; height: 120px; object-fit: cover; border-radius: var(--radius-sm); flex-shrink: 0; background: var(--bg); }
.wx-location-note { font-size: 0.8125rem; color: var(--fg-soft); }
.wx-services-title { margin-top: 2.5rem; margin-bottom: 1rem; color: var(--primary); }
.wx-services-grid { padding: 0; margin-bottom: 2.5rem; }
.wx-service-img { width: 100%; height: 140px; object-fit: cover; border-radius: var(--radius-sm); background: var(--bg); }
.wx-service-body { padding: 1.25rem; }
.wx-service-name { margin-bottom: 0.25rem; }
.wx-banner { border-radius: var(--radius-md); margin-bottom: 2.5rem; }
#content .wx-banner img { object-position: center -300px; }
.wx-form-wrap { max-width: 36ch; padding-top: 1.5rem; border-top: 1px solid var(--border); }
.wx-form-intro { font-size: 0.875rem; color: var(--fg-soft); margin-bottom: 1.25rem; }