*{margin:0;padding:0;box-sizing:border-box}body{font-family:PT Sans,sans-serif;line-height:1.6;color:#000;background-color:#fff;padding:20px}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.header{padding:30px;text-align:center;position:relative}.header-version{position:absolute;right:18px;bottom:12px;text-align:right;font-size:.9rem;line-height:1.1;pointer-events:none}.header-version>div{margin:2px 0}.header h1{font-size:2em;margin-bottom:10px}.header p{font-size:1.1em;opacity:.9}.main-content{display:flex;min-height:600px}.inputs-panel{flex:0 0 50%;padding:25px;border-right:1px solid #e1e8ed}.results-panel{flex:0 0 50%;padding:25px;background-color:#fff}@media(max-width:1024px){.inputs-panel,.results-panel{padding:20px}}@media(max-width:768px){.main-content{flex-direction:column}.inputs-panel{border-right:none;border-bottom:1px solid #e1e8ed;padding:15px}.results-panel{padding:15px}}.form-group select[id*=BuildingType]:focus,.form-group select[id*=buildingType]:focus{border-left:4px solid #007bff;box-shadow:0 0 0 .2rem #007bff40}.wall-config{display:block}.results-container{display:flex;gap:20px}.wall-results{flex:1;min-height:400px}.wall-results h3{color:#2c3e50;margin-bottom:15px;padding:10px;background:#fff;border-radius:6px;border:.5px solid #34a4eb}.comparison-graphs{margin-top:30px;padding-top:30px;border-top:2px solid #e1e8ed}.section{margin-bottom:30px}.section h3{color:#2c3e50;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #e1e8ed;font-size:1.2em}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-column-group{flex:1;display:flex;flex-direction:column;gap:15px}.insulation-system-columns{display:flex;gap:20px;flex-wrap:wrap}.insulation-column{flex:1 1 0;min-width:260px;display:flex;flex-direction:column;gap:15px}.form-group{flex:1;display:flex;flex-direction:column}.form-group.half-width{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}.form-group.full-width{flex:2}label{font-weight:600;margin-bottom:5px;color:#2c3e50;font-size:.9em}select,input{padding:10px;border:2px solid #e1e8ed;border-radius:6px;font-size:14px;transition:border-color .3s ease}input::placeholder{color:#bbb;opacity:.6}input::-webkit-input-placeholder{color:#bbb;opacity:.6}input::-moz-placeholder{color:#bbb;opacity:.6}input:-ms-input-placeholder{color:#bbb;opacity:.6}select:focus,input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.zip-display{font-size:12px;margin-top:4px;padding:4px 8px;border-radius:4px;background-color:#f8f9fa}.zip-display.found{color:#28a745;background-color:#d4edda}.zip-display.not-found{color:#dc3545;background-color:#f8d7da}@media(max-width:768px){.insulation-column+.insulation-column{border-left:none;border-top:1px solid #e1e8ed;padding-left:0;padding-top:15px;margin-top:15px}}input.disabled-field,select.disabled-field{background-color:#e9ecef;color:#6c757d;opacity:.65;cursor:not-allowed;border-color:#dee2e6}input.disabled-field:focus,select.disabled-field:focus{outline:none;border-color:#dee2e6;box-shadow:none}.calculate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease;width:100%;margin-top:20px}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.calculate-btn:active{transform:translateY(0)}.results-grid{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:20px}.result-card{background:#fff;border-radius:8px;padding:15px;border:.5px solid #34a4eb;margin-bottom:15px;overflow-x:auto}.result-card h4{color:#2c3e50;margin-bottom:12px;font-size:1.1em}.result-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e1e8ed}.result-item:last-child{border-bottom:none}.result-label{font-weight:500;color:#555}.result-value{font-weight:600;color:#2c3e50}.thermal-performance-card{display:block}.thermal-performance-card .result-item{display:grid;grid-template-columns:max-content 1fr;column-gap:8px;align-items:center;margin-bottom:6px}.thermal-performance-card .result-label{text-align:left;color:#555;white-space:normal;word-wrap:break-word}.thermal-performance-card .result-value{text-align:left;font-weight:600;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thermal-comparison-table{width:100%;margin-top:8px;overflow-x:auto;overflow-y:visible}.thermal-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr 1fr;gap:2px;padding:4px 1px;align-items:center;border-bottom:1px solid #e1e8ed;min-width:400px;white-space:nowrap}.thermal-row:last-child{border-bottom:none}.thermal-header{font-weight:600;background-color:#f1f3f4;padding:6px 1px;border-radius:4px;margin-bottom:2px;font-size:.85em}.thermal-label{font-weight:500;color:#555;text-align:left;font-size:.8em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}.thermal-wall1{font-weight:600;color:#2c3e50;text-align:center;font-size:.8em;overflow:hidden;text-overflow:ellipsis}.thermal-baseline{font-weight:600;color:#666;text-align:center;font-size:.8em;overflow:hidden;text-overflow:ellipsis}.thermal-delta{font-weight:600;text-align:center;font-size:.8em;overflow:hidden;text-overflow:ellipsis}.thermal-delta-positive{color:#28a745}.thermal-delta-negative{color:#dc3545}.thermal-units{font-size:.7em;color:#777;text-align:left;font-style:italic;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}@media(max-width:1200px){.thermal-row{grid-template-columns:1.1fr .7fr .7fr .7fr .9fr;gap:1px;min-width:350px}.thermal-label,.thermal-wall1,.thermal-baseline,.thermal-delta{font-size:.75em}.thermal-units{font-size:.65em}}@media(max-width:768px){.thermal-row{grid-template-columns:1fr .6fr .6fr .6fr .8fr;gap:1px;font-size:.7em;min-width:320px;padding:3px 0}.thermal-label,.thermal-wall1,.thermal-baseline,.thermal-delta{font-size:.7em}.thermal-units{font-size:.6em}.result-card{padding:12px;margin-bottom:12px}.result-card h4{margin-bottom:10px;font-size:1em}.thermal-header{padding:4px 0;font-size:.75em}}@media(max-width:480px){.thermal-row{grid-template-columns:.9fr .5fr .5fr .5fr .7fr;gap:1px;min-width:280px;padding:2px 0}.thermal-label,.thermal-wall1,.thermal-baseline,.thermal-delta{font-size:.65em}.thermal-units{font-size:.55em}.result-card{padding:10px;margin-bottom:10px}.thermal-header{padding:3px 0;font-size:.7em}}.graph-container{background:#fff;border-radius:8px;padding:15px;border:.5px solid #34a4eb;margin-bottom:15px;width:100%}.graph-container h4{color:#2c3e50;margin-bottom:12px;font-size:1.1em}.chart-wrapper{position:relative;height:250px;width:100%}.loading{text-align:center;color:#667eea;font-style:italic;padding:40px}.parameters-section{margin-top:30px;padding:20px;background:#fff;border-radius:8px;border:.5px solid #34a4eb}.parameters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.parameter-group{background:#fff;padding:15px;border-radius:6px;border:1px solid #e1e8ed}.parameter-group h5{color:#2c3e50;margin:0 0 10px;font-size:.9em;font-weight:600;border-bottom:1px solid #e1e8ed;padding-bottom:5px}.parameter-item{display:flex;justify-content:space-between;padding:3px 0;font-size:.85em}.parameter-label{color:#666;flex:1}.parameter-value{color:#2c3e50;font-weight:500;text-align:right;margin-left:10px}.parameter-item.different{background-color:#fff5f5;padding:5px;border-radius:4px;border-left:3px solid #e74c3c}.error{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:6px;border-left:4px solid #dc3545;margin:20px 0}.success{background-color:#d4edda;color:#155724;padding:15px;border-radius:6px;border-left:4px solid #28a745;margin:20px 0}.comparison-section{margin-top:30px;padding-top:30px;border-top:2px solid #e1e8ed}.compare-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 25px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-top:15px}.compare-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #28a7454d}.introduction-container{display:flex;gap:30px;padding:30px;margin-bottom:30px;border-top:.5px solid #e1e8ed;border-bottom:.5px solid #e1e8ed}.introduction-content{flex:0 0 50%;min-width:0}.introduction-section{margin-bottom:25px;font-size:1.25rem;font-weight:300}.introduction-section h2{font-size:1.3em;color:#2c3e50;margin-bottom:12px;font-weight:600}.introduction-section p{font-size:1em;line-height:1.7;color:#555}.introduction-section.disclaimer{padding:1rem;background-color:#f9f1cc}.introduction-section.disclaimer strong{text-transform:uppercase;font-weight:bolder}.introduction-button-container{display:flex;justify-content:center;margin:20px 0}.introduction-button{display:inline-block;width:50%;max-width:300px;padding:14px 24px;background:#dff0d8;color:#555;text-align:center;text-decoration:none;border-radius:8px;font-size:.95em;border:none;cursor:pointer}.introduction-button:hover{background:#c8e5bc}.introduction-image{flex:0 0 50%;display:flex;align-items:center;justify-content:center;min-width:0}.introduction-image img{max-width:100%;height:auto}@media(max-width:1024px){.introduction-container{flex-direction:column;gap:20px}.introduction-image{flex:1}}@media(max-width:768px){.introduction-container{padding:20px;margin-bottom:20px}.introduction-section h2{font-size:1.1em}.introduction-section p{font-size:.9em}}.about-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999}.about-modal-overlay{position:absolute;inset:0;background:#00000080;cursor:pointer}.about-modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:800px;max-height:90vh;width:90%;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.about-modal-header{background:linear-gradient(135deg,#5b94c2,#34a4eb);color:#fff;padding:25px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f0f0f0}.about-modal-header h2{margin:0;font-size:1.8em}.about-modal-close{background:none;border:none;color:#fff;font-size:2em;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.about-modal-close:hover{background:#ffffff1a}.about-modal-body{padding:25px;overflow-y:auto;flex:1;background:#fff}.about-modal-body h1,.about-modal-body h2,.about-modal-body h3{color:#2c3e50;margin-top:20px;margin-bottom:12px;font-weight:600}.about-modal-body h1:first-child,.about-modal-body h2:first-child,.about-modal-body h3:first-child{margin-top:0}.about-modal-body p{color:#555;line-height:1.7;margin-bottom:15px;font-size:.95em}.about-modal-body ul,.about-modal-body ol{margin:15px 0 15px 20px;color:#555}.about-modal-body li{margin-bottom:8px;line-height:1.6;font-size:.95em}@media(max-width:1024px){.main-content{flex-direction:column}.inputs-panel{border-right:none;border-bottom:1px solid #e1e8ed}.results-grid{grid-template-columns:1fr}}.result-card{transition:all .3s ease}.result-card h4{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:-15px -15px 12px;background:linear-gradient(to right,#f8f9fa,#e9ecef);border-radius:8px 8px 0 0;transition:background .2s ease}.result-card h4:hover{background:linear-gradient(to right,#e9ecef,#dee2e6)}.section-chevron{font-size:.8em;transition:transform .3s ease;display:inline-block;margin-left:10px;color:#667eea}.section-chevron.collapsed{transform:rotate(-90deg)}.section-content{max-height:5000px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:1}.section-content.collapsed{max-height:0;opacity:0}#section-content-lifecycle-summary>div{padding:0!important}#section-content-lifecycle-summary>div>div{padding:0!important}#section-content-lifecycle-metrics .thermal-row{padding:2px 1px}#section-content-lifecycle-metrics .thermal-header{padding:3px 1px}.insulation-grid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:768px){.insulation-grid{grid-template-columns:1fr 1fr;grid-template-areas:"ci-type cav-type" "ci-r    cav-r" "ci-gwp  cav-gwp";align-items:start}.area-ci-type{grid-area:ci-type}.area-ci-r{grid-area:ci-r}.area-ci-gwp{grid-area:ci-gwp}.area-cav-type{grid-area:cav-type}.area-cav-r{grid-area:cav-r}.area-cav-gwp{grid-area:cav-gwp}}.carbon-calculator-app{max-width:1400px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.header{color:#000;padding:30px;text-align:center;position:relative}.header-version{position:absolute;right:18px;bottom:12px;text-align:right;color:#000;font-size:.8rem;line-height:1.1;text-shadow:none;pointer-events:none}.header-version>div{margin:2px 0;white-space:nowrap}.header h1{font-size:2em;margin:0 0 10px}.header p{font-size:1.1em;opacity:.9;margin:0}.app-header{margin-bottom:2rem;border-bottom:1px solid #eee}.app-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.app-grid{grid-template-columns:660px 1fr;align-items:start}}.panel{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}input,select{padding:.5rem;border:1px solid #ccc;border-radius:4px}.about-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.8rem}.about-content th{background-color:#2b6699;color:#fff;font-weight:700;padding:.75rem;text-align:left;border:1px solid #ddd}.about-content td{padding:.5rem .75rem;border:1px solid #ddd}.about-content tbody tr:nth-child(2n){background-color:#f9f9f9}