/* Scoped solar-only cash-purchase explorer; based on the charging explorer. */
#solar-payback{margin:1.5rem 0;padding:clamp(.8rem,3vw,1.4rem);border:2px solid #006b77;border-radius:12px;background:#f5fafb;color:#12324b;scroll-margin-top:1rem}
#solar-payback *{box-sizing:border-box}#solar-payback [hidden]{display:none!important}
#solar-payback h3{margin:.2rem 0 .7rem;font-size:1.5rem}#solar-payback h4{font-size:1.25rem;margin:.4rem 0}
#solar-payback .sc-kicker{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:#35575f;font-weight:700}
#solar-payback .sc-workspace{display:grid;gap:1rem;align-items:start}#solar-payback .sc-workspace>*{min-width:0}
#solar-payback fieldset{min-width:0;border:0;padding:0;margin:0 0 .8rem}#solar-payback legend{font-weight:700;margin-bottom:.4rem}
#solar-payback label{font-size:.95rem;line-height:1.4}#solar-payback .sc-field{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;align-items:center;gap:.4rem;margin:.5rem 0}
#solar-payback input[type=number]{width:100%;min-width:0;font:inherit;padding:.4rem;background:white;color:#12324b;border:1px solid #597781;border-radius:5px}
#solar-payback input[type=range]{grid-column:1/-1;width:100%;height:1.7rem;margin:0;accent-color:#006b77}
#solar-payback button{font:inherit;font-size:.9rem;font-weight:600;padding:.5rem .6rem;line-height:1.35;border:2px solid #006b77;border-radius:6px;color:#005762;background:white;cursor:pointer}
#solar-payback button[type=submit]{background:#006b77;color:white}#solar-payback button:disabled{opacity:.6;cursor:default}
#solar-payback .sc-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}
#solar-payback :is(input,button,summary,a):focus-visible{outline:3px solid #a24f00;outline-offset:3px}#solar-payback [aria-invalid=true]{border:2px solid #a32a1e}
#solar-payback #sc-error{color:#912819;font-weight:600}#solar-payback #sc-error:empty{display:none}
#solar-payback #sc-result{padding:.8rem;background:white;border:1px solid #9fbec6;border-radius:8px}
#solar-payback .sc-summary{font-weight:700;font-size:1.4rem;line-height:1.4;margin:.2rem 0 .5rem}
#solar-payback .sc-small{font-size:.9rem;line-height:1.5}#solar-payback .sc-legend{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.85rem;margin:.5rem 0}
#solar-payback .sc-legend i{display:inline-block;width:.85rem;height:.85rem;margin-right:.3rem;border:1px solid #12324b}
#solar-payback .sc-home{background:#006b77}#solar-payback .sc-public{background:#273c65}
#solar-payback svg{display:block;width:100%;height:auto}#solar-payback dt{font-weight:700}#solar-payback dd{margin:0 0 .6rem}
#solar-payback details{margin:1rem 0;padding-top:.8rem;border-top:1px solid #bacfd5}#solar-payback summary{cursor:pointer;font-weight:700;color:#005762}
#solar-payback .sc-source{overflow-wrap:anywhere}#solar-payback #sc-record dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.5rem 1rem}
#solar-payback #sc-record dl>div{border-bottom:1px solid #cedee2}#solar-payback #sc-record svg{max-height:45px}#solar-payback #sc-record li{margin:.5rem 0}
#solar-payback .sc-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:680px){#solar-payback .sc-workspace{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}#solar-payback #sc-result{position:sticky;top:1rem}}
@media(max-width:500px){#solar-payback .sc-field{grid-template-columns:1fr}}
@media print{
 body.sc-print .gridContainer>:not(article),body.sc-print article>:not(.energy-guide),body.sc-print .energy-guide>:not(#example),body.sc-print #example>:not(#solar-payback){display:none!important}
 body.sc-print,body.sc-print .gridContainer,body.sc-print article{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:white!important}
 body.sc-print #solar-payback{border:0;margin:0;padding:0;background:white;font:10pt/1.3 system-ui,sans-serif}
 body.sc-print #solar-payback>.sc-no-print:not(#sc-interactive),body.sc-print #solar-payback>h3,body.sc-print #solar-payback>.sc-kicker,body.sc-print #solar-payback>.sc-source,body.sc-print #sc-fallback,body.sc-print .sc-workspace,body.sc-print .sc-actions,body.sc-print #sc-record-view>summary{display:none!important}
 body.sc-print #sc-record-view{border:0;padding:0;margin:0}body.sc-print #solar-payback #sc-record dl{grid-template-columns:1fr 1fr;break-inside:avoid}
 body.sc-print #sc-record a::after{content:none!important}
}

#solar-payback .sc-energy-box{border-bottom:2px solid #bacfd5;padding-bottom:.8rem;margin-bottom:.8rem}#solar-payback .sc-energy-box p{margin:.4rem 0}#solar-payback #sc-payback{font-size:1.2rem;font-weight:700}#solar-payback #sc-record li{margin:.25rem 0}
@media print{body.sc-print #solar-payback>.sc-no-print,body.sc-print #sc-error,body.sc-print #sc-status{display:none!important}body.sc-print #solar-payback>#sc-interactive{display:block!important}body.sc-print #sc-record h4{font-size:12pt;margin:.5rem 0}body.sc-print #sc-record p{margin:.5rem 0}body.sc-print #sc-record dl{gap:.2rem .8rem}body.sc-print #sc-record dd{margin-bottom:.2rem}@page{margin:12mm}}

#solar-payback #sc-payback{margin:.3rem 0 .9rem}#solar-payback .sc-energy-box h4{font-size:1.05rem}#solar-payback .sc-summary{font-size:1.2rem}#solar-payback .sc-energy-box{border-top:2px solid #bacfd5;padding-top:.7rem}
