.provide-health-gauge { border:1px solid currentColor; border-radius:12px; padding:1rem; max-width:46rem; min-width:0; overflow-wrap:anywhere; }
.provide-health-gauge p { margin-block:.65rem; }
.provide-health-gauge__visual { margin-top:1.5rem; }
.provide-health-gauge__track { position:relative; height:1.25rem; border:1px solid currentColor; border-radius:4px; background:Canvas; }
.provide-health-gauge__fill { position:absolute; inset:0 auto 0 0; background:#237d64; }
.provide-health-gauge__needle { position:absolute; top:-.35rem; bottom:-.35rem; width:3px; background:CanvasText; transform:translateX(-50%); }
.provide-health-gauge__marker { position:absolute; top:-.25rem; bottom:-.25rem; border-left:2px dashed CanvasText; }

.provide-health-gauge__labels { position:relative; height:5rem; font-size:.875rem; }
.provide-health-gauge__labels span { position:absolute; padding-left:.4rem; border-left:1px solid currentColor; white-space:nowrap; }
.provide-health-gauge__labels span:first-child { left:15%; top:0; padding-top:2.6rem; }
.provide-health-gauge__labels span:last-child { left:30%; top:0; padding-top:.5rem; }
.provide-health-gauge__reading { font-weight:600; }
@media (forced-colors:active) { .provide-health-gauge__fill { background:Highlight; forced-color-adjust:none; } }