.chemisode-inline-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(8.5rem,auto);align-items:stretch;border:1px solid currentColor;border-radius:10px;overflow:hidden;background:var(--calc-bg,#fff);min-width:0}
.chemisode-calc-expression{width:100%;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;padding:.65rem .75rem!important;font:inherit!important;outline-offset:-2px}
.chemisode-calc-result{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;min-width:8.5rem;padding:.55rem .7rem;border-left:1px solid color-mix(in srgb,currentColor 25%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);font-weight:800;white-space:nowrap}
.chemisode-calc-result::before{content:'=';font-weight:500;opacity:.75;margin-right:auto}
.chemisode-calc-result strong{font:inherit;font-weight:800;color:inherit}
.chemisode-calc-result.valid strong{color:var(--calc-valid,#21845a)}
.chemisode-calc-result.error strong{color:var(--calc-error,#b33a3a);font-size:.9em;white-space:normal;text-align:right}
.chemisode-calc-unit{font-size:.82em;opacity:.8}
.chemisode-inline-calc.correct{outline:2px solid var(--calc-valid,#21845a);outline-offset:1px}
.chemisode-inline-calc.incorrect{outline:2px solid var(--calc-error,#b33a3a);outline-offset:1px}
@media(max-width:560px){.chemisode-inline-calc{grid-template-columns:1fr}.chemisode-calc-result{border-left:0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);justify-content:flex-start}.chemisode-calc-result::before{margin-right:.25rem}}
@media print{.chemisode-inline-calc{break-inside:avoid}.chemisode-calc-expression{border:0!important}}