:root{font-family:system-ui,sans-serif;color:#17312b;background:#f3f7f4;color-scheme:light;accent-color:#146751}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 2rem,65rem);margin:auto;padding:clamp(1.5rem,5vw,4rem) 0}h1{font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.1;letter-spacing:-.04em;margin:0}.intro{margin-bottom:2rem}.intro p,.note,small{color:#486259;line-height:1.5}.panels,.fields{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.panels{align-items:start;gap:1.25rem}.stack{grid-template-columns:minmax(0,1fr)}fieldset{min-width:0;margin:0;padding:1.1rem;border:1px solid #d1ded5;border-radius:1rem;background:#fff}legend{padding:0 .45rem;font-weight:700}.field{display:grid;align-content:start;gap:.35rem;font-size:.9rem}.field>span{font-weight:600;overflow-wrap:anywhere}.state-slot{min-height:4.225rem}.state-slot .field{line-height:1.25}input,select,button{font:inherit;color:inherit}input[type=number],input[type=date],input[type=text],select,button{min-height:2.75rem;padding:.45rem .65rem;border:1px solid #a9bdb2;border-radius:.5rem;background:#fff}.field input,.field select{width:100%;min-width:0}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #146751;outline-offset:2px}input:invalid,input[aria-invalid=true]{border-color:#a33728}button{cursor:pointer;font-weight:600}button:hover:not(:disabled){background:#e8f3ed}button:disabled{opacity:.55;cursor:default}.days-off,.scenarios{grid-column:1 / -1}.date-entry,.days-off li{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem}.date-entry{margin-top:.5rem}.days-off ul{display:grid;gap:.35rem;padding:0;margin:.5rem 0 0}.days-off li{justify-content:space-between;align-items:center}.toggle{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;cursor:pointer}.toggle input{margin:0;width:1.2rem;height:1.2rem;flex:none}.scenario{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:1rem;border-radius:.65rem;background:#edf5ef}.scenario label{display:grid;gap:.2rem}.scenario label span,.range-ends{font-size:.85rem}.scenario output{font-size:1.6rem;font-weight:700}.scenario input,.range-ends{grid-column:1 / -1}.scenario input{width:100%;min-height:1.75rem;margin:0}.range-ends{display:flex;justify-content:space-between}.depreciation-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;text-align:center;overflow-wrap:anywhere}.depreciation-labels>:first-child{text-align:left}.depreciation-labels>:last-child{text-align:right}.note{margin:1rem 0 0}.calendar-hint{display:block}.calendar-context{margin:0 0 .75rem;color:#486259}.calendar-summary{display:grid;gap:.5rem;margin:0}.calendar-summary>div{display:flex;justify-content:space-between;gap:1rem}.calendar-summary dd{margin:0;font-weight:700}.comparison-columns{align-items:start}.metrics{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.875rem}.scenario .metrics{grid-column:1 / -1}.metrics th,.metrics td{padding:.45rem .2rem;text-align:right;overflow-wrap:anywhere}.metrics tr>:first-child{width:44%;text-align:left}.metrics tbody tr{border-top:1px solid #d1ded5}.metrics tbody th{font-weight:500}.metrics td{font-variant-numeric:tabular-nums}.scenario-visual{grid-column:1 / -1;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #d1ded5}.scenario-visual h3{margin:0;font-size:1rem}.vertical-track{display:flex;align-items:end;width:2.75rem;height:6rem;margin:.6rem 0;border-radius:.35rem;overflow:hidden}.vertical-track>div{width:100%}.time-bar{background:#dee9f4}.time-bar>div{background:#355b82}.emission-bar{background:#f2e7e1}.emission-bar>div{background:#c76b47}.emission-difference{margin-top:1rem;padding-top:1rem;border-top:1px solid #d1ded5}.trucks{display:flex;flex-wrap:wrap;gap:.5rem}footer{margin-top:1.25rem}@media(max-width:50rem){.panels,.comparison-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:33rem){.fields{grid-template-columns:minmax(0,1fr)}}
