.math-utility-hero .lead:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){max-width:900px}.math-utility-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.math-utility-result:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.math-utility-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.math-utility-privacy:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border:1px solid rgba(16,21,20,.16);border-radius:16px;background:#fff;padding:1.1rem;min-width:0}.math-utility-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;gap:1rem;margin:1rem 0}.math-utility-privacy:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border-left:5px solid #2e725b;background:#f1f8f5}.math-utility-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.proportion-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.weighted-row:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.proportion-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:end}.proportion-symbol:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding-bottom:.85rem;font-size:1.25rem;font-weight:800}.math-field:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;gap:.35rem;font-weight:700;min-width:0}.math-field input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.math-field select:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:100%;box-sizing:border-box;border:1px solid #89958f;border-radius:10px;padding:.72rem;background:#fff;color:#101514}.math-actions:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;flex-wrap:wrap;gap:.65rem}.math-actions .button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:46px}.math-error:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){color:#8a251e;font-weight:700;min-height:1.4em}.math-utility-result[hidden]:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),[data-steps][hidden]:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:none}.math-output:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;gap:.5rem}.math-output>div:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #dde3df;padding:.5rem 0}.math-status:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-weight:700}.weighted-row:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;border-bottom:1px solid #dde3df;padding:.75rem 0}.math-field input:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.math-field select:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.math-actions button:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.weighted-row button:focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){outline:3px solid #e8b84d;outline-offset:2px}@media(max-width:780px){.proportion-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:1fr auto 1fr}.proportion-grid .equals:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-column:1/-1;text-align:center;padding:0}.weighted-row:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:1fr 1fr}.weighted-row .button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-column:1/-1}.math-output>div:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid}.math-actions .button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:100%}}@media(max-width:430px){.math-utility-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.proportion-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.weighted-row:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:1fr}.proportion-symbol:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:0;text-align:center}.proportion-grid .equals:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.weighted-row .button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-column:auto}}
