.quadratic-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;margin:1.5rem 0;display:grid}.quadratic-inputs,.quadratic-results,.quadratic-explain{color:#17271e;background:#fff;border:1px solid #d6dfd8;border-radius:1rem;min-width:0;padding:1.25rem}.quadratic-inputs label{margin:1rem 0;display:block}.quadratic-inputs label>span{margin-bottom:.35rem;font-weight:650;display:block}.quadratic-inputs input{box-sizing:border-box;color:#17271e;background:#fff;border:1px solid #7a8c80;border-radius:.5rem;width:100%;min-width:0;padding:.7rem}.quadratic-inputs input[aria-invalid=true]{border-color:#a02222}.quadratic-input-error{color:#9b1c1c;margin-top:.35rem;display:block}.quadratic-inputs button{color:#173a25;cursor:pointer;background:#edf6ef;border:1px solid #244c35;border-radius:.5rem;padding:.6rem .9rem}.quadratic-results dl>div,.quadratic-explain dl>div{margin:.8rem 0}.quadratic-results dd{overflow-wrap:anywhere;margin:.15rem 0;font-size:1.35rem;font-weight:700}.quadratic-explain{overflow-wrap:anywhere;margin:1rem 0}.quadratic-explain dd{overflow-wrap:anywhere;margin:.25rem 0}.quadratic-explain code{white-space:normal;color:#17271e;background:#f0f5f1;border-radius:.5rem;padding:.8rem;line-height:1.8;display:block}.quadratic-explain a{color:#165631;text-decoration:underline}:is(.quadratic-inputs input:focus-visible,.quadratic-inputs button:focus-visible){outline-offset:2px;outline:3px solid #28643e}@media (max-width:700px){.quadratic-workbench{grid-template-columns:minmax(0,1fr)}}