/* Single independent header component: also works outside .wellness. */
#profile-rings.condition-panel{display:block;grid-column:2;grid-row:1;width:148px;min-width:0;margin-left:auto;margin-right:8px;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#d7c7c8}
#profile-rings .condition-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:10px;letter-spacing:.2px}
#profile-rings .condition-value{font-size:14px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums;color:#efcfc8}
#profile-rings .condition-track{height:10px;overflow:hidden;background:#382c32;transform:skewX(-18deg);border-radius:1px}
#profile-rings .condition-fill{height:100%;background:linear-gradient(90deg,#7f586b,#d5a5a2 70%,#f1d4be);mask-image:repeating-linear-gradient(90deg,#000 0,#000 5px,transparent 5px,transparent 7px)}
#profile-rings .condition-ticks{display:flex;justify-content:space-between;margin-top:4px;font-size:7px;line-height:1;color:#a39198}
@media(max-width:370px){#profile-rings.condition-panel{width:116px}#profile-rings .condition-heading{font-size:9px}#profile-rings .condition-value{font-size:12px}}