/* Every rule is scoped to a corrected element or the ROI comparison values. */
.tfrc-automation-logo { object-fit:contain; height:auto; max-width:100%; }
.tfrc-card-logo { width:100%; height:100%; }
.tfrc-hero-logo { display:block; width:420px; max-width:100%; height:auto; margin:0 auto; }
.tfrc-admin-logo { width:420px; height:auto; }
#tfrc-form-result { padding:16px 20px; margin:0 0 24px; border:1px solid #b42318; border-left-width:4px; background:#fff1f0; color:#7a271a; scroll-margin-top:110px; }
#tfrc-form-result.success { border-color:#24734b; background:#edf8f0; color:#14532d; }
html body .tfw-wireframe-exact[data-page="roi-calculator"] div:has(> #bar-before-value),
html body .tfw-wireframe-exact[data-page="roi-calculator"] div:has(> #bar-after-value) { grid-template-columns:max-content minmax(0,1fr) max-content!important; }
#bar-before-value, #bar-after-value { white-space:nowrap!important; overflow-wrap:normal!important; word-break:normal!important; min-width:max-content; }
@media(max-width:480px) {
 html body .tfw-wireframe-exact[data-page="roi-calculator"] div:has(> #bar-before-value),
 html body .tfw-wireframe-exact[data-page="roi-calculator"] div:has(> #bar-after-value) { grid-template-columns:minmax(0,1fr) max-content!important; }
 html body .tfw-wireframe-exact[data-page="roi-calculator"] div:has(> #bar-before-value) > :nth-child(2),
 html body .tfw-wireframe-exact[data-page="roi-calculator"] div:has(> #bar-after-value) > :nth-child(2) { grid-column:1/-1; grid-row:2; }
 #bar-before-value, #bar-after-value { grid-column:2; grid-row:1; }
}

/* White becomes the underlying surface, without modifying the supplied lettering. */
.tfrc-automation-logo { mix-blend-mode:darken; }