/* CEG guided journey: shares the site's colours, typography and navigation. */
.system-hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:2rem;padding-top:2.5rem;padding-bottom:2rem}.system-hero h1{font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.13;letter-spacing:-.035em;color:#103e30}.system-hero p{max-width:64ch}.system-house{width:100%;height:auto;max-height:300px}.system-free{font-weight:650;color:#265d44}.system-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(200px,1fr);gap:1.8rem;margin-block:1rem 3rem}.system-work{min-width:0}.system-progress{background:#ecf3ee;border:1px solid #cfdfd4;padding:1rem 1.4rem;border-radius:14px 14px 0 0;display:flex;align-items:center;gap:1rem}.system-progress span{font-weight:700;flex:1}.system-progress progress{width:110px;height:10px;accent-color:#0d4f36}#dimForm{background:#fff;border:1px solid #cfdfd4;border-top:0;padding:1.5rem;border-radius:0 0 14px 14px}.wizard-step{min-inline-size:0;border:0;padding:0;margin:1rem 0}.wizard-step legend{font-size:1.55rem;font-weight:750;color:#143e30;padding:0;margin-bottom:1rem;max-width:100%;line-height:1.25}.wizard-step .ceg-field,.location-picker{margin-bottom:1.2rem}.system-layout input:not([type=checkbox]),.system-layout select,.system-layout textarea,.location-picker input{max-width:100%;width:100%;min-width:0;padding:.75rem;border:1px solid #a7bfae;border-radius:8px;font:inherit;color:#183c2e;background:white;box-sizing:border-box}.system-layout input[readonly]{background:#edf3ee}.system-layout label,.location-picker label{display:block;font-weight:650;margin-bottom:.4rem}.system-layout small,.system-layout .small{display:block;color:#465e52;line-height:1.5;margin-top:.35rem;font-size:.88rem}.system-layout .sizing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.system-guide{background:#eff4ec;border-radius:16px;padding:1.4rem;height:fit-content;position:sticky;top:100px}.system-guide h2{font-size:1.2rem}.system-guide ol{padding-left:1.2rem}.system-guide li{padding-block:.4rem}.location-search{display:flex;gap:.6rem}.location-search input{flex:1}.system-work button,.location-picker button{font:inherit;cursor:pointer;padding:.7rem 1rem;min-height:44px;border-radius:8px;background:#f4f8f4;border:1px solid #7a9c84;color:#173d2d;font-weight:650}.system-work button.btn-primary,.system-work button[type=submit].btn-primary{background:#0d4f36;color:#fff;border-color:#0d4f36}.system-work button:disabled{opacity:.55;cursor:wait}.place-results{display:grid;gap:.5rem;max-height:60vh;overflow-y:auto;margin-bottom:1rem}.place-results:not(:empty){border:2px solid #e2a82a;background:#fffaf0;border-radius:12px;padding:.6rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.place-results .place-choice{font-weight:700;padding:.75rem 1rem}#wizard-calculate.is-busy{opacity:1;cursor:progress;background:#e2a82a;color:#2b2000}.place-choice{text-align:left}.wizard-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.7rem;border-top:1px solid #e0e9e0;padding-top:1rem}.system-work .text-button{display:block;border:0;text-decoration:underline;background:none;font-size:.85rem;padding:.7rem 0}.system-notice{padding:1rem;border-left:4px solid #b68b28;background:#fff7df;color:#51421e;border-radius:4px;line-height:1.55}.wizard-error{color:#942718;font-weight:650}.system-result{margin-top:2rem;background:#fff!important;border:1px solid #c4dbcc!important;padding:1.5rem;border-radius:16px}.system-result h2{font-size:1.7rem}.system-result h3{margin-top:1.6rem}.system-result .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.system-result .ceg-kpi{background:#edf5ef;min-width:0}.system-result .ceg-kpi strong{font-size:clamp(1.25rem,2.5vw,1.8rem);word-break:normal;overflow-wrap:anywhere;hyphens:none}.system-result .ceg-kpi span{font-size:.9rem}.system-result table,.system-review{width:100%;border-collapse:collapse;font-size:.93rem}.system-result td,.system-result th,.system-review td,.system-review th{padding:.7rem .45rem;text-align:left;border-bottom:1px solid #dce5dc}.system-result th{color:#275542}.monthly-scroll{overflow-x:auto}.monthly-scroll table{min-width:400px}.month-skipped{color:#6a756d;background:#f6f6f4}.energy-bar{height:14px;background:#fae3b0;border-radius:7px;overflow:hidden;margin:.4rem 0}.energy-bar span{display:block;height:100%;background:#1e714e}.system-result .result-roof{width:100%;max-height:300px;background:#f0f5f1;border-radius:10px}.system-print{display:none;white-space:pre-wrap;overflow-wrap:anywhere}.system-contact{background:#eff5f0;border-radius:16px;padding:2rem;margin-block:2rem}.system-tag{display:inline-block;color:#265f3d;background:#d8edbd;border-radius:100px;padding:.2rem .8rem;font-weight:700;font-size:.9rem}.guided-card{background:linear-gradient(125deg,#123f30,#1b6042);border-radius:20px;padding:2rem;margin-bottom:2.5rem;color:white}.guided-card h2{color:white;font-size:clamp(1.5rem,3vw,2.2rem)}.guided-card p{max-width:75ch;color:#eff8ed}.guided-card .btn-primary{background:#e5eda3;color:#163d2c;border-color:#e5eda3}.tool-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-block:1rem 2rem}.tool-group{border:1px solid #d1ded3;border-radius:16px;padding:1.5rem;background:white;box-shadow:0 6px 20px #18392307}.tool-group h3{font-size:1.25rem;color:#214735}.tool-group ul{padding-left:1.15rem}.tool-group li{margin:.7rem 0}.tool-group a{text-underline-offset:3px;font-weight:650}.tool-icon{width:44px;height:44px;display:grid;place-items:center;font-size:1.8rem;color:#184d32;background:#edf4e5;border-radius:12px}.roof-sketch{text-align:center;background:#f4f6f1;padding:1rem;border-radius:10px}.roof-sketch div{font-size:5rem;line-height:1;color:#255f4b}.appliance-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:.5rem;padding:.8rem;background:#f0f5ef;border-radius:8px;margin:.6rem 0}.appliance-row label{font-size:.8rem}.appliance-row button{align-self:end}.appliance-row small{grid-column:1/-1}.simple-diagram{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;background:#edf5ef;padding:1rem;border-radius:10px;margin:1rem 0;color:#245139}.simple-diagram span{padding:.4rem;border:1px solid #adc7b7;border-radius:6px;background:white}.shared-context{padding:1rem;border-left:4px solid #43885d;background:#f1f6ef;margin:1rem 0}.shared-context button{min-height:44px;font:inherit;border:1px solid #4b795b;padding:.5rem .8rem;border-radius:6px}.tool-switch{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.tool-switch a{padding:.7rem 1rem;border:1px solid #a7c4b0;border-radius:8px}.tool-switch a[aria-current]{background:#154f37;color:white}.ceg-result strong,.ceg-advice,.calc-advice{hyphens:none!important;word-break:normal!important}.system-work :focus-visible{outline:3px solid #bb800d;outline-offset:3px}
@media(max-width:900px){.system-layout{grid-template-columns:1fr}.system-guide{position:static}.tool-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.system-hero{grid-template-columns:1fr;gap:0;padding-top:1.5rem}.system-hero .system-house{max-height:180px}.system-layout .sizing-grid{grid-template-columns:1fr}.system-progress{padding:1rem}.system-progress span{font-size:.92rem}#dimForm,.system-result{padding:1rem}.wizard-step legend{font-size:1.3rem}.location-search{flex-direction:column}.tool-groups{grid-template-columns:1fr}.guided-card,.system-contact{padding:1.3rem}.appliance-row{grid-template-columns:1fr 1fr}.appliance-row>:first-child{grid-column:1/-1}.appliance-row small{grid-column:1/-1}.system-result .ceg-kpi{padding:.7rem}.system-review td,.system-review th{display:block;padding:.4rem .2rem}.system-review th{border-bottom:0}.system-result .ceg-actions{display:grid;grid-template-columns:1fr}.system-result textarea{width:100%}}
/* The existing calculator theme uses light text on dark panels. This result is light. */
#dimOut,#dimOut p,#dimOut h2,#dimOut h3,#dimOut li,#dimOut td,#dimOut th,#dimOut summary,#dimOut label,#dimOut .ceg-kpi strong,#dimOut .ceg-kpi span{color:#183c2e}
#dimOut a:not(.btn){color:#125a3e}#dimOut .system-notice,#dimOut .system-notice p{color:#51421e}#dimOut .project-single-note{background:#edf5ef;color:#183c2e}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{body.print-system>*{display:none!important}body.print-system main{display:block!important}body.print-system main>*{display:none!important}body.print-system #system-print{display:block!important;font:11pt/1.4 sans-serif;color:black;background:white;margin:0;padding:0}body.print-system{background:white!important}}

.appliance-row{grid-template-columns:repeat(2,minmax(0,1fr))}.appliance-row>[hidden]{display:none!important}.appliance-row>:first-child{grid-column:1/-1}

.ceg-extra{margin:12px 0;border:1px solid #d8e2dc;border-radius:10px;background:#f7faf8;padding:12px}.ceg-extra>summary{cursor:pointer;font-weight:600;color:#0d4f36}.system-result .kpi-row-main{grid-template-columns:repeat(3,minmax(0,1fr))}.system-work button.solar-retry{background:#a52c25!important;color:#fff!important;border-color:#8c211b!important}@media(max-width:720px){.system-result .kpi-row-main{grid-template-columns:1fr}}
.ceg-glossary{margin:1rem 0;border:2px solid #cfe0d4;border-radius:12px;background:#f6fbf7;padding:.6rem 1rem}.ceg-glossary summary{font-weight:800;color:#0d4f36;cursor:pointer}.ceg-glossary dt{font-weight:800;color:#0d4f36;margin-top:.6rem}.ceg-glossary dd{margin:.15rem 0 0}
.wizard-step details.ceg-extra>summary,.wizard-step details.ceg-advanced>summary{display:block;cursor:pointer;font-weight:750;color:#0d4f36;background:#eef6f0;border:2px solid #b9d6c2;border-radius:10px;padding:.65rem .9rem;margin:.4rem 0;list-style:none}.wizard-step details.ceg-extra>summary::-webkit-details-marker,.wizard-step details.ceg-advanced>summary::-webkit-details-marker{display:none}.wizard-step details.ceg-extra>summary::before,.wizard-step details.ceg-advanced>summary::before{content:'＋ ';font-weight:900}.wizard-step details[open].ceg-extra>summary::before,.wizard-step details[open].ceg-advanced>summary::before{content:'－ '}.wizard-step details.ceg-extra>summary{background:#fff4d6;border-color:#f0d27a}