body{font-family:"Roboto", Arial, sans-serif;background-color:#f8f9fa;margin:0;padding:20px;color:#333}h1,h2{color:#333;text-align:center;margin-bottom:20px}.form-summary-container{display:flex;gap:20px;align-items:flex-start}.form-label input[type="checkbox"]{width:20px;height:20px;margin-left:0;position:relative;left:0}.form-container{flex:1;max-width:400px;border:1px solid #ccc;border-radius:8px;padding:20px;background-color:#f9f9f9;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1)}.summary-box{flex:1;border:1px solid #ccc;border-radius:8px;padding:20px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);background-color:#f9f9f9}.summary-box h2{margin-bottom:10px}.summary-box p{margin:5px 0}.equivalents-section h2{font-size:1.5rem;margin-bottom:10px}.chart-container{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.chart-container>div{flex:1}.chart-container-wrapper{display:flex;gap:20px;justify-content:space-between;align-items:stretch;margin-top:20px}.chart-container{flex:1;max-width:48%;height:400px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:10px}.chart-title{font-size:1.5rem;text-align:center;margin:0 0 10px 0}canvas{flex:1;width:100% !important;height:auto !important}.form-container{background-color:#ffffff;border:1px solid #ccc;border-radius:8px;padding:20px;max-width:500px;margin:0 auto 20px;box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1)}.form-label{display:flex;flex-direction:column;margin-bottom:15px;font-size:14px;font-weight:bold;color:#555}.form-input{padding:10px;border:1px solid #ccc;border-radius:4px;margin-top:5px;font-size:14px;transition:border-color 0.3s}.form-input:focus{outline:none;border-color:#007BFF;box-shadow:0px 0px 5px rgba(0, 123, 255, 0.5)}.form-button{display:inline-block;background-color:#11823b;color:white;padding:12px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color 0.3s, transform 0.2s}.form-button:hover{background-color:#004d25;transform:scale(1.02)}.response-table{border-collapse:collapse;width:100%;margin-top:20px;border:1px solid #ccc;box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1)}.response-table th,.response-table td{text-align:left;padding:12px;border:1px solid #ccc}.response-table th{background-color:#f2f2f2;color:#333;font-weight:bold}.response-table tr:nth-child(even){background-color:#f9f9f9}.chart-container{max-width:80%;margin:20px auto;padding:20px;background-color:#ffffff;border:1px solid #ccc;border-radius:8px;box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1)}.chart-title{text-align:center;margin-bottom:20px;font-size:18px;color:#555}.formula-container{background-color:#f8f9fa;padding:15px;border-radius:5px;margin-top:15px;font-size:16px;line-height:1.5;max-width:600px;text-align:left;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}.formula{font-size:14px;white-space:normal;word-wrap:break-word;text-align:center;max-width:550px}.formula-container a{margin-top:10px;text-align:center}.form-summary-container h1,.form-summary-container h2,.form-summary-container h3,.chart-container-wrapper h2,.response-title{text-align:left}.api-response-title{text-align:left}.equivalents-boxes{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:20px}.equivalent-box{width:100%;padding:15px;background:#f9f9f9;border-radius:10px;text-align:left;box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1)}.equivalent-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:10px}.equivalent-icon{width:40px;height:40px;fill:currentColor;flex-shrink:0}.headlines-emission-calculator{color:#004d25;font-size:30px;font-weight:600;letter-spacing:2px;line-height:40px;text-transform:uppercase;word-break:keep-all}.textColor-main{color:#004d25}.preset-btn{display:inline-block;background-color:#11823b;color:white;padding:12px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color 0.3s, transform 0.2s}#yearlyDifferenceChart{width:550px !important;height:500px !important;max-width:100%;margin:0 auto;margin-top:20px}