.essie-icon{
  width:1em;
  height:1em;
  display:inline-block;
  vertical-align:-0.125em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.essie-icon--sm{width:.85em;height:.85em}
.essie-icon--lg{width:1.35em;height:1.35em}
.essie-icon--xl{width:1.8em;height:1.8em}

/* Keep the existing service icon boxes, alignment and Essie teal. */
.essie-icon { max-width:100%; }
.essie-icon:is(.service-icon, .services-card-icon, .service-detail-icon, .fact-icon) {
  display:block;
  color:var(--teal, #356B75);
}
/* Match the previous fine strokes using the sprite's 24-unit viewBox. */
.essie-icon.service-icon { stroke-width:.78; }
.essie-icon.services-card-icon { stroke-width:.64; }
.essie-icon.service-detail-icon { stroke-width:.75; }
.essie-icon.fact-icon { stroke:currentColor; stroke-width:.75; }
/* Footer icons inherit the existing light color and keep their 22px boxes. */
.essie-icon.social-icon { display:block; stroke-width:1.5; }