/* VORTEVO — Premium Energy Editorial, Phase B1.
   Scoped to the interactive tariff example and the following colour transition. */
.energy-house .eh-path .eh-stage{
 min-height:1080px!important;
}
.energy-house .eh-path .eh-stage::after{
 background:linear-gradient(90deg,#081711f5 0%,#081711b8 45%,#08171179 72%,#081711e8 100%);
}
.energy-house .eh-path-copy{
 top:96px;
 width:min(720px,52%);
}
.energy-house .eh-path-copy h2{
 font-size:clamp(46px,4.7vw,76px);
 margin-bottom:18px;
}
.energy-house .eh-path-svg{opacity:.64}
.energy-house .eh-path-light{
 stroke:#efb570!important;
 filter:drop-shadow(0 0 4px #d9994970);
 transition:filter .55s ease,stroke-width .55s ease;
}
.energy-house .eh-path:has([data-tariff-view="total"].is-active) .eh-path-light{
 stroke-width:2;
 filter:drop-shadow(0 0 8px #efb5708a);
}
.energy-house .eh-tariff-example{
 position:absolute;
 z-index:2;
 top:100px;
 right:7%;
 width:min(560px,38%);
 color:var(--editorial-cream);
}
.energy-house .eh-tariff-intro{
 padding-bottom:18px;
 border-bottom:1px solid #f3ead72c;
}
.energy-house .eh-example-label{
 margin:0 0 18px;
 color:#d4c7af;
 font-size:10px;
 line-height:1.6;
 letter-spacing:.12em;
 text-transform:uppercase;
}
.energy-house .eh-view-switch{
 display:grid;
 grid-template-columns:1fr 1fr;
 border-top:1px solid #f3ead72c;
 border-bottom:1px solid #f3ead72c;
}
.energy-house .eh-view-switch button{
 position:relative;
 min-height:52px;
 padding:14px 12px;
 border:0;
 background:transparent;
 color:#bbbdae;
 font:inherit;
 font-size:12px;
 line-height:1.35;
 text-align:left;
 cursor:pointer;
 transition:color .3s ease,background .3s ease;
}
.energy-house .eh-view-switch button+button{border-left:1px solid #f3ead72c}
.energy-house .eh-view-switch button::after{
 content:"";
 position:absolute;
 left:12px;
 right:12px;
 bottom:-1px;
 height:2px;
 background:var(--editorial-gold);
 transform:scaleX(0);
 transform-origin:left;
 transition:transform .42s cubic-bezier(.2,.7,.2,1);
}
.energy-house .eh-view-switch button.is-active{color:#fff1d9;background:#f3ead708}
.energy-house .eh-view-switch button.is-active::after{transform:scaleX(1)}
.energy-house .eh-view-switch button:focus-visible{outline:2px solid #ffbd78;outline-offset:4px;z-index:1}
.energy-house .eh-view-explanation{
 min-height:42px;
 margin:14px 0 0;
 color:#cbd0c4;
 font-size:13px;
 line-height:1.6;
}
.energy-house .eh-tariff-ledger{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 border-bottom:1px solid #f3ead72c;
}
.energy-house .eh-tariff-ledger article{
 position:relative;
 min-width:0;
 padding:22px 15px 19px;
 transition:background .45s ease,color .45s ease,opacity .45s ease;
}
.energy-house .eh-tariff-ledger article:first-child{padding-left:0}
.energy-house .eh-tariff-ledger article+article{border-left:1px solid #f3ead72c}
.energy-house .eh-tariff-ledger article:not(.is-focus){opacity:.6}
.energy-house .eh-tariff-ledger article.is-focus{
 background:linear-gradient(180deg,#eba15812,transparent 82%);
}
.energy-house .eh-tariff-ledger article.is-focus::before{
 content:"";
 position:absolute;
 top:-1px;
 left:14px;
 right:14px;
 height:1px;
 background:#efb570;
 box-shadow:0 0 12px #efb57070;
}
.energy-house .eh-plan-name{
 margin:0 0 18px;
 color:#f0c894;
 font-size:11px;
 letter-spacing:.13em;
 text-transform:uppercase;
}
.energy-house .eh-tariff-ledger dl,.energy-house .eh-tariff-ledger dl div{margin:0}
.energy-house .eh-tariff-ledger dl div+div{margin-top:14px}
.energy-house .eh-tariff-ledger dt{
 color:#aeb7aa;
 font-size:9px;
 letter-spacing:.08em;
 text-transform:uppercase;
}
.energy-house .eh-tariff-ledger dd{
 margin:4px 0 0;
 color:#f3ead7;
 font-size:15px;
 line-height:1.35;
 white-space:nowrap;
}
.energy-house .eh-tariff-ledger dl div:last-child dd{
 font-size:21px;
 letter-spacing:-.03em;
}
.energy-house .eh-plan-saving{
 min-height:30px;
 margin:14px 0 0;
 color:#f2c38a;
 font-size:10px;
 line-height:1.45;
}
.energy-house .eh-tariff-result{
 position:relative;
 min-height:118px;
 padding:22px 0 18px 26px;
 border-bottom:1px solid #f3ead72c;
}
.energy-house .eh-tariff-result::before{
 content:"";
 position:absolute;
 left:0;
 top:24px;
 bottom:21px;
 width:1px;
 background:linear-gradient(#efb570,transparent);
 box-shadow:0 0 9px #efb57066;
}
.energy-house .eh-result-label{
 margin:0 0 5px;
 color:#c6ae89;
 font-size:9px;
 letter-spacing:.14em;
 text-transform:uppercase;
}
.energy-house .eh-tariff-result strong{
 display:block;
 color:#fff0d5;
 font-size:23px;
 font-weight:450;
 line-height:1.25;
 letter-spacing:-.025em;
}
.energy-house .eh-tariff-result>p:last-child{
 margin:7px 0 0;
 color:#cbd0c4;
 font-size:12px;
 line-height:1.55;
}
.energy-house .eh-example-note{
 margin:15px 0 0;
 color:#aeb7aa;
 font-size:10px;
 line-height:1.65;
}
.energy-house .eh-path-terms{
 bottom:86px;
 left:7%!important;
 right:54%;
 grid-template-columns:repeat(5,auto);
 gap:10px 18px;
 padding-top:18px!important;
 font-size:12px!important;
}
.energy-house .eh-path-note{
 bottom:28px;
 width:600px;
 font-size:12px;
}

/* The gold line fades into warm paper light before the unchanged editorial pause. */
.energy-house .eh-path::before{
 content:"";
 position:absolute;
 z-index:3;
 left:0;
 right:0;
 bottom:-1px;
 height:120px;
 pointer-events:none;
 background:linear-gradient(180deg,transparent 0,#30423555 30%,#796f5d80 60%,#c7bda8 82%,#f2ead8 100%);
}
.energy-house .eh-control{
 position:relative;
 background:var(--editorial-cream);
}

@media(max-width:1100px){
 .energy-house .eh-path .eh-stage{min-height:1130px!important}
 .energy-house .eh-path-copy{width:46%}
 .energy-house .eh-tariff-example{width:43%;right:5%}
 .energy-house .eh-path-terms{right:50%}
}

@media(max-width:760px){
 .energy-house .eh-path .eh-stage{min-height:0!important;padding:82px 24px 120px}
 .energy-house .eh-path-copy{position:relative;top:auto;left:auto;width:auto}
 .energy-house .eh-path-copy h2{font-size:42px}
 .energy-house .eh-tariff-example{position:relative;top:auto;right:auto;width:auto;margin-top:48px}
 .energy-house .eh-view-switch button{min-height:58px;font-size:11px;padding:13px 10px}
 .energy-house .eh-tariff-ledger{display:block}
 .energy-house .eh-tariff-ledger article{display:grid;grid-template-columns:92px 1fr;gap:0 16px;padding:20px 0}
 .energy-house .eh-tariff-ledger article+article{border-left:0;border-top:1px solid #f3ead72c}
 .energy-house .eh-tariff-ledger article.is-focus::before{top:-1px;left:0;right:auto;width:80px;height:1px}
 .energy-house .eh-plan-name{grid-column:1;margin:2px 0 0}
 .energy-house .eh-tariff-ledger dl{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}
 .energy-house .eh-tariff-ledger dl div+div{margin-top:0}
 .energy-house .eh-tariff-ledger dl div:last-child{grid-column:1/-1}
 .energy-house .eh-tariff-ledger dd{font-size:14px}
 .energy-house .eh-plan-saving{grid-column:2;margin-top:10px;min-height:0;font-size:11px}
 .energy-house .eh-tariff-result{min-height:0;padding:24px 0 20px 22px}
 .energy-house .eh-tariff-result strong{font-size:22px}
 .energy-house .eh-path-terms{position:relative!important;left:auto!important;right:auto;bottom:auto;margin-top:48px;grid-template-columns:1fr 1fr;gap:0 18px;padding-top:10px!important;font-size:13px!important}
 .energy-house .eh-path-note{position:relative;left:auto;bottom:auto;width:auto;margin:28px 0 0;line-height:1.7}
 .energy-house .eh-path::before{height:90px}
}

@media(prefers-reduced-motion:reduce){
 .energy-house .eh-path-light,
 .energy-house .eh-view-switch button,
 .energy-house .eh-view-switch button::after,
 .energy-house .eh-tariff-ledger article{transition:none!important}
}
.energy-house.eh-reduced .eh-path-light,
.energy-house.eh-reduced .eh-view-switch button,
.energy-house.eh-reduced .eh-view-switch button::after,
.energy-house.eh-reduced .eh-tariff-ledger article{transition:none!important}