.gas-mileage-calculator .info-box{background-color:#f0f4f8;border-left:4px solid #1a73e8;padding:15px;border-radius:0 5px 5px 0;margin-bottom:20px;font-size:15px;line-height:1.5}.gas-mileage-calculator .info-box h2{color:#1a73e8;margin-top:0;margin-bottom:15px}.gas-mileage-calculator .info-box p{margin:10px 0}.gas-mileage-calculator .input-section{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgb(0 0 0 / .05);width:100%}.gas-mileage-calculator .section-heading{margin-top:20px;margin-bottom:15px}.gas-mileage-calculator .section-heading h4{color:#1a73e8;font-size:18px;margin:0;padding-bottom:8px;border-bottom:1px solid #e1e1e1}.gas-mileage-calculator .section-subheading{margin-top:15px;margin-bottom:10px}.gas-mileage-calculator .section-subheading h5{color:#1a73e8;font-size:16px;margin:0}.gas-mileage-calculator .input-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.gas-mileage-calculator .input-group{flex:1;min-width:200px;margin-bottom:10px}.gas-mileage-calculator .input-group label{display:block;margin-bottom:8px;font-weight:700;color:#333}.gas-mileage-calculator .input-group input[type="number"],.gas-mileage-calculator .input-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;background-color:#fff;transition:all 0.3s}.gas-mileage-calculator .input-group input:focus,.gas-mileage-calculator .input-group select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px rgb(26 115 232 / .2)}.gas-mileage-calculator .radio-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:5px}.gas-mileage-calculator .radio-option{display:flex;align-items:center;margin-right:15px;cursor:pointer}.gas-mileage-calculator .radio-option input[type="radio"]{margin-right:8px;cursor:pointer}.gas-mileage-calculator .unit-input{display:flex;gap:10px}.gas-mileage-calculator .unit-input input{flex:3}.gas-mileage-calculator .unit-input select,.gas-mileage-calculator .unit-text{flex:1;min-width:60px;max-width:80px;display:flex;align-items:center;justify-content:center}.gas-mileage-calculator .unit-text{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:0 10px;color:#595959;font-size:14px}.gas-mileage-calculator .checkbox-option{display:flex;align-items:center;margin-right:15px;cursor:pointer}.gas-mileage-calculator .checkbox-option input[type="checkbox"]{margin-right:8px;cursor:pointer}.gas-mileage-calculator .advanced-options{background-color:#f0f0f0;padding:15px;border-radius:5px;margin-top:20px}.gas-mileage-calculator .advanced-options h4{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.gas-mileage-calculator .btn-group{display:flex;gap:15px;margin-top:25px}.gas-mileage-calculator .btn-group button{flex:1;padding:12px;font-size:16px;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:all 0.3s}.gas-mileage-calculator .calculate-btn{background:linear-gradient(145deg,#4285f4,#1a73e8);color:#fff;box-shadow:0 4px 6px rgb(0 0 0 / .1),0 1px 3px rgb(0 0 0 / .08)}.gas-mileage-calculator .calculate-btn:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgb(0 0 0 / .1),0 3px 6px rgb(0 0 0 / .08)}.gas-mileage-calculator .reset-btn{background-color:#f5f5f5;color:#595959;border:1px solid #ccc}.gas-mileage-calculator .reset-btn:hover{background-color:#e8e8e8}.gas-mileage-calculator .hidden{display:none!important}.gas-mileage-calculator .result-container{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 8px rgb(0 0 0 / .1);margin-top:30px;width:100%}.gas-mileage-calculator .result-container h3{color:#1a73e8;margin-top:0;margin-bottom:25px;text-align:center;font-size:22px;border-bottom:2px solid #f0f4f8;padding-bottom:15px}.gas-mileage-calculator .result-container h4{color:#1a73e8;margin-top:30px;margin-bottom:15px;font-size:18px}.gas-mileage-calculator .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:25px}.gas-mileage-calculator .result-card{background-color:#f8f9fa;border-radius:8px;padding:20px;text-align:center;border:1px solid #e8e8e8;transition:transform 0.2s,box-shadow 0.2s}.gas-mileage-calculator .result-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .1)}.gas-mileage-calculator .result-card.primary{background:linear-gradient(145deg,#e8f0fe,#d2e3fc);border-color:#1a73e8}.gas-mileage-calculator .result-title{font-weight:700;color:#333;margin-bottom:10px;font-size:16px}.gas-mileage-calculator .result-value{font-size:28px;font-weight:700;color:#1a73e8;margin-bottom:5px}.gas-mileage-calculator .result-unit{font-size:16px;color:#595959}.gas-mileage-calculator .conversion-container{margin-top:25px;background-color:#f0f4f8;padding:20px;border-radius:8px}.gas-mileage-calculator .conversions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}.gas-mileage-calculator .conversion-card{background-color:#fff;border-radius:6px;padding:15px;text-align:center;border:1px solid #e1e1e1}.gas-mileage-calculator .conversion-title{font-weight:700;color:#333;margin-bottom:8px;font-size:14px}.gas-mileage-calculator .conversion-value{font-size:20px;font-weight:700;color:#1a73e8;margin-bottom:3px}.gas-mileage-calculator .conversion-unit{font-size:14px;color:#595959}.gas-mileage-calculator .calculation-steps{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-top:25px;border-left:4px solid #4285f4}.gas-mileage-calculator .steps-content{line-height:1.6}.gas-mileage-calculator .steps-content p{margin:8px 0}.gas-mileage-calculator .dimensions-section{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-top:25px;border-left:4px solid #34a853}.gas-mileage-calculator .table-container{overflow-x:auto;margin-top:15px}.gas-mileage-calculator table{width:100%;border-collapse:collapse;margin-top:10px}.gas-mileage-calculator table th,.gas-mileage-calculator table td{padding:12px;text-align:left;border-bottom:1px solid #e1e1e1}.gas-mileage-calculator table th{background-color:#f0f4f8;font-weight:700;color:#333}.gas-mileage-calculator table tr:hover{background-color:#f5f5f5}.gas-mileage-calculator .calculator-footer{margin-top:40px;padding-top:20px;border-top:1px solid #e8e8e8}.gas-mileage-calculator .theory-section{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.gas-mileage-calculator .theory-section h4{color:#1a73e8;margin-top:0;margin-bottom:15px}.gas-mileage-calculator .theory-section p{line-height:1.6;margin-bottom:15px}.gas-mileage-calculator .theory-subsection{margin-top:20px;margin-bottom:20px}.gas-mileage-calculator .theory-subsection h5{color:#1a73e8;margin-top:0;margin-bottom:10px;font-size:16px}.gas-mileage-calculator .theory-subsection ul,.gas-mileage-calculator .theory-subsection ol{margin:0;padding-left:20px}.gas-mileage-calculator .theory-subsection li{margin-bottom:8px;line-height:1.5}.gas-mileage-calculator input[type="number"]{-moz-appearance:textfield}.gas-mileage-calculator input[type="number"]::-webkit-outer-spin-button,.gas-mileage-calculator input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gas-mileage-calculator input[type="radio"],.gas-mileage-calculator input[type="checkbox"]{accent-color:#1a73e8}@media (max-width:767px){.gas-mileage-calculator .input-row{flex-direction:column;gap:10px}.gas-mileage-calculator .input-group{min-width:100%}.gas-mileage-calculator .unit-input{flex-wrap:nowrap}.gas-mileage-calculator .radio-group{flex-direction:column;gap:10px}.gas-mileage-calculator .btn-group{flex-direction:column}.gas-mileage-calculator .results-grid,.gas-mileage-calculator .conversions-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991px){.gas-mileage-calculator .radio-group{flex-wrap:wrap}.gas-mileage-calculator .radio-option{flex-basis:45%}.gas-mileage-calculator .results-grid{grid-template-columns:repeat(2,1fr)}}