/* Calculator-only interface: a guided workspace inside HUMMN's existing site. */
.planner-app-page [hidden]{display:none!important}
.planner-app-page #planner{background:linear-gradient(180deg,#edf2fc,#f8faff 75%);padding-block:36px 64px}
.calculator-page-intro{max-width:920px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.calculator-page-intro .eyebrow{margin:0;font-size:11px;letter-spacing:1.5px}
.calculator-page-intro p{font-size:13px;color:#63718d}
.planner-app-page .easy-layout,.planner-app-page .easy-layout:has(.easy-results[hidden]){display:block;max-width:920px;margin:auto}
.planner-app-page #easy-form{margin:0;padding:32px 40px 20px;background:#fff;border:1px solid #dce4f2;border-radius:24px;box-shadow:0 14px 50px #233b9108}
.planner-app-page .planner-progress{border:0;padding:0;margin:0 0 28px;color:#63718d;font-size:12px;font-weight:500}
.app-progress-track{height:4px;border-radius:20px;background:#e9eef8;margin-top:14px;overflow:hidden}
.app-progress-track span{display:block;height:100%;background:#233b91;border-radius:20px;transition:width .3s ease}
.app-step-intro{margin-bottom:30px}
.app-step-intro h2{font-size:clamp(28px,3.5vw,40px);line-height:1.15;letter-spacing:-1.2px;color:#233b91}
.app-step-intro p{margin-top:12px;font-size:15px;color:#63718d;max-width:600px}
.planner-app-page .planner-step{animation:calculatorEnter .24s ease both}
@keyframes calculatorEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.planner-app-page .easy-modes{display:grid;grid-template-columns:1fr;gap:12px}
.planner-app-page .start-choice legend{font-size:15px;font-family:inherit;font-weight:600;margin-bottom:14px}
.planner-app-page .easy-modes label{position:relative;display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #dce4f2;border-radius:14px;background:#fff;transition:background .2s,border-color .2s}
.planner-app-page .easy-modes label:has(input:checked){background:#eef3ff;border-color:#233b91;box-shadow:inset 0 0 0 1px #233b91}
.planner-app-page .easy-modes input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.planner-app-page .easy-modes label:has(input:focus-visible){outline:3px solid #8fb3e3;outline-offset:3px}
.planner-app-page .easy-modes label>span:not(.app-method-symbol){flex:1;font-size:17px;font-weight:700}
.planner-app-page .easy-modes label:after{content:'→';font-size:22px;color:#63718d}
.planner-app-page .easy-modes label:has(input:checked):after{content:'✓';color:#233b91}
.planner-app-page .easy-modes small{font-size:13px;font-weight:400;margin-top:5px;color:#63718d}
.app-method-symbol{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:12px;background:#e7edf8;color:#233b91;font-size:24px;font-weight:700}
.planner-app-page .input-block{margin-top:0;padding:0;border:0}
.planner-app-page .input-block>h3{font-size:18px;margin-bottom:16px;letter-spacing:-.3px}
.planner-app-page .input-hint{color:#63718d;font-size:13px;line-height:1.6}
.planner-app-page .appliance-block>h3{display:none}
.app-appliance-search{font-size:12px;margin:20px 0 16px;color:#63718d}
.app-appliance-search input{display:block;width:100%;padding:14px 16px;margin-top:8px;font:inherit;font-size:15px;color:#233b91;background:#f8faff;border:1px solid #d1dcee;border-radius:10px}
.planner-app-page .appliance-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}
.planner-app-page .appliance-picker button{display:flex;align-items:center;text-align:left;gap:10px;border-radius:12px;padding:14px 12px;min-height:70px;font-size:13px;line-height:1.35;background:#f8faff;border-color:#dce4f2;color:#233b91}
.planner-app-page .appliance-picker button.added{background:#eef3ff;border-color:#233b91;color:#233b91}
.picker-symbol{font-size:24px;flex-shrink:0;width:28px;text-align:center;color:#4f70bd}
.picker-check{margin-left:auto;align-self:flex-start;font-size:16px;flex-shrink:0}
.planner-app-page .appliance-row{position:relative;margin:12px 0;padding:18px 20px;border-radius:12px;background:#fff;border-color:#dce4f2;box-shadow:none}
.planner-app-page .appliance-row-head{margin-bottom:12px}
.planner-app-page .appliance-row-head h4{font-size:16px;color:#233b91}
.appliance-quantity{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.appliance-quantity>span{font-size:12px;color:#63718d;margin-right:auto}
.appliance-quantity button{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid #c5d2e8;border-radius:9px;background:#f2f6ff;color:#233b91;font-size:22px}
.planner-app-page .appliance-quantity input{width:58px;text-align:center;margin:0;border:0;background:transparent;font-weight:700;font-size:18px;padding:8px;appearance:textfield;-moz-appearance:textfield}
.appliance-quantity input::-webkit-inner-spin-button{appearance:none}
.planner-app-page .appliance-row .appliance-settings{border:0;padding:8px 0}
.appliance-settings>summary{font-size:12px;color:#49659c;margin-bottom:0}
.appliance-settings[open]>summary{margin-bottom:16px}
.planner-app-page .appliance-row-fields{grid-template-columns:1fr 1fr}
.planner-app-page .appliance-row-fields>label:last-child{grid-column:auto}
.planner-app-page .appliance-row label{margin-bottom:14px}
.planner-app-page .appliance-row>details:last-child{margin-top:10px}
.planner-app-page .easy-layout[data-app-step="1"] .backup-check{display:none}
.planner-app-page #easy-bill>label{font-size:15px;margin-top:22px}
.planner-app-page #easy-bill-value{font-size:28px;font-weight:700;padding:18px;border-radius:12px}
.app-backup-picker{margin-bottom:28px}
.app-backup-picker h3{font-size:18px;margin-bottom:10px}
.app-backup-picker p{font-size:13px;color:#63718d;margin-bottom:16px}
#app-backup-options,.app-choice-chips{display:flex;flex-wrap:wrap;gap:9px}
.app-backup-option,.app-choice-chips button{padding:12px 15px;min-height:44px;background:#f8faff;border:1px solid #cbd7eb;border-radius:10px;color:#233b91;font-size:13px;line-height:1.35;text-align:left}
.app-backup-option[aria-pressed=true],.app-choice-chips button[aria-pressed=true]{background:#233b91;color:#fff;border-color:#233b91}
.app-backup-option:before{content:'＋';margin-right:8px}
.app-backup-option[aria-pressed=true]:before{content:'✓'}
.app-choice-chips{margin-top:12px}
.planner-app-page .easy-assumptions{margin-top:24px}
.planner-app-page .planner-step-actions{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;padding:18px 0 4px;border-top:1px solid #e5ebf5;margin-top:28px;z-index:2}
.planner-app-page .planner-step-actions button{min-height:48px}
.planner-app-page #planner-next{margin-left:auto;min-width:175px}
.planner-app-page #planner-back{border:0;background:#f0f4fc;color:#233b91;margin:0}
.planner-app-page #planner-flow-status{font-size:13px;color:#9c3325;flex-basis:100%;margin:0}
.planner-app-page #planner-flow-status:empty{display:none}
.planner-app-page .easy-results{position:static;padding:32px 40px;border-radius:24px;animation:calculatorEnter .24s ease both;outline-offset:5px}
.app-result-back{color:#e1eaff;background:transparent;border:0;font-size:13px;padding:6px 0 20px}
.app-result-heading{font-size:clamp(28px,3.5vw,40px);line-height:1.2;letter-spacing:-1px;margin:18px 0 24px;color:#fff}
.planner-app-page .easy-energy{padding:20px 0;margin:0 0 16px}
.planner-app-page .easy-energy strong{font-size:44px}
.planner-app-page .easy-answer{background:#ffffff0b;border:1px solid #ffffff24;border-radius:14px;padding:20px;margin:12px 0}
.planner-app-page .planner-package-match{background:#f5f8ff;color:#233b91;padding:24px}
.planner-app-page .planner-package-match .fine{color:#53627d}
.planner-app-page .planner-package-match .text-link{color:#233b91}
.planner-app-page .estimate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.planner-app-page .estimate-actions .button,.planner-app-page .estimate-actions .outline{width:auto;margin:0}
.planner-app-page .estimate-actions>a{flex-basis:100%;background:#fff;color:#233b91}
@media(max-width:700px){
.planner-app-page #planner{padding:24px 5% 40px}
.calculator-page-intro{display:block;margin-bottom:18px}.calculator-page-intro p{margin-top:8px;font-size:12px}
.planner-app-page #easy-form,.planner-app-page .easy-results{padding:24px 20px 18px;border-radius:18px}
.planner-app-page .planner-progress{margin-bottom:24px}.app-step-intro{margin-bottom:22px}.app-step-intro p{font-size:14px}
.planner-app-page .easy-modes label{padding:17px 14px;gap:13px}.planner-app-page .easy-modes label>span:not(.app-method-symbol){font-size:16px}.planner-app-page .easy-modes small{font-size:12px}
.app-method-symbol{width:42px;height:42px;font-size:21px}
.planner-app-page .appliance-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.planner-app-page .appliance-picker button{padding:12px 9px;font-size:12px;gap:6px}.picker-symbol{width:22px;font-size:22px}
.planner-app-page .appliance-row{padding:16px 14px}.planner-app-page .appliance-row-head h4{font-size:14px}.planner-app-page .appliance-row-fields{gap:10px}
.planner-app-page .planner-step-actions{bottom:0;padding:16px 0 6px}.planner-app-page .planner-step-actions .button{padding:13px 16px;font-size:13px}.planner-app-page #planner-next{min-width:0}
.app-choice-chips button{flex:1;min-width:75px}.planner-app-page .estimate-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.planner-app-page .planner-step,.planner-app-page .easy-results{animation:none}.app-progress-track span{transition:none}}

.picker-symbol svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.planner-app-page .appliance-row-head button{min-height:44px;padding:8px 0 8px 12px}
@media(max-width:700px){.planner-app-page .planner-step-actions{display:grid;grid-template-columns:auto minmax(0,1fr)}.planner-app-page #planner-next{width:100%;margin-left:0}.planner-app-page #planner-flow-status{grid-column:1/-1}.picker-symbol svg{width:22px;height:22px}}