.topsoil-calculator{max-width:400px!important;margin:20px auto;padding:20px;background:linear-gradient(135deg,#A6D5F7,#F2F9FF);border-radius:10px;box-shadow:0 4px 15px rgb(0 0 0 / .1);font-family:'Arial',sans-serif;color:#333}.topsoil-calculator h2{text-align:center;margin-bottom:20px;font-size:1.8em;font-weight:700;color:#2C3E50}.topsoil-calculator .input-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.topsoil-calculator .input-group input,.topsoil-calculator .input-group select{width:48%;padding:7px;font-size:1.1em}.topsoil-calculator button{background-color:#007BFF;color:#fff;font-size:1.2em;border:none;cursor:pointer;padding:10px 20px;border-radius:5px}.topsoil-calculator button:hover{background-color:#0056b3}#results{margin-top:20px;font-size:1.2em;font-weight:700;text-align:center}#results p{margin:5px 0}#results .bags-of-soil{font-size:1.1em;font-weight:400}#results{display:none}.topsoil-calculator .input-group input,.topsoil-calculator .input-group select{width:48%;padding:7px;font-size:1.1em;border:2px solid #007BFF;border-radius:5px;outline:none}.topsoil-calculator .input-group input:focus,.topsoil-calculator .input-group select:focus{border-color:#0056b3;box-shadow:0 0 5px rgb(0 123 255 / .5)}