.ti-note{margin:.55rem 0 0;color:#7a8490;font-size:.75rem;line-height:1.55}
.ti-hero{padding:1rem 1.1rem;border:1px solid rgba(var(--site-primary-rgb),.28);border-radius:.75rem;
    background:linear-gradient(135deg,rgba(var(--site-primary-rgb),.1),rgba(var(--site-primary-rgb),.02))}
.ti-result-label{color:#66717e;font-size:.75rem;font-weight:500}
.ti-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-top:.35rem;
    color:var(--site-primary-dark);font-weight:600;line-height:1.2}
.ti-main b{font-size:clamp(1.8rem,6vw,2.5rem);font-weight:700;line-height:1}
.ti-main span{color:#596572;font-size:.8125rem;font-weight:500}
.ti-conversions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.9rem;
    padding-top:.75rem;border-top:1px solid rgba(var(--site-primary-rgb),.16)}
.ti-conversion{min-width:0;padding:0 .8rem;border-left:1px solid rgba(var(--site-primary-rgb),.16)}
.ti-conversion:first-child{padding-left:0;border-left:0}
.ti-conversion span{display:block;color:#8a9199;font-size:.6875rem}
.ti-conversion strong{display:block;margin-top:.12rem;color:#27313b;font-size:.875rem;
    font-weight:600;overflow-wrap:anywhere}
.ti-card [aria-invalid="true"]{border-color:#dc3545!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.12)}
@media (max-width:575.98px){
    .ti-hero{padding:.85rem}
    .ti-conversion{padding:0 .5rem}
    .ti-conversion strong{font-size:.8125rem}
}