.calcufacil-grade_needed_calculator.calcufacil-container{max-width:900px;margin:20px auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1);display:flex;flex-wrap:wrap;gap:30px;font-family:Arial,sans-serif}.calcufacil-grade_needed_calculator h3{width:100%;text-align:center;color:#007bff;margin-bottom:20px;font-size:24px}.calcufacil-grade_needed_calculator .calcufacil-left,.calcufacil-grade_needed_calculator .calcufacil-right{flex:1;min-width:300px}.calcufacil-grade_needed_calculator .calculator-form h2{font-size:20px;color:#007bff;margin-bottom:15px}.calcufacil-grade_needed_calculator .input-group{margin-bottom:20px}.calcufacil-grade_needed_calculator label{display:block;font-weight:700;color:#333;margin-bottom:5px;font-size:14px}.calcufacil-grade_needed_calculator input[type="number"]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;background:#f9f9f9}.calcufacil-grade_needed_calculator button{background-color:#007bff;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:100%;transition:background-color 0.3s ease;margin-top:10px}.calcufacil-grade_needed_calculator button:hover{background-color:#0056b3}.calcufacil-grade_needed_calculator .results{background:#e6f2ff;padding:25px;border-radius:8px;border:1px solid #b8d6ff}.calcufacil-grade_needed_calculator .results-header{text-align:center;margin-bottom:20px}.calcufacil-grade_needed_calculator .results-header h2{font-size:20px;color:#0056b3;margin:0}.calcufacil-grade_needed_calculator .results-breakdown{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.calcufacil-grade_needed_calculator .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#fff;border-radius:4px;font-size:14px;color:#333;border-left:3px solid #007bff}.calcufacil-grade_needed_calculator .breakdown-item span:last-child{font-weight:700;color:#0056b3;text-align:right}.calcufacil-grade_needed_calculator .breakdown-item.main-result{padding:15px;font-weight:700}.calcufacil-grade_needed_calculator .breakdown-item.main-result span:first-child{color:#333;font-size:16px}.calcufacil-grade_needed_calculator .breakdown-item.main-result span:last-child{font-size:2em}.calcufacil-grade_needed_calculator .breakdown-item.main-result.possible span:last-child{color:#28a745}.calcufacil-grade_needed_calculator .breakdown-item.main-result.achieved span:last-child{color:#17a2b8}.calcufacil-grade_needed_calculator .breakdown-item.main-result.impossible span:last-child{color:#dc3545}.calcufacil-grade_needed_calculator .breakdown-item.interpretation{background-color:#f8f9fa;border-left-width:0;border-top:1px dashed #ccc;margin-top:5px;padding-top:10px;font-style:italic}.calcufacil-grade_needed_calculator .breakdown-item.interpretation span:last-child{font-weight:400;font-size:.95em;color:#444}.calcufacil-grade_needed_calculator .note{font-size:12px;color:#555;text-align:center;margin-top:15px;font-style:italic;line-height:1.4}.calcufacil-grade_needed_calculator .errors{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px 15px;border-radius:4px;margin-top:15px}.calcufacil-grade_needed_calculator .errors ul{list-style:none;padding:0;margin:0}.calcufacil-grade_needed_calculator .errors li{margin-bottom:5px}.calcufacil-grade_needed_calculator .errors li:last-child{margin-bottom:0}