/* Stronger edges and saturated accents for the light workspace. */
.panel{border:2px solid #8997b1}.appliance{border:2px solid #9ba9c0;background:#f0f3f9;color:#34425d;padding:16.5px 4.5px 13.5px}.appliance:hover{border-color:#765192;background:#ece4f8}.appliance.active{border:3px solid #80519e;background:#ded0f3;color:#392047;padding:15.5px 3.5px 12.5px}.appliance.active svg,.appliance.active:after{color:#683788}.appliance:nth-child(1) svg{color:#a04e2f}.appliance:nth-child(2) svg{color:#6650a0}.appliance:nth-child(3) svg{color:#27777c}.appliance:nth-child(4) svg{color:#976414}.appliance:nth-child(5) svg{color:#814896}.appliance:nth-child(6) svg{color:#4d6186}.appliance svg{stroke-width:1.65}.input-box input,.field select{border:2px solid #91a1bc;background:#f0f4fb;color:#23334f}.input-box input:focus,.field select:focus{border-color:#794597;box-shadow:0 0 0 2px #bda6d22e}.input-box input::placeholder{color:#66768f}.input-box .unit{color:#536580}.mode-switch{border:2px solid #96a6c0;background:#e9edf6}.mode-switch button.active{background:#d1bde9;color:#45215d;font-weight:600}.step-number{border:2px solid #9470b0;background:#e0d0f1;color:#56306f}.divider{border-top:2px solid #c4cddd}.helper{color:#53637e}.rate-details summary,.helper a{color:#64308c}.field label{color:#2c3b56}.nav-cta{border:2px solid #9775b5;background:#e3d5f5;color:#4e286c}.result{border:3px solid #806396}.result-actions button{border:2px solid #8e88a6}.result .result-actions button{border-color:#9790ae}.result .result-actions:last-child button{border:2px solid #cfb0fb;background:#c3a0ed;color:#241431}.result .period-tabs{border:2px solid #85819b}.result .period-tabs button.active{background:#785493}.saving{border:2px solid #538b74;background:#d5eadf}.saving-heading{color:#1e513d}.saving p,.saving p:last-child{color:#3f6656}.saving-total{border-color:#8bb49d}.saving-total strong{color:#17603f}.saving-controls output{color:#24533d}.saving input[type=range]{accent-color:#306f50}.section{border-color:#bbc6d8}.plain-button,.household-row button{border:2px solid #9c87b3;background:#f4edf9;color:#4c2869}.share-track{background:#cfd8e8}.share-track i{background:#8154ad}.household-row{border-color:#c0cce0}#list-empty{border:2px dashed #9aaac3;background:#f8faff;color:#4e6080}.guide-card{border:2px solid #92a2bd}.guide-card:hover{border-color:#7d4c9f}.guide-art{background:#edd5d0}.guide-card:nth-child(2) .guide-art{background:#ded8f0}.guide-card:nth-child(3) .guide-art{background:#cee7df}.guide-card:nth-child(4) .guide-art{background:#eddfc1}.guide-card:nth-child(5) .guide-art{background:#e4d4ed}.guide-art svg{color:#8f4d56}.guide-card:nth-child(2) .guide-art svg{color:#6d5198}.guide-card:nth-child(3) .guide-art svg{color:#2a6d5b}.guide-card:nth-child(4) .guide-art svg{color:#856020}.guide-card:nth-child(5) .guide-art svg{color:#794b93}.guide-text .tag{color:#64467f}.guide-text p,.body-copy,.faq p{color:#4d5f7c}.formula{border:2px solid #a082be;background:#e6d8f4}.formula code{color:#4b2368}.formula p{color:#5c4573}.faq details{border-color:#c0cbe0}footer{border-color:#bac7dc}.compact-trust{color:#52627e}.compact-trust a{color:#63388b}header{border-color:#b9c5da}
@media(max-width:760px){.appliance{padding:14.5px 2.5px 11.5px}.appliance.active{padding:13.5px 1.5px 10.5px}.panel{padding:19px}.result{padding:21px}}@media(max-width:380px){.panel{padding:16px}.result{padding:18px}}

/* Slightly darker entry fields against white cards. */
.input-box input,.field select{background:#e2e7ee;border-color:#8999b2;color:#22324c}.input-box input:focus,.field select:focus{background:#edf0f5;border-color:#794597}.input-box input::placeholder{color:#62718a}


/* Group the household list and its total into one clear card. */
#household{background:#fff;border:2px solid #8997b1;border-radius:12px;padding:27px;margin:6px 0 34px;box-shadow:0 3px 14px #25345b06}#household .section-header{margin-bottom:12px}#household-summary{background:#f0ebf7;border:2px solid #b09ac7;border-radius:9px;padding:20px 22px;margin-top:21px}#household-summary .household-total{margin-top:0}#household .household-row:last-child{border-bottom:0}#household-note{color:#514563}#household-summary .plain-button{background:#fff}@media(max-width:760px){#household{padding:20px 18px;margin-bottom:28px}#household-summary{padding:17px;margin-top:18px}#household .section-header{flex-wrap:wrap}}