#guide-form{min-width:0}
#guide-form fieldset.guide-stage{min-width:0;border:0;padding:0;margin:0 0 28px}
.guide-stage>legend{font-size:22px;font-weight:500;padding:0;margin-bottom:8px;line-height:1.4}
.guide-icon{display:block;width:38px;height:38px;flex:0 0 38px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.energy-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.energy-needs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:128px;padding:16px 10px;border:1px solid #e0e3e6;border-radius:6px;background:#fff;color:#727980;font-size:13px;line-height:1.5;text-align:center}
.energy-needs .guide-icon{color:#929aa2}
.energy-needs button:hover{background:#f7f8f9;border-color:#adb6bf}
.energy-needs button[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue)}
.energy-needs button[aria-pressed=true] .guide-icon{color:var(--blue)}
.energy-needs [data-need=savings][aria-pressed=true]{border-color:#719b25;box-shadow:inset 0 0 0 1px #719b25;color:#456515}
.energy-needs [data-need=savings][aria-pressed=true] .guide-icon{color:#719b25}
#guide-form fieldset.need-options{--spec-accent:var(--blue);min-width:0;border:0;border-bottom:1px solid #e4e7e9;margin:0 0 24px;padding:0 0 24px}
#guide-form #backup-options{--spec-accent:#719b25}
.need-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px}
.need-heading output{font-size:22px;line-height:1.4;color:var(--spec-accent);font-weight:500;font-variant-numeric:tabular-nums}
.bill-amount{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--blue)}
.config-layout .bill-amount input{width:108px;text-align:right;font-variant-numeric:tabular-nums}
.range-endpoints{display:flex;justify-content:space-between;color:#777f85;font-size:11px;margin:0 12px}
.appliance-stage{padding-top:8px!important}
.appliance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.appliance-option{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-width:0;min-height:116px;border:1px solid #e8ebed;border-radius:6px;background:#fafbfc;color:#707880;padding:12px 6px;font-size:12px;line-height:1.4;text-align:center}
.appliance-option .guide-icon{width:32px;height:32px;flex-basis:32px;color:#9aa1a8}
.appliance-option:hover{border-color:#a9b5c2;background:#f1f4f7;color:var(--blue)}
.appliance-option:hover .guide-icon{color:var(--blue)}
.selected-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e4e7e9;padding:0 0 12px}
.selected-heading h3,.load-estimate h3{font-size:18px;font-weight:500;margin:0}
#selected-count{font-size:12px;color:#727980;white-space:nowrap}
#guide-form fieldset.selected-appliance{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;min-width:0;margin:0;padding:28px 0 20px;border:0;border-bottom:1px solid #e8ebed}
.selected-appliance-name{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.selected-appliance-name strong{font-size:12px;font-weight:500;line-height:1.4}
.selected-appliance-name .guide-icon{color:var(--appliance-color)}
.tone-blue{--appliance-color:#173b80}.tone-green{--appliance-color:#719b25}.tone-teal{--appliance-color:#157e86}.tone-gold{--appliance-color:#aa7622}
.selected-appliance-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);gap:10px;align-items:end}
.config-layout .selected-appliance-fields label{font-size:11px;line-height:1.5;gap:6px}
.config-layout .selected-appliance-fields input{padding:10px 6px;font-size:13px}
.remove-appliance{position:absolute;right:-6px;top:0;width:32px;height:28px;padding:5px 7px;border-radius:3px}
.remove-appliance:hover{background:#eff1f3}
.selected-stage>.config-note{margin:16px 0 24px}
.load-estimate{padding:22px 0 16px;border-top:1px solid #dce1e5;margin-top:28px}
.load-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px}
.load-metrics>div{min-width:0}
.load-metrics p{font-size:12px;color:#687078;margin:0 0 6px}
.load-metrics output{font-size:28px;font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.load-metrics>div:nth-child(2) output{color:#56791c}
.load-metrics span{font-size:12px;color:#687078;white-space:nowrap}
.load-average{font-size:12px;color:#687078;margin:18px 0 8px}
.load-average strong{color:#303941;font-weight:500}
.guide-error{color:#ab2635}
#offgrid-note{border-left:2px solid #a7b6c7;padding:4px 0 4px 14px;margin:0 0 26px}
@media(max-width:1050px){.appliance-options{grid-template-columns:repeat(3,minmax(0,1fr))}.energy-needs{gap:8px}.energy-needs button{font-size:12px;padding:12px 6px}.selected-appliance-fields{gap:6px}#guide-form fieldset.selected-appliance{grid-template-columns:70px minmax(0,1fr);gap:12px}}
@media(max-width:760px){.guide-stage>legend{font-size:20px}.energy-needs button{min-height:118px}.appliance-option{min-height:106px}.load-metrics output{font-size:26px}}
@media(max-width:380px){.energy-needs{gap:6px}.energy-needs button{font-size:11px}.guide-icon{width:32px;height:32px;flex-basis:32px}.appliance-options{gap:8px}.appliance-option{font-size:11px}.selected-appliance-name strong{font-size:11px}#guide-form fieldset.selected-appliance{grid-template-columns:56px minmax(0,1fr);gap:8px}.config-layout .selected-appliance-fields input{font-size:12px;padding:10px 3px}.config-layout .selected-appliance-fields label{font-size:10px}.load-metrics{gap:12px}}