/* Shared component rules. Loaded after the prototype variants. */
body{font-size:var(--font-body);line-height:var(--leading-body)}
.container{max-width:var(--content-width);width:calc(100% - 2 * var(--page-gutter))}
h2{font-size:var(--font-section);line-height:var(--leading-heading)}
.section{padding-block:var(--section-space)}
.election-section,.sorting-section,.answers-section{padding-block:var(--section-space-compact)}
.election-grid,.sorting-grid,.practical-section{gap:var(--layout-gap)}
.news-grid{gap:var(--card-gap)}
.news-card-copy{padding:var(--card-padding)}
.news-section .section-heading,.film-heading{margin-bottom:var(--space-6)}
.news-grid .news-card h3{font-size:var(--font-card);line-height:1.3;margin-bottom:var(--space-4)}
.news-card p{font-size:var(--font-body);line-height:var(--leading-body);margin-bottom:var(--space-5)}
.news-meta{margin-bottom:var(--space-4)}
.election-copy h2,.sorting-copy h2,.electricity-overlay h2,.practical-copy h2{font-size:var(--font-section);margin-bottom:var(--heading-gap)}
.election-copy p,.sorting-copy>p,.electricity-copy p,.practical-copy p{line-height:var(--leading-body)}
.election-copy p{margin-bottom:var(--space-5)}
.election-copy p:last-of-type,.sorting-copy>p,.electricity-copy p,.practical-copy p{margin-bottom:var(--action-gap)}
.election-copy .button{margin-top:0}
.button,.hero-actions .button{min-height:var(--control-height);padding:var(--space-3) var(--space-5);font-size:var(--font-body);line-height:1.4;border-radius:var(--radius-control)}
.button{transition:background-color var(--motion-fast),color var(--motion-fast)}
.button:hover{filter:none}
.button-dark:hover{background:var(--deep)}
.button-mint:hover,.button-outline:hover{background:var(--color-hover);color:var(--deep)}
.home-hero .hero-image-windmills{overflow:hidden}
.home-hero .hero-image > .hero-windmills{width:var(--hero-windmills-width);max-width:none;object-position:var(--hero-windmills-position)}
.hero-copy h1{font-size:var(--font-hero);margin-bottom:var(--heading-gap)}
.hero-copy p{margin-bottom:var(--action-gap);line-height:var(--leading-body)}
.hero-variant-a .hero-copy h1,.hero-variant-b .hero-copy h1,.hero-variant-c .hero-copy h1{font-size:var(--font-hero)}
.hero-variant-c,.electricity-section{padding:var(--panel-inset)}
.hero-variant-c .hero-copy{position:relative;left:var(--hero-panel-shift);max-width:var(--hero-copy-max-width)}
@media(max-width:760px){.hero-variant-c .hero-copy{max-width:100%}}
.hero-variant-c .hero-copy,.electricity-overlay{padding:var(--panel-padding);border-radius:var(--radius-control)}
.electricity-section{min-height:600px}
.film-section{max-width:var(--media-width)}
.film-player{border-radius:var(--radius-media)}
.news-card,.election-photo,.practical-image{border-radius:var(--radius-card)}
.answers-inner{gap:var(--space-7)}
.answers-inner h2{margin-bottom:var(--heading-gap)}
.site-footer{padding-top:var(--section-space-compact);padding-bottom:var(--space-5)}
.footer-main{gap:var(--space-8)}
.site-footer h2{margin-bottom:var(--space-5)}
.site-footer .footer-logo{margin-bottom:var(--space-5)}
.footer-emergency{margin-top:var(--space-8);padding:var(--space-5) var(--space-6);border-radius:var(--radius-card)}
.footer-legal{margin-top:var(--space-6);padding-top:var(--space-5)}
@media(max-width:760px){
 .hero-variant-a .hero-copy,.hero-variant-b .hero-copy{padding:var(--space-7) var(--page-gutter)}
 .electricity-section{min-height:0;padding-bottom:280px}
 .film-heading{margin-bottom:var(--space-5)}
 .footer-main{gap:var(--space-6)}
 .site-footer h2{margin-bottom:var(--space-4)}
 .footer-emergency{margin-top:var(--space-6);padding:var(--space-5)}
 .answers-inner .button{margin-top:var(--action-gap)}
}

/* Electricity landing page: shared tokens and existing editorial/card recipes. */
.el-hero{position:relative;display:grid;grid-template-columns:40% 60%;background:var(--color-primary);color:var(--color-on-dark)}
.el-hero-copy{padding:var(--space-9) var(--panel-padding);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.el-hero h1{font-size:var(--font-hero);line-height:var(--leading-heading);margin-bottom:var(--heading-gap)}
.el-hero p{color:var(--color-on-dark-secondary);margin-bottom:var(--action-gap)}
.el-hero>img{position:absolute;inset:0 0 0 auto;width:60%;height:100%;object-fit:cover}
.hero-shortcuts{border-bottom:1px solid var(--color-border-on-mint)}
.el-plans{scroll-margin-top:var(--space-5);background:var(--color-white)}
.el-plan-panel{background:var(--color-mint);padding:var(--panel-padding);border-radius:var(--radius-card)}
@media(max-width:760px){.el-plan-panel{padding:var(--space-4)}}
.el-plans-inner{max-width:var(--media-width)}
.el-business-plans{max-width:var(--content-width)}
@media(min-width:1280px){
 .el-business-plans .el-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}
}
.el-plans .section-heading p{margin-top:var(--space-4)}
.el-plan-grid,.el-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap)}
.el-plan-grid{grid-template-columns:repeat(2,minmax(0,var(--product-card-max-width)));justify-content:center}
.el-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.el-plan{width:100%;max-width:var(--product-card-max-width);justify-self:center;padding:var(--product-card-padding);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);display:grid;gap:var(--space-5)}
.el-plan-grid>.el-plan{grid-template-rows:subgrid;grid-row:span 4}
.el-plan-symbol{display:grid;place-items:center;background:var(--color-mint);width:var(--space-8);height:var(--space-8);border-radius:var(--radius-card);margin-bottom:var(--space-5)}
.el-plan h3{font-size:var(--font-card);margin-bottom:var(--space-2)}
.el-plan-price{display:flex;justify-content:flex-end;text-align:right;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-2)}
.el-plan-price strong{font-size:var(--font-product-price);line-height:var(--leading-heading)}
.el-plan-price span{font-weight:700}
.el-plan-price span,.el-plan-note,.el-source-note{font-size:var(--font-small)}
.el-plan-facts{width:100%;margin:0 0 var(--space-5)}
.el-plan-facts>div{display:flex;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);border-top:1px solid var(--color-border)}
.el-plan-facts dd{margin:0;white-space:nowrap;font-weight:700}
.el-plan-note{margin-bottom:var(--action-gap)}
.el-plan .button{margin-top:auto;width:100%}
.el-source-note{margin-top:var(--space-5)}
.el-tinted{background:var(--color-surface)}
.el-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5)}
.el-tax,.el-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--layout-gap)}
.el-tax .icon{color:var(--color-accent);margin-bottom:var(--space-4)}
.el-tax p,.el-faq p{margin-bottom:var(--space-5)}
.el-faq h2{margin-bottom:var(--heading-gap)}
.el-faq details:first-child{border-top:1px solid var(--color-border)}
.el-service-grid .task-card{padding:var(--card-padding);border-radius:var(--radius-card)}
.el-service-grid .task-card h3{font-size:var(--font-card)}
@media(max-width:1000px){.el-hero{grid-template-columns:1fr 1fr}.el-hero>img{width:50%}.el-hero-copy{padding:var(--space-7) var(--space-6)}.el-service-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 .el-hero,.el-plan-grid,.el-tax,.el-faq{grid-template-columns:1fr}
 .el-hero-copy{padding:var(--space-8) var(--page-gutter)}
 .el-hero>img{position:static;width:100%;aspect-ratio:16/9;min-height:0;height:auto}
 .el-plan-facts>div{flex-wrap:wrap;gap:var(--space-2)}
}

/* Shared region selector and catalog-backed electricity cards. */
.el-region-bar{display:flex;justify-content:center;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-6)}
.el-region{border:0;margin:0;padding:0;min-width:0}
.el-region legend{text-align:center;width:100%;font-weight:700;margin-bottom:var(--space-3)}
.el-region-toggle{display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}
.el-region-toggle label{position:relative;cursor:pointer;flex:1}
.el-region-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.el-region-toggle span{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--control-height);padding:var(--space-3) var(--space-6);border-radius:var(--radius-control);color:var(--color-primary)}
.el-region-toggle input:checked+span{background:var(--color-primary);color:var(--color-on-dark)}
.el-region-toggle label:hover input:not(:checked)+span{background:var(--color-hover)}
.el-region-toggle input:focus-visible+span{outline:3px solid var(--color-accent);outline-offset:3px}
#el-catalog-status{margin:0 0 var(--space-5)}
.el-plan-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;margin-bottom:var(--space-2)}
.el-plan-top h3{margin:0}
.el-plan-area{font-size:var(--font-caption);background:var(--color-mint);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);white-space:nowrap}
.el-plan-facts .el-plan-estimate{background:var(--color-surface);padding:var(--space-4);border:0;border-radius:var(--radius-control)}
.el-plan-terms{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-control);list-style:none;font-size:var(--font-small);margin:0}
.el-plan-terms li{display:flex;align-items:flex-start;gap:var(--space-2)}
.el-term-check{width:var(--space-5);height:var(--space-5);flex-shrink:0;color:var(--color-accent)}
.el-plan button:disabled{opacity:.65}
@media(max-width:760px){.el-region,.el-region-toggle{width:100%}.el-region-bar{gap:var(--space-2)}.el-region-toggle span{padding-inline:var(--space-5)}}

/* Compact offer card: essential terms first, full price breakdown on demand. */
.el-plan-heading>p{font-size:var(--font-small);color:var(--color-muted)}
.el-plan-breakdown,.el-plan-detail-note{font-size:var(--font-product-detail);color:var(--color-muted)}
.el-plan-heading strong{color:var(--color-text)}
.el-plan-pricing{min-width:0}
.el-plan-breakdown{display:grid;gap:var(--space-2);text-align:right}
.el-plan-breakdown p:first-child{white-space:nowrap}
.el-plan-detail-note{margin-top:var(--space-4);color:var(--color-muted);text-align:right}
.el-plan-actions{width:100%;align-self:end}
.el-price-trigger{width:100%;margin-top:var(--space-2);padding:var(--space-2);min-height:var(--control-height-compact);border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-primary);font:inherit;font-size:var(--font-small);cursor:pointer}
.el-price-trigger:hover,.el-price-trigger:focus-visible,.el-price-close:hover{background:var(--color-hover)}
body.price-modal-open{overflow:hidden}
.el-price-modal{--price-modal-inset:var(--space-9);width:min(720px,calc(100% - var(--space-8)));max-height:calc(100dvh - var(--space-8));margin:auto;padding:var(--price-modal-inset);border:0;border-radius:var(--radius-media);background:var(--color-white);color:var(--color-text);overflow:auto}
.el-price-modal::backdrop{background:var(--color-overlay-dark)}
.el-price-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}
.el-price-modal-header h2{font-size:var(--font-card);margin:0}
.el-price-close{display:grid;place-items:center;flex-shrink:0;width:var(--control-height-compact);height:var(--control-height-compact);padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-primary);font:inherit;font-size:var(--font-card);cursor:pointer}
.el-detail-region{font-size:var(--font-small);margin-bottom:var(--space-4)}
.el-price-modal .el-plan-facts{font-size:var(--font-small);margin-bottom:var(--space-5)}
.el-price-modal .el-plan-facts>div{flex-wrap:wrap;gap:var(--space-2)}
.el-price-modal .el-plan-note{font-size:var(--font-small);margin:0}
.el-business-help{margin:var(--space-6) 0 0;font-size:var(--font-small);text-align:center}
.el-plans .el-source-note{max-width:80ch}

/* Detailed electricity price overview, grouped by supplier and charge type. */
.el-price-modal-header .el-detail-region{margin:var(--space-2) 0 0;color:var(--color-muted)}
.el-price-modal-header+.el-price-group{border-top:1px solid var(--color-border);padding-top:var(--space-5)}
.el-price-group h3{font-size:var(--font-body);margin:0 0 var(--space-3)}
.el-price-group-intro{font-size:var(--font-small);color:var(--color-muted);margin:0 0 var(--space-3)}
.el-price-modal .el-plan-facts{margin:0}
.el-price-modal .el-plan-facts>div{padding-block:var(--space-2);border:0}
.el-price-modal .el-price-subtotal{font-weight:700}
.el-price-modal dt small{display:block;font-size:var(--font-caption);font-weight:400;color:var(--color-muted)}
.el-price-pending dd{font-weight:400;color:var(--color-muted)}
.el-price-modal .el-price-explanation{margin-top:var(--space-3);color:var(--color-muted);font-style:italic}

.el-price-explanation p{margin:0}
.el-price-explanation p+p{margin-top:var(--space-3)}

.el-price-back{display:flex;align-items:center;gap:var(--space-2);border:0;background:none;padding:0;min-height:var(--control-height);margin:0;text-align:left;color:var(--color-primary);font:inherit;font-size:var(--font-small);cursor:pointer}
.el-price-back>span{flex-shrink:0;display:grid;place-items:center;background:var(--color-hover);border-radius:50%;width:var(--space-6);height:var(--space-6)}
.el-price-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:calc(-1 * var(--price-modal-inset)) calc(-1 * var(--price-modal-inset)) var(--space-6);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}
.el-price-modal .el-price-group+.el-price-group{border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-top:var(--space-6)}
.el-price-help{border:0;margin:0 0 var(--space-3)}
.el-price-help summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:0;min-height:var(--control-height-compact);font-size:var(--font-small);font-weight:700;list-style:none;cursor:pointer}
.el-price-help summary::-webkit-details-marker{display:none}
.el-price-help summary:after{display:none}
.el-price-help summary span{font-size:inherit;line-height:var(--leading-body)}
.el-price-help summary>span:first-child{font-weight:700}
.el-price-help[open] summary span{transform:none}
.el-help-toggle{display:flex;align-items:center;gap:var(--space-2);font-weight:400;flex-shrink:0}
.el-help-toggle svg{width:var(--space-6);height:var(--space-6);padding:var(--space-1);background:var(--color-hover);border-radius:50%}
.el-help-collapse,.el-price-help[open] .el-help-expand{display:none}
.el-price-help[open] .el-help-collapse{display:inline}
.el-price-help[open] svg{transform:rotate(180deg)}
.el-price-help>div{margin-top:var(--space-2);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-control);font-size:var(--font-small);color:var(--color-text)}
.el-price-help>div>p{margin:0 0 var(--space-3)}
.el-price-actions{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-6)}
.el-price-actions .button{font-size:var(--font-small);text-align:center}
@media(max-width:760px){.el-price-modal{--price-modal-inset:var(--space-5)}.el-price-actions{grid-template-columns:1fr;gap:var(--space-3)}.el-price-help summary{align-items:flex-start}.el-price-back{font-size:var(--font-caption)}}

/* Electricity leads and business page. Shared form, local demo only. */
.lead-section{background:var(--color-white);scroll-margin-top:var(--space-6)}
.lead-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-gap);align-items:start}
.lead-copy h2{margin-bottom:var(--space-6);max-width:18ch}
.lead-copy p{margin-bottom:var(--space-5)}
.lead-image{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--radius-card);margin-top:var(--space-6)}
.lead-copy a:not(.lead-phone),.lead-consent a{text-decoration:underline;text-underline-offset:3px}
.lead-phone{font-size:inherit;font-weight:700;color:var(--color-primary)}
.lead-card{padding:var(--card-padding);background:var(--color-surface);border-radius:var(--radius-card)}
.lead-form{display:grid;gap:var(--space-4)}
.lead-fields{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
.lead-form label{display:grid;gap:var(--space-2);font-size:var(--font-small);font-weight:700;color:var(--color-text)}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-width:0;border:1px solid var(--color-border-hover);border-radius:var(--radius-control);background:var(--color-white);padding:var(--space-3);font:inherit;font-weight:400;font-size:var(--font-body);color:var(--color-text);min-height:var(--control-height)}
.lead-form textarea{resize:vertical}
/* A quiet, inset focus edge replaces the detached browser outline on text fields. */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,select:focus,textarea:focus{outline:none;border-color:var(--color-field-focus);box-shadow:inset 0 0 0 1px var(--color-field-focus)}
@media(forced-colors:active){input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{outline:2px solid Highlight;outline-offset:0}}
.lead-consent{display:grid;grid-template-columns:var(--space-5) minmax(0,1fr);gap:var(--space-3);align-items:start}
.lead-consent input{width:var(--space-5);height:var(--space-5);min-height:0;margin:0;padding:0;accent-color:var(--color-primary);cursor:pointer}
.lead-consent label{display:block;font-weight:400;line-height:1.6;cursor:pointer}
.lead-status{font-size:var(--font-small)}
.lead-status:empty{display:none}
.lead-status{color:var(--color-primary);font-weight:700}
.business-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.el-info-card{padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white)}
.el-info-card h2,.el-info-card h3{font-size:var(--font-card);margin-bottom:var(--space-4)}
.el-info-card p{margin-bottom:var(--space-5)}
.el-info-card>.icon{margin-bottom:var(--space-5);color:var(--color-accent)}
.el-service-grid:has(.el-info-card){grid-template-columns:1fr 1fr}
.lead-review-toggle{border:0;border-radius:var(--radius-control);padding:var(--space-2);background:var(--color-surface);font:inherit;color:var(--color-primary);cursor:pointer}
.lead-review-toggle[aria-pressed="true"]{background:var(--color-mint)}
.lead-panel{position:fixed;right:var(--space-5);bottom:var(--space-10);width:min(420px,calc(100% - var(--space-8)));max-height:calc(100dvh - 120px);overflow:auto;z-index:80;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-media);padding:var(--space-6);box-shadow:0 8px 32px rgb(0 55 79 / 18%)}
.lead-panel h2{font-size:var(--font-card);padding-right:var(--space-6);margin-bottom:var(--space-3)}
.lead-panel>p{margin-bottom:var(--space-5)}
.lead-panel-close{position:sticky;top:0;float:right;z-index:1;margin-top:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));border:0;background:var(--color-white);border-radius:var(--radius-control);width:var(--control-height-compact);height:var(--control-height-compact);font-size:var(--font-card);color:var(--color-primary)}
.lead-panel-close:hover,.lead-review-toggle:hover{background:var(--color-hover)}
.lead-panel .lead-fields{grid-template-columns:1fr}
@media(max-width:1000px){.lead-layout{gap:var(--space-7)}.lead-fields{grid-template-columns:1fr}}
@media(max-width:760px){.lead-layout,.business-benefits,.el-service-grid:has(.el-info-card){grid-template-columns:1fr}.lead-panel{right:var(--space-3);bottom:var(--space-10);width:calc(100% - var(--space-5));padding:var(--space-5)}.lead-copy p{margin-bottom:var(--space-4)}}

/* Shared address chooser: normal document flow also fits the scrollable lead panel. */
.address-suggestions{max-height:240px;overflow:auto;background:var(--color-white);border:1px solid var(--color-border-hover);border-radius:var(--radius-control);margin-top:var(--space-2)}
.address-suggestions [role="option"]{padding:var(--space-3);min-height:var(--control-height);font-size:var(--font-small);cursor:pointer;border-bottom:1px solid var(--color-border)}
.address-suggestions [role="option"]:last-child{border-bottom:0}
.address-suggestions [role="option"]:hover,.address-suggestions [aria-selected="true"]{background:var(--color-hover);color:var(--color-primary)}
.address-status{font-size:var(--font-small);margin-top:var(--space-2);color:var(--color-muted)}
.address-status:empty{display:none}

/* Compact electricity overview: six topics and a shared service panel. */
.el-local-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-gap);align-items:center}
.el-local-intro .practical-image{width:100%;height:100%;min-height:360px;object-fit:cover}
.el-local-intro p{margin-bottom:var(--space-5)}
.el-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap)}
.el-topic-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:background-color var(--motion-fast),border-color var(--motion-fast)}
.el-topic-main{display:flex;flex-direction:column;flex:1}
.el-topic-main:hover{text-decoration:none}
.el-topic-photo{aspect-ratio:16/10;overflow:hidden}
.el-topic-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--motion-fast)}
.el-topic-copy{display:flex;flex-direction:column;flex:1;padding:var(--card-padding)}
.el-topic-copy h3{font-size:var(--font-card);line-height:1.3;margin-bottom:var(--space-4)}
.el-topic-copy p{font-size:var(--font-body);margin-bottom:var(--space-5)}
.el-topic-card:hover,.el-topic-card:focus-within{background:var(--color-surface);border-color:var(--color-border-hover)}
.el-topic-card:hover img{transform:scale(1.035)}
.el-topic-main:focus-visible{outline-offset:-4px}
.el-topic-document{padding:0 var(--card-padding) var(--space-5);font-size:var(--font-small)}
.el-self-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--card-gap);padding:var(--card-padding);margin-top:var(--space-6);background:var(--color-mint);border-radius:var(--radius-card)}
.el-self-panel h3{font-size:var(--font-card);margin-bottom:var(--space-3)}
.el-self-panel p{max-width:64ch}
.el-self-panel .el-actions{gap:var(--space-3)}
@media(max-width:1000px){.el-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.el-self-panel{grid-template-columns:1fr}}
@media(max-width:760px){.el-topic-grid,.el-local-intro{grid-template-columns:1fr}.el-local-intro{gap:var(--space-6)}.el-local-intro .practical-image{height:auto;min-height:0;aspect-ratio:16/10}.el-self-panel .el-actions{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.el-topic-card,.el-topic-photo img{transition:none}}

.business-breadcrumb{padding-block:var(--space-3);font-size:var(--font-small);border-bottom:1px solid var(--color-border)}
.business-breadcrumb ol{display:flex;align-items:center;gap:var(--space-3);padding:0;margin:0;list-style:none}
.business-breadcrumb li+li:before{content:'/';margin-right:var(--space-3);color:var(--color-muted)}
.business-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.business-back{display:none}
.business-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap);padding:0;margin:0;list-style:none}
.business-step-number{display:grid;place-items:center;width:var(--control-height);height:var(--control-height);background:var(--color-mint);color:var(--color-primary);border-radius:var(--radius-card);font-weight:700;margin-bottom:var(--space-5)}
.business-steps h3{font-size:var(--font-card);margin-bottom:var(--space-3)}
.business-existing{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--layout-gap);padding-block:var(--section-space-compact)}
.business-existing h2{font-size:var(--font-card);margin-bottom:var(--space-3)}
.business-existing p{max-width:64ch}
@media(max-width:1000px){.business-benefits{grid-template-columns:1fr}.business-existing{grid-template-columns:1fr;gap:var(--space-5)}}
@media(max-width:760px){.business-breadcrumb .business-crumb-home,.business-breadcrumb .business-crumb-current{display:none}.business-breadcrumb li+li:before{content:none}.business-back{display:inline}.business-steps{grid-template-columns:1fr}.business-existing .el-actions{align-items:stretch;flex-direction:column}}

/* Shared time-price chart, adapted from SK Energi's native widget. */
.ske-timechart h1{font-size:var(--font-section);margin:0 0 var(--space-6)}
.ske-timechart [hidden]{display:none!important}
.ske-timechart [data-status]:empty{display:none}
.ske-timechart button,.ske-timechart select{font:inherit;font-size:var(--font-small);color:var(--color-text);min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);padding:var(--space-3) var(--space-4);cursor:pointer}
.ske-timechart button:hover,.ske-timechart button:focus-visible{background:var(--color-hover)}
.ske-timechart button[aria-pressed=true]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}
.ske-timechart button:disabled{opacity:.5;cursor:not-allowed}
.ske-chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}
.ske-mobile-legend{display:flex;flex-wrap:wrap;gap:var(--space-5);font-size:var(--font-small);color:var(--color-muted)}
.ske-mobile-legend span{display:flex;align-items:center;gap:var(--space-2)}
.ske-mobile-legend i{width:var(--space-3);height:var(--space-3);background:var(--color-chart-tariffs);border-radius:var(--radius-control)}
.ske-mobile-legend .ske-low-key{background:var(--color-chart-low)}
.ske-mobile-legend .ske-high-key{background:var(--color-chart-high)}
.ske-kpis [data-price-kind=lowest]{border-top:var(--space-1) solid var(--color-chart-low)}
.ske-kpis [data-price-kind=highest]{border-top:var(--space-1) solid var(--color-chart-high)}
.ske-mobile-legend .ske-energy-key{background:var(--color-chart-energy)}
.ske-chart-orientation{display:flex;gap:var(--space-1)}
.ske-segments{display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white)}
.ske-timechart .ske-segments button{flex:1;white-space:nowrap;border:0;background:transparent;color:var(--color-primary)}
.ske-timechart .ske-segments button:hover,.ske-timechart .ske-segments button:focus-visible{background:var(--color-hover)}
.ske-timechart .ske-segments button[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-dark)}
.ske-chart-orientation button{padding:var(--space-3)}
.ske-chart-orientation svg{display:block;width:var(--space-5);height:var(--space-5)}
.ske-chart{position:relative;height:var(--chart-height)}
.ske-chart-loading{position:absolute;inset:0;display:grid;place-content:center;background:var(--color-surface);border-radius:var(--radius-card)}
.ske-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin-block:var(--space-6)}
.ske-kpis>div{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-surface)}
.ske-kpis>div:first-child{background:var(--color-mint)}
.ske-kpis strong{font-size:var(--font-card);line-height:var(--leading-heading)}
.ske-kpis span,.ske-kpis small{font-size:var(--font-small);color:var(--color-muted)}
.ske-chart-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-card)}
.ske-date-select{position:relative;min-width:0}
.ske-date-select select{appearance:none;padding-right:var(--space-8);width:100%}
.ske-date-select>svg{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:var(--space-4);height:var(--space-4);pointer-events:none;color:var(--color-primary)}
.ske-tariff-controls{display:flex;gap:var(--space-2);align-items:center}
.ske-chart-info{position:relative}
.ske-timechart .ske-info-button{width:var(--control-height);border-radius:50%;font-weight:700}
.ske-info-panel{position:absolute;right:0;bottom:calc(100% + var(--space-2));z-index:2;width:min(320px,calc(100vw - var(--space-8)));background:var(--color-white);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-card);font-size:var(--font-small)}
.ske-info-panel p:last-child{margin:0}
@media(max-width:1000px){.ske-kpis{gap:var(--space-3)}.ske-kpis>div{padding:var(--space-4)}.ske-kpis strong{font-size:var(--font-body)}}
@media(max-width:760px){.ske-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ske-chart-controls{align-items:stretch;flex-direction:column;padding:var(--space-4)}.ske-segments{flex:1}.ske-timechart .ske-segments button{flex:1;white-space:normal}.ske-chart-controls select{width:100%}.ske-mobile-legend{gap:var(--space-3);flex-wrap:wrap}.ske-chart{height:var(--chart-height-mobile)}}