/* wave1-hvac-mold-removal.css
 * Page-specific tweaks for hvac-mold-removal-pueblo-co.html (wave 1 demo).
 * Layered on theme.css, site.css, service-page.css and remediation.css.
 * Owns only what the shared components don't cover.
 */

/* "Who does what" table: feature + three role columns instead of the
   shared five-column comparison grid. */
.compare.roles-3 .compare-row { grid-template-columns: 1.7fr 1fr 1fr 1fr; }
.compare.roles-3 .compare-row .cell > span:not(.check):not(.x) { color: var(--color-text-secondary); font-weight: 700; }
@media (max-width: 900px) {
  .compare.roles-3 .compare-row { min-width: 560px; }
}

/* Source links inside the dark swamp-cooler cards need to stay legible
   on the navy surface. */
.health-card a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,0.45);
  text-underline-offset: 2px;
}
.health-card a:hover { text-decoration-color: #fff; }

/* Two lead paragraphs in the dark intro column: space them like prose. */
.health-intro .t-lead + .t-lead { margin-top: 1rem; }

/* Intro band: body paragraphs under the lead. */
.commercial-band .copy p:not(.t-lead) {
  max-width: 54ch;
  margin: 0 0 1rem;
  line-height: 1.65;
  color: var(--color-text-body);
}
.commercial-band .copy .t-lead { margin-bottom: 1.25rem; }

/* Closing band link to the parent hub. */
.svc-closing-inner p a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }