.energy{gap:var(--sp-5);grid-template-columns:minmax(0,1fr);display:grid}.energy-notes:empty{margin-top:calc(-1 * var(--sp-5))}.energy-warnings{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.energy-warnings li{border-radius:var(--r-sm);background:var(--bg-2);border-left:2px solid var(--ink-2);font-size:var(--fs-sm);padding:10px 14px;line-height:1.45}.energy-grid{gap:var(--grid-gap);grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;display:grid}.energy-results{gap:var(--sp-5);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.energy .section-head{margin-bottom:var(--sp-4);gap:6px;display:grid}.energy .section-head .small{color:var(--ink-2);max-width:62ch}.energy .kv{grid-template-columns:minmax(0,1fr) auto}.energy .kv>:nth-child(2n){white-space:nowrap;overflow-wrap:normal}.energy-controls{top:calc(var(--nav-h) + env(safe-area-inset-top) + var(--sp-4));max-height:calc(100dvh - var(--nav-h) - env(safe-area-inset-top) - var(--sp-6));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;position:sticky;overflow-y:auto}.energy-controls[data-more]{-webkit-mask-image:linear-gradient(currentColor calc(100% - 48px),#0000);mask-image:linear-gradient(currentColor calc(100% - 48px),#0000)}.energy-reset{margin-top:var(--sp-4)}.energy-grp>summary{align-items:flex-start;gap:var(--sp-3);padding-block:2px}.energy-grp>summary:after{flex:none;margin-top:6px}.grp-head{gap:4px;min-width:0;display:grid}.grp-sum{font-size:var(--fs-sm);color:var(--ink-2);text-wrap:pretty;line-height:1.4}.energy-grp[open] .grp-sum{display:none}@media (min-width:1181px){.energy-controls:not([data-ready]) .energy-grp[data-wide-open]::details-content{content-visibility:visible;display:block}.energy-controls:not([data-ready]) .energy-grp[data-wide-open] .grp-sum{display:none}}.s-household,.s-vent{fill:var(--series-load);--dot:var(--series-load)}.s-heat{fill:var(--series-heat);--dot:var(--series-heat)}.s-dhw{fill:var(--series-export);--dot:var(--series-export)}.s-pool{fill:var(--series-grid);--dot:var(--series-grid)}.s-ev{fill:var(--ink-3);--dot:var(--ink-3)}.s-pv{fill:var(--series-pv);--dot:var(--series-pv)}.s-battery{fill:var(--series-battery);--dot:var(--series-battery)}.s-grid{fill:var(--series-grid);--dot:var(--series-grid)}.s-pv-area{fill:color-mix(in srgb, var(--series-pv) 26%, var(--surface))}.s-pv-cap{stroke:var(--series-pv);stroke-width:2px}.legend .dot{background-color:var(--dot);border-radius:2px;flex:none;width:10px;height:10px}.chart-hatch{fill:var(--surface);opacity:.6}.chart{gap:var(--sp-3);grid-template-columns:minmax(0,1fr);min-width:0;margin:0;display:grid}.chart svg{width:100%;display:block;overflow:visible}.chart-monthly svg{height:300px}.chart-day svg{height:270px}.chart-grid{stroke:var(--rule)}.chart-base{stroke:var(--rule-2)}.chart-axis{fill:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums}.chart-month{cursor:pointer}.chart-pick{fill:#0000;transition:fill var(--dur-1) var(--ease)}.chart-month:hover .chart-pick{fill:color-mix(in srgb, var(--bg-2) 45%, transparent)}.chart-month.on .chart-pick{fill:color-mix(in srgb, var(--bg-2) 80%, transparent)}.chart-month.on .chart-axis-x{fill:var(--ink);font-weight:var(--weight-strong)}.chart-line{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:color-mix(in srgb, var(--ink) 5%, transparent)}.swatch-line{background:var(--ink);flex:none;width:16px;height:1.5px;display:inline-block}.chart .legend .num,.chart-readout .num{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink);white-space:nowrap}.chart-readout{align-items:baseline;gap:4px var(--sp-5);color:var(--ink-2);flex-wrap:wrap;margin:0;display:flex}.chart-readout b{color:var(--ink);font-weight:var(--weight-strong)}.chart-readout .dot{background:var(--dot);border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.day-chart{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}.month-pick{margin-bottom:var(--sp-3)}.month-pick .seg,.day-kind .seg{width:100%}.roof-card{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}.roof-card-head{gap:6px;display:grid}.roof-card-head .small{color:var(--ink-2)}.roof-card-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.roof-card-plan{gap:var(--sp-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.roof-plan-wrap{min-width:0}.roof-plan{touch-action:manipulation;width:100%;height:auto;display:block;overflow:visible}.roof-outline{fill:none;stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:4 3}.roof-face{fill:var(--bg-2);stroke:var(--ink-3);stroke-width:.75px;stroke-linejoin:round;transition:fill var(--dur-1) var(--ease)}.roof-plane.has-pv .roof-face{stroke:var(--accent);stroke-width:1.5px}.roof-hatch{stroke:var(--rule-2);stroke-width:.8px}.roof-pv{fill:var(--ink);stroke:var(--surface);stroke-width:.6px}.roof-plane.can{cursor:pointer}.roof-plane.can:hover .roof-face{fill:var(--surface-2)}.roof-plane:focus{outline:none}.roof-plane:focus-visible .roof-face{stroke:var(--focus);stroke-width:2.4px}.roof-tag{pointer-events:none}.roof-tag rect{fill:var(--surface);stroke:var(--rule-2);stroke-width:.75px}.roof-tag text{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--weight-medium);fill:var(--ink)}.roof-plane.off .roof-tag rect{fill:var(--bg)}.roof-plane.off .roof-tag text{fill:var(--ink-3)}.roof-north-ring{fill:var(--surface);stroke:var(--ink-3);stroke-width:.75px}.roof-north-ink{fill:var(--ink)}.roof-north-paper{fill:var(--surface);stroke:var(--ink);stroke-width:.75px;stroke-linejoin:round}.roof-north-letter{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--weight-medium);fill:var(--ink-2)}.chip-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);margin-left:6px}.chip[aria-pressed=true] .chip-count{color:inherit}.energy-money-card{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.energy-money{gap:var(--sp-5) var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(16px,2vw,24px);display:grid}.bill{align-content:start;gap:var(--sp-3);border-left:1px solid var(--rule);background:color-mix(in srgb, var(--bg-2) 45%, var(--surface));border-radius:0 var(--r-md) var(--r-md) 0;padding:clamp(16px,2vw,24px);display:grid}.bill-rows{margin:0;display:grid}.bill-row{align-items:baseline;gap:0 var(--sp-2);border-bottom:1px solid var(--rule);font-size:var(--fs-ui);grid-template-columns:1.1em minmax(0,1fr) auto;padding:8px 0;display:grid}.bill-row:before{content:"";color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-xs)}.bill-row[data-sign=minus]:before{content:"−"}.bill-row[data-sign=plus]:not(:first-child):before{content:"+"}.bill-row dt{color:var(--ink-2)}.bill-row dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;margin:0}.bill-net{border-bottom:0;border-top:1px solid var(--ink);margin-top:-1px}.bill-net:before{content:"="}.bill-net dt,.bill-net dd{color:var(--ink);font-weight:var(--weight-strong)}.energy-tables{gap:var(--sp-5);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.energy-tables>*{min-width:0}.energy-side-cards{gap:var(--sp-5);min-width:0;display:grid}.energy-heat>h2,.energy-electricity>h2,.energy-design>h2,.energy-summer>h2{margin-bottom:var(--sp-4)}table.data.env-table th[scope=row]{font:var(--weight-body) var(--fs-ui) / 1.35 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink);white-space:normal;padding-right:var(--sp-4);min-width:9em}table.data.env-table thead th .u{margin-top:2px;display:block}table.data.env-table tbody :is(th,td){vertical-align:baseline}table.data.env-table tfoot :is(th,td){border-bottom:0;border-top:1px solid var(--rule-2)}.env-table td.share{color:var(--ink-3)}.env-table .c-share{width:4.5em}.heat-toggle{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.heat-toggle:hover span{text-decoration:underline;-webkit-text-decoration-color:var(--rule-2);text-decoration-color:var(--rule-2);text-underline-offset:3px}.heat-toggle .chev{border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:6px;height:6px;transition:transform var(--dur-2) var(--ease);flex:none;margin-bottom:3px;transform:rotate(45deg)}.heat-toggle[aria-expanded=true] .chev{transform:translateY(2px)rotate(-135deg)}.heat-bar{background:var(--bg-2);border-radius:2px;max-width:14rem;height:4px;margin-top:7px;display:block;overflow:hidden}.heat-bar i{height:100%;width:var(--w,0%);background:var(--ink-2);transition:width .5s var(--ease);border-radius:2px;display:block}.heat-group.largest .heat-bar i{background:var(--accent)}table.data.env-table .heat-part th[scope=row]{padding-left:var(--sp-5);color:var(--ink-2);font-size:var(--fs-sm)}.heat-part th[scope=row]:first-letter{text-transform:uppercase}table.data.env-table .heat-part td{font-size:var(--fs-xs);color:var(--ink-2)}table.data.env-table .heat-part>*{border-bottom-style:dashed}table.data.env-table tfoot th[scope=row]{font-weight:var(--weight-strong)}.share-bar{background:var(--bg-2);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.share-bar i{height:100%;width:var(--w,0%);background:var(--dot,var(--ink-2));transition:width .5s var(--ease);display:block}.el-list{margin:0 0 var(--sp-3);gap:var(--sp-3);padding:0;list-style:none;display:grid}.el-row{justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-ui);display:flex}.el-row span{color:var(--ink-2)}.el-row b{font-family:var(--font-mono);font-size:var(--fs-ui);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.energy-design .cover{margin-top:var(--sp-3)}.energy-summer .small{color:var(--ink-2);margin-bottom:var(--sp-4)}.summer-bars .bar i{width:var(--w,0%)}.summer-blinds .bar i{background:var(--accent)}.method-kv h3{margin-bottom:var(--sp-2)}@media (pointer:coarse){.heat-toggle{min-height:var(--touch)}}@media (max-width:1180px){.energy-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}.energy-results{display:contents}.energy-results>.roof-card{order:1}.energy-results>.energy-money-card{order:2}.energy-controls{order:3;max-height:none;position:static;overflow:visible;-webkit-mask-image:none;mask-image:none}.energy-results>.energy-chart{order:4}.energy-results>.energy-tables{order:5}}@media (max-width:900px){.roof-card-body,.energy-money-card{grid-template-columns:minmax(0,1fr)}.bill{border-left:0;border-top:1px solid var(--rule);border-radius:0 0 var(--r-md) var(--r-md)}.energy-tables{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.chart-monthly svg{height:240px}.chart-day svg{height:220px}.energy-money{gap:var(--sp-4)}table.data.env-table th[scope=row]{min-width:0;font-size:var(--fs-sm);padding-right:var(--sp-2)}table.data.env-table th,table.data.env-table td{padding-right:6px}table.data.env-table td.n{font-size:var(--fs-xs)}table.data.env-table .heat-part th[scope=row]{padding-left:var(--sp-3)}.env-table :is(td,th):nth-child(5),.env-table col.c-share{display:none}.day-kind .seg.fit[data-fit=stack]{grid-template-columns:repeat(2,minmax(0,1fr))}.day-kind .seg.fit[data-fit=stack]>:first-child{grid-column:1/-1}}