/* body-fat-calculator: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.result-tag {
    display: inline-block; vertical-align: middle; font: 600 0.82rem var(--text); letter-spacing: 0;
    padding: 4px 10px; border-radius: 999px; background: rgb(255 255 255 / 0.1); color: #fff;
}
.result-tag.tag-ok { background: rgb(79 214 168 / 0.18); color: #7BE7C2; }
.result-tag.tag-warn { background: rgb(255 200 87 / 0.18); color: #FFD583; }
.result-tag.tag-bad { background: rgb(255 122 102 / 0.2); color: #FFA597; }