@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");h1,h2,h3,h4{font-family:Roboto Slab,sans-serif}.calculator{background-color:#07350c;border-radius:8px;padding:24px}h1{color:#b4fa82;font-size:40px;margin-top:2rem;text-align:center}h1,h2{margin-bottom:1rem}h2{margin-top:.5rem}.results{background-color:#ddf9b5;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:25px;padding:20px}.result-item{font-size:20px}.info-section{color:#000;margin-top:20px}.detail-section{border-top:1px solid #ccc;margin-top:20px;padding-top:20px}.detail-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.detail-label{color:#fff}.detail-value{color:#fff;font-weight:700}.info-section p{color:#fff}.grid-container{--grid-placement:auto-fit;--grid-min-item-size:clamp(min(100%,20rem),50%,calc(50% - var(2rem)*1.5));display:grid;gap:2rem;grid-template-columns:repeat(var(--grid-placement,auto-fill),minmax(var(--grid-min-item-size,16rem),1fr))}.info-section{margin-bottom:2rem}.input-group{background-color:#fff}.input-group,.input-group-results{border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:20px;padding:15px}.input-group-results{background-color:#ddf9b5}label{color:#black;display:block;font-weight:700;margin-bottom:8px}input[type=range]{accent-color:#07350c;color:#fff!important;margin:8px 0;width:100%}.value-display{color:#000;font-size:18px;font-weight:700;margin-bottom:8px;text-align:right}.result-heading{color:#b4fa82}.result-item{display:flex;font-size:16px;justify-content:space-between;margin-bottom:15px}.result-item:last-child{margin-bottom:0}.highlight{color:#000;font-size:24px;font-weight:700}.info-section{color:#black;font-size:14px;margin-top:8px;text-align:center}.logo{margin-bottom:20px;text-align:center}.left-group,.right-group{display:flex;flex-direction:column}.input-group,.results{display:flex;flex:1;flex-direction:column;margin-bottom:20px}.input-group{justify-content:space-between}.results{justify-content:center;margin-top:0;padding:15px 20px}