.detergent-cost .cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detergent-cost fieldset{min-width:0;border:1px solid var(--line);border-radius:8px;padding:1rem}.detergent-cost legend{font-weight:700}.detergent-cost label{display:block;margin:.8rem 0}.detergent-cost input,.detergent-cost select{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:.25rem;padding:.65rem;border:1px solid #63756a;border-radius:4px;background:white;color:#17261e;font:inherit}.detergent-cost button{margin:1rem 0;padding:.75rem 1rem;background:#31594d;color:white;border:0;border-radius:4px;font:inherit}.detergent-cost input:focus-visible,.detergent-cost select:focus-visible,.detergent-cost button:focus-visible{outline:3px solid #b27328;outline-offset:3px}.detergent-cost .cost-result{padding:1rem;border:1px solid var(--line);border-radius:6px;background:#f0f4ee;overflow-wrap:anywhere}@media(max-width:680px){.detergent-cost .cost-grid{grid-template-columns:1fr}}@media print{.detergent-cost button{display:none}.detergent-cost fieldset{break-inside:avoid}}