.w4a-humidity { --humidity-green: var(--product-border-color); }
.humidity-hero { padding: 11rem 0 6rem; color: #fff; background: linear-gradient(125deg, #142c25, #315b46); }
.humidity-hero h1 { font-size: clamp(2.5rem, 6vw, 4.8rem); margin-bottom: 1.5rem; overflow-wrap: anywhere; }
.humidity-eyebrow { color: #fed136; text-transform: uppercase; letter-spacing: .15em; font-weight: 700; }
.humidity-lead { font-size: clamp(1.3rem, 3vw, 1.8rem); line-height: 1.5; }
.humidity-profile { background: #fff; color: #263c31; border-radius: 1rem; overflow: hidden; box-shadow: 0 1rem 3rem #0003; }
.humidity-profile figcaption { padding: 1.5rem; font-weight: 700; font-size: 1.3rem; border-bottom: .3rem solid #80a86a; }
.humidity-layer, .humidity-temperature { display: flex; align-items: center; gap: 1rem; padding: 1.5rem; }
.humidity-layer { background: #eee1c9; border-bottom: 1px dashed #967955; }
.humidity-layer:nth-of-type(2) { background: #ddc6a3; }
.humidity-layer:nth-of-type(3) { background: #c4a77e; border-bottom: 0; }
.humidity-profile i { font-size: 1.6rem; flex-shrink: 0; }
.humidity-caption { padding: 0 1.5rem 1.5rem; margin: 0; font-size: .85rem; color: #526058; }
.w4a-humidity .product-feature-card {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7c7be;
  border-top: 4px solid var(--humidity-green);
  box-shadow: 0 6px 18px rgba(20, 44, 37, .16);
}
.w4a-humidity .product-feature-card .card-title,
.w4a-humidity .product-feature-card .card-text { color: #000; }
.w4a-humidity .product-feature-card i { color: var(--humidity-green); }
.w4a-humidity .card-title { font-size: 1.35rem; }
.humidity-benefits { padding-left: 1.4rem; margin: 0; }
.humidity-benefits li { padding: 0 0 1.25rem .5rem; }
.humidity-benefits li::marker { color: var(--humidity-green); }
@media (max-width: 575px) { .humidity-hero { padding: 8rem 0 3rem; } }