/* Commercial AC-coupled scenario extensions. */

.commercial-scene[data-mode=offpeak] .scene-night-image{opacity:1}
.commercial-scene[data-mode=offpeak] .scene-hotspot-label{background:#20382ddc;color:#fff;border-color:#ffffff90}
.commercial-scene [data-route].is-flowing .scene-route-glow{opacity:.65}
.commercial-scene [data-route].is-flowing .scene-route-pulse{opacity:1}
.commercial-scene [data-route].is-reversed .scene-route-pulse{animation-direction:reverse}
.commercial-leaders{stroke:#ffffffe0;stroke-width:1.5;stroke-dasharray:4 6;pointer-events:none}
.commercial-hotspot-solar .scene-hotspot-label,.commercial-hotspot-pv-inverter .scene-hotspot-label,.commercial-hotspot-mains .scene-hotspot-label{left:auto;right:43px}
.commercial-hotspot-switchboard .scene-hotspot-label{left:auto;right:43px}
.commercial-hotspot-bess .scene-hotspot-label{left:43px;right:auto}
.commercial-scene .scene-details{width:345px;bottom:75px}
.commercial-scene .scene-caption{display:block}
.commercial-scene .scene-captions{max-width:none}
.commercial-caption-heading{display:grid;grid-template-columns:145px 1fr;gap:28px}
.commercial-balance{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-block:1px solid #d5dbce;padding:22px 0;margin-top:24px}
.commercial-balance>div{display:flex;flex-direction:column;gap:9px}
.commercial-balance span{font-size:0.8125rem;line-height:1.4;color:#667467}
.commercial-balance strong{font-size:1.875rem;letter-spacing:-.05em;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.commercial-balance small{font-size:0.875rem;letter-spacing:0;font-weight:400;color:#647369}
.commercial-peak-example{max-width:640px;margin-top:24px}
.commercial-scene .commercial-peak-example>p{font-size:0.875rem!important;font-weight:550;margin-bottom:12px!important}
.commercial-peak-example>div{display:grid;grid-template-columns:108px 1fr 55px;gap:16px;align-items:center;margin:12px 0}
.commercial-peak-example>div>span,.commercial-peak-example strong{font-size:0.8125rem;font-weight:450}
.commercial-peak-example i{display:block;height:7px;width:var(--bar);background:#b8c1b1;border-radius:0 2px 2px 0}
.commercial-peak-example>div:nth-of-type(2) i{background:#ad592f}
.commercial-peak-example>small{display:block;font-size:0.8125rem;color:#6a786d;line-height:1.6;margin-top:14px}
.commercial-benefit-list>div{display:grid;grid-template-columns:55px 1fr 1.2fr;gap:25px;border-top:1px solid var(--line);padding:28px 0}
.commercial-benefit-list>div>span{font-size:0.875rem;color:#b15c34;padding-top:6px}
.commercial-benefit-list h3{font-size:1.6875rem;letter-spacing:-.035em;line-height:1.1;margin:0;max-width:310px}
.commercial-benefit-list p{font-size:1rem;line-height:1.8;margin:0;color:#58675b}
.commercial-evidence{border-block:1px solid var(--line);padding:22px 0;margin-top:25px}
.commercial-evidence summary{font-size:1.0625rem;cursor:pointer;line-height:1.5;font-weight:550;min-height:32px}
.commercial-evidence p{font-size:1rem;line-height:1.8;max-width:850px;margin:18px 0 0}
.commercial-sources{font-size:0.8125rem;line-height:1.9;color:#687469;margin-top:24px}
.commercial-sources a{border-bottom:1px solid #8c9d8880}
@media(max-width:1100px){.commercial-caption-heading{grid-template-columns:110px 1fr;gap:18px}.commercial-scene .scene-caption-row{display:block}.commercial-scene .scene-solution-link{margin-top:24px;max-width:none}}
@media(max-width:760px){.commercial-scene .scene-details{position:relative;bottom:auto;left:auto;width:auto;max-height:none}.commercial-caption-heading{display:block}.commercial-balance{grid-template-columns:repeat(2,1fr);gap:22px;padding:20px 0}.commercial-balance strong{font-size:1.8125rem}.commercial-balance span{font-size:0.8125rem}.commercial-peak-example>div{grid-template-columns:92px 1fr 46px;gap:12px}.commercial-benefit-list>div{grid-template-columns:26px 1fr;gap:14px;padding:24px 0}.commercial-benefit-list h3{font-size:1.6875rem}.commercial-benefit-list p{grid-column:2;font-size:0.875rem}.commercial-evidence summary{font-size:1.0625rem}.commercial-evidence p{font-size:0.875rem}.commercial-sources{font-size:0.8125rem}}

.commercial-scene .commercial-example-label{font-size:0.8125rem!important;letter-spacing:.07em;text-transform:uppercase;margin:24px 0 8px!important;color:#788474!important}.commercial-example-label+.commercial-balance{margin-top:0}