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