/* Energiakatselmus.com – Laskuri v3. Scoped against the Enfold theme. */
body:has(#ek3) #header,
body:has(#ek3) #header_main,
body:has(#ek3) #header_main .header_bg,
body:has(#ek3) #header .header_bg,
body:has(#ek3) #header.av_header_transparency,
body:has(#ek3) #header_main_alternate { background-color:#16271d!important; }
body:has(#ek3) #header .av-main-nav>li>a,
body:has(#ek3) #header .av-main-nav>li>a .avia-menu-text {color:#fff!important;}
body:has(#ek3) #header .av-hamburger-inner,
body:has(#ek3) #header .av-hamburger-inner::before,
body:has(#ek3) #header .av-hamburger-inner::after {background:#fff!important;}
body:has(#ek3) #header .av-menu-button-colored>a,
body:has(#ek3) #header .av-menu-button-colored>a .avia-menu-text {color:#14231a!important;}
#ek3 {
  --ink:#1b2923;--body:#48564d;--green:#27623d;--deep:#14271d;--leaf:#5fbf3f;
  --border:#d9e0db;--subtle:#f5f7f5;--paper:#fff;--muted:#68776d;
  position:relative;left:50%;width:100vw;max-width:none;margin-left:-50vw;
  overflow-x:clip;background:#fff;color:var(--ink);
  font:16px/1.58 Arial,Helvetica,sans-serif;text-align:left;
}
#ek3 *,#ek3 *:before,#ek3 *:after{box-sizing:border-box}
#ek3 .ek3-wrap{max-width:1160px;margin:0 auto;padding:0 28px}
#ek3 h1,#ek3 h2,#ek3 h3,#ek3 h4{font-family:Arial,Helvetica,sans-serif!important;color:var(--ink);margin:0;padding:0;font-weight:700;letter-spacing:-.026em;line-height:1.21;text-transform:none}
#ek3 h1{font-size:clamp(36px,4.2vw,56px);max-width:830px;letter-spacing:-.035em}
#ek3 h2{font-size:clamp(26px,3vw,35px)}
#ek3 h3{font-size:20px}
#ek3 p{margin:0;color:var(--body);font-size:16px;line-height:1.68}
#ek3 a{color:var(--green);text-underline-offset:3px}
#ek3 a:hover{color:#18482b}
#ek3 button,#ek3 input,#ek3 select{font-family:Arial,Helvetica,sans-serif}
#ek3 button{cursor:pointer}
#ek3 button:focus-visible,#ek3 a:focus-visible,#ek3 input:focus-visible,#ek3 select:focus-visible,#ek3 summary:focus-visible{outline:3px solid #8abb79;outline-offset:2px}
#ek3 .ek3-kicker{display:block;margin:0 0 18px;font-size:13px;font-weight:700;color:var(--green)}
#ek3 .ek3-hero{position:relative;isolation:isolate;min-height:365px;padding:112px 0 72px;background:#16291d url('https://www.energiakatselmus.com/wp-content/uploads/2026/04/kuva.png') center/cover no-repeat}
#ek3 .ek3-hero:before{position:absolute;content:"";inset:0;background:rgba(9,27,16,.83);z-index:-1}
#ek3 .ek3-hero .ek3-kicker{color:#b0d4a2}
#ek3 .ek3-hero h1{color:#fff}
#ek3 .ek3-hero p{color:#e6eee8;max-width:750px;margin-top:20px;font-size:18px;line-height:1.6}
#ek3 .ek3-herofacts{display:flex;flex-wrap:wrap;gap:14px 36px;margin-top:27px;color:#d7e5da;font-size:14px}
#ek3 .ek3-herofacts span{display:inline-flex;align-items:center;gap:9px}
#ek3 .ek3-check{display:inline-flex;width:19px;height:19px;border:1px solid rgba(255,255,255,.5);border-radius:50%;align-items:center;justify-content:center;font-size:12px}
#ek3 .ek3-tool-section{padding:58px 0 76px}
#ek3 .ek3-tool-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:30px}
#ek3 .ek3-tool-heading p{font-size:15px;margin-top:8px;max-width:670px}
#ek3 .ek3-privacy{font-size:13px;white-space:nowrap;color:var(--muted);padding-bottom:4px}
#ek3 .ek3-privacy:before{content:'●';font-size:8px;color:var(--green);margin-right:8px;vertical-align:2px}
#ek3 .ek3-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,370px);gap:52px;align-items:start}
#ek3 .ek3-editor{min-width:0}
#ek3 .ek3-modebar{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);margin-bottom:27px;background:#f7f9f6}
#ek3 .ek3-mode{border:0;border-radius:0;box-shadow:none;background:transparent;color:#526158;padding:17px 14px;font-size:15px;font-weight:700;line-height:1.3}
#ek3 .ek3-mode[aria-selected="true"]{background:var(--deep);color:#fff}
#ek3 .ek3-mode:focus-visible{outline-offset:-3px}
#ek3 .ek3-modehint{display:block;font-size:12px;font-weight:400;margin-top:3px;opacity:.85}
#ek3 .ek3-note{font-size:14px!important;color:var(--body)!important}
#ek3 .ek3-note-strong{padding:12px 16px;border-left:3px solid var(--green);background:#f4f7f3;margin-bottom:25px!important;font-size:14px!important}
#ek3 .ek3-controls-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 15px}
#ek3 .ek3-controls-title h3{font-size:19px}
#ek3 .ek3-counter{font-size:13px;color:var(--muted)}
#ek3 .ek3-entry{border:1px solid var(--border);background:#fff;padding:20px 22px 19px;margin-bottom:12px}
#ek3 .ek3-entry-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
#ek3 .ek3-entry-heading strong{font-size:14px;color:var(--ink)}
#ek3 .ek3-remove{font-size:13px!important;color:#536258!important;padding:3px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:3px}
#ek3 .ek3-remove:hover{color:#9b3c2b!important}
#ek3 .ek3-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#ek3 .ek3-control{min-width:0}
#ek3 .ek3-control label{display:block;margin-bottom:7px;color:var(--ink);font-size:13px;font-weight:700}
#ek3 .ek3-control select,#ek3 .ek3-control input[type=text]{appearance:none;-webkit-appearance:none;display:block;width:100%!important;height:45px!important;min-height:45px!important;margin:0!important;padding:9px 12px!important;border:1px solid #b9c9bd!important;border-radius:2px!important;background:#fff!important;color:var(--ink)!important;font-size:15px!important;line-height:1.4!important;box-shadow:none!important}
#ek3 .ek3-control select{padding-right:30px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%23506058' stroke-width='2'%3E%3Cpath d='m1 1 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important}
#ek3 .ek3-control input::placeholder{color:#89948c;opacity:1}
#ek3 .ek3-control input[data-invalid="1"]{border-color:#b44a36!important;outline:1px solid #b44a36}
#ek3 .ek3-amounts{margin-top:16px}
#ek3 .ek3-fieldunit{position:relative}
#ek3 .ek3-fieldunit input{padding-right:74px!important;font-variant-numeric:tabular-nums}
#ek3 .ek3-fieldunit>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted);pointer-events:none}
#ek3 .ek3-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#ek3 .ek3-years .ek3-control label{font-size:13px}
#ek3 .ek3-slider{display:flex;align-items:center;gap:14px;margin-top:13px}
#ek3 .ek3-slider input[type=range]{width:100%;height:6px;margin:8px 0;accent-color:var(--green);cursor:pointer;box-shadow:none;background:transparent}
#ek3 .ek3-slider span{font-size:12px;color:var(--muted);min-width:62px;text-align:right;white-space:nowrap}
#ek3 .ek3-underamount{font-size:12px!important;color:var(--muted)!important;margin-top:5px!important}
#ek3 .ek3-rowfactor{border-top:1px solid #e6ece8;margin-top:15px;padding-top:12px}
#ek3 .ek3-rowfactor summary{font-size:13px;font-weight:700;color:var(--green);cursor:pointer}
#ek3 .ek3-rowfactor .ek3-factorcontent{padding-top:12px}
#ek3 .ek3-factorcontent p{font-size:13px;margin:9px 0 0}
#ek3 .ek3-factorcontent .ek3-control{max-width:195px}
#ek3 .ek3-factorcontent .ek3-fieldunit input{padding-right:68px!important}
#ek3 .ek3-field-error{font-size:12px!important;color:#a1422e!important;margin:8px 0 0!important}
#ek3 .ek3-add{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin:15px 0 0!important;border:1px dashed #9fb3a4!important;border-radius:2px!important;background:#fff!important;color:var(--green)!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important}
#ek3 .ek3-add:hover{background:#f2f7f2!important;border-color:var(--green)!important}
#ek3 .ek3-add span{font-size:22px;font-weight:400;line-height:1}
#ek3 .ek3-bottomtools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:21px}
#ek3 .ek3-linkbtn{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--green)!important;text-decoration:underline;text-underline-offset:3px;font-size:13px!important;padding:0!important;font-weight:700!important}
#ek3 .ek3-linkbtn:hover{color:#18482b!important}
#ek3 .ek3-complete{display:flex;gap:12px;align-items:flex-start;padding:19px 19px 18px;margin-top:24px;border:1px solid var(--border);background:var(--subtle);cursor:pointer}
#ek3 .ek3-complete input{flex:0 0 auto;margin:3px 0 0;width:18px;height:18px;accent-color:var(--green)}
#ek3 .ek3-complete strong{display:block;font-size:14px;color:var(--ink);line-height:1.45}
#ek3 .ek3-complete small{display:block;margin-top:5px;font-size:12px;color:var(--muted);line-height:1.55}
#ek3 .ek3-readnote{font-size:13px!important;color:var(--muted)!important;margin-top:18px!important}
#ek3 .ek3-results{position:sticky;top:125px;background:#f3f6f2;border:1px solid #dfe7df;border-top:4px solid var(--deep);padding:28px 28px 26px;min-width:0}
#ek3 .ek3-resulttop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#ek3 .ek3-resulttop h3{font-size:21px}
#ek3 .ek3-resultmeta{color:var(--muted);font-size:12px;display:block;margin-top:6px}
#ek3 .ek3-resultnum{padding:24px 0 20px;border-bottom:1px solid #d3ddd4}
#ek3 .ek3-resultnum .ek3-numlabel{display:block;font-size:13px;color:var(--body);font-weight:600;margin-bottom:7px}
#ek3 .ek3-resultnum strong{display:block;color:var(--ink);font-weight:700;letter-spacing:-.04em;line-height:1.08;font-size:clamp(42px,4vw,52px);font-variant-numeric:tabular-nums;white-space:nowrap}
#ek3 .ek3-resultnum strong small{font-weight:600;font-size:17px;letter-spacing:0}
#ek3 .ek3-resultnum p{font-size:12px;margin-top:8px}
#ek3 .ek3-meterrow{padding-top:21px}
#ek3 .ek3-meterhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--body);font-size:13px}
#ek3 .ek3-meterhead strong{font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}
#ek3 .ek3-meter{height:8px;background:#d5ded6;overflow:hidden;margin-top:10px}
#ek3 .ek3-meter span{display:block;background:var(--green);height:100%;width:0%;transition:width .13s linear}
#ek3 .ek3-meter--second span{background:#809b84}
#ek3 .ek3-resultassessment{margin-top:25px;padding-top:21px;border-top:1px solid #d3ddd4}
#ek3 .ek3-resultassessment strong{display:block;font-size:17px;line-height:1.3;color:var(--ink)}
#ek3 .ek3-resultassessment p{font-size:13px;line-height:1.6;margin-top:9px}
#ek3 .ek3-resultdetails{border-top:1px solid #d3ddd4;margin-top:21px;padding-top:18px}
#ek3 .ek3-resultdetails summary{cursor:pointer;font-size:13px;color:var(--ink);font-weight:700;list-style:outside}
#ek3 .ek3-annualrow{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #dce5dd;padding:8px 0;color:var(--body);font-size:13px}
#ek3 .ek3-annualrow strong{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
#ek3 .ek3-resultdetails-content{padding-top:12px}
#ek3 .ek3-annualhint{font-size:12px!important;margin-top:12px!important;color:var(--muted)!important}
#ek3 .ek3-alert{margin:16px 0 0;border-left:3px solid #b4933d;padding:10px 12px;background:#fffaf0}
#ek3 .ek3-alert p{font-size:12px;line-height:1.5}
#ek3 .ek3-cta{display:flex;justify-content:center;align-items:center;border:1px solid var(--green)!important;border-radius:2px!important;min-height:47px;margin-top:22px!important;padding:12px 19px!important;background:var(--green)!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;text-align:center;box-shadow:none!important}
#ek3 .ek3-cta:hover{background:#18482b!important;color:#fff!important;border-color:#18482b!important}
#ek3 .ek3-outtools{display:flex;gap:15px;flex-wrap:wrap;margin-top:17px}
#ek3 .ek3-outtools button{font-size:13px!important;color:var(--green)!important;font-weight:700!important;padding:0!important;background:none!important;border:0!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important}
#ek3 .ek3-feedback{min-height:20px;margin-top:8px!important;font-size:12px!important;color:var(--green)!important}
#ek3 .ek3-disclaimer{margin-top:17px!important;font-size:11px!important;color:#68786b!important;line-height:1.6!important}
#ek3 .ek3-explainer{padding:70px 0;border-top:1px solid var(--border)}
#ek3 .ek3-explainer .ek3-sectionlead{max-width:790px;margin:13px 0 34px}
#ek3 .ek3-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#ek3 .ek3-three>div{border-top:2px solid #cad7cc;padding-top:21px}
#ek3 .ek3-three .ek3-stepno{display:block;color:var(--green);font-size:13px;font-weight:700;margin-bottom:10px}
#ek3 .ek3-three h3{font-size:19px;margin-bottom:11px}
#ek3 .ek3-three p{font-size:14px}
#ek3 .ek3-detailsection{padding:70px 0;background:var(--subtle);border-block:1px solid var(--border)}
#ek3 .ek3-detailgrid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:65px}
#ek3 .ek3-detailgrid>div>p{font-size:15px;margin-top:15px}
#ek3 .ek3-rule{padding:16px 0;border-bottom:1px solid #d5ded7}
#ek3 .ek3-rule:first-child{padding-top:0}
#ek3 .ek3-rule strong{color:var(--ink);display:block;margin-bottom:6px;font-size:16px}
#ek3 .ek3-rule p{font-size:14px}
#ek3 .ek3-faq{padding:72px 0}
#ek3 .ek3-faq h2{margin-bottom:27px}
#ek3 .ek3-faq details{padding:19px 0;border-top:1px solid var(--border)}
#ek3 .ek3-faq details:last-of-type{border-bottom:1px solid var(--border)}
#ek3 .ek3-faq summary{cursor:pointer;color:var(--ink);font-weight:700;font-size:16px}
#ek3 .ek3-faq details p{max-width:890px;font-size:14px;padding-top:12px}
#ek3 .ek3-sources{margin-top:33px}
#ek3 .ek3-sources p{font-size:12px;color:var(--muted);margin:0 0 10px}
#ek3 .ek3-sources a{font-size:13px;margin-right:20px;display:inline-block;margin-bottom:5px}
#ek3 .ek3-end{padding:43px 0;background:#172f22}
#ek3 .ek3-endgrid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
#ek3 .ek3-end h2,#ek3 .ek3-end p{color:#fff}
#ek3 .ek3-end h2{font-size:27px}
#ek3 .ek3-end p{font-size:14px;margin-top:8px;color:#d9e4dc}
#ek3 .ek3-end .ek3-cta{margin:0!important;background:#fff!important;color:var(--deep)!important;border-color:#fff!important}
#ek3 .ek3-end .ek3-cta:hover{background:#edf3ed!important;color:var(--deep)!important}
#ek3 [hidden]{display:none!important}
@media(max-width:1000px){#ek3 .ek3-grid{grid-template-columns:minmax(0,1fr) minmax(285px,340px);gap:28px}#ek3 .ek3-results{padding:24px 21px}#ek3 .ek3-entry{padding:18px}#ek3 .ek3-tool-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:780px){#ek3 .ek3-grid{grid-template-columns:1fr}#ek3 .ek3-results{position:static}#ek3 .ek3-hero{padding:92px 0 56px;min-height:auto}#ek3 .ek3-tool-section{padding:42px 0 57px}#ek3 .ek3-three{grid-template-columns:1fr;gap:25px}#ek3 .ek3-detailgrid{grid-template-columns:1fr;gap:35px}#ek3 .ek3-detailsection,#ek3 .ek3-explainer,#ek3 .ek3-faq{padding:55px 0}}
@media(max-width:520px){#ek3 .ek3-wrap{padding:0 19px}#ek3 h1{font-size:35px}#ek3 h2{font-size:27px}#ek3 .ek3-hero{padding:86px 0 51px}#ek3 .ek3-hero p{font-size:16px}#ek3 .ek3-herofacts{gap:10px 20px}#ek3 .ek3-two{grid-template-columns:1fr;gap:12px}#ek3 .ek3-entry{padding:16px}#ek3 .ek3-years{gap:7px}#ek3 .ek3-years .ek3-control input{padding:8px 7px!important;font-size:14px!important}#ek3 .ek3-fieldunit input{padding-right:48px!important}#ek3 .ek3-years .ek3-fieldunit>span{right:7px;font-size:11px}#ek3 .ek3-amounts{margin-top:14px}#ek3 .ek3-privacy{white-space:normal}#ek3 .ek3-results{padding:22px 19px}#ek3 .ek3-mode{padding:14px 7px;font-size:14px}#ek3 .ek3-endgrid{grid-template-columns:1fr}#ek3 .ek3-end .ek3-cta{width:100%}#ek3 .ek3-add{margin-top:12px!important}}
@media(prefers-reduced-motion:reduce){#ek3 .ek3-meter span{transition:none}}
@media print{#ek3 .ek3-hero{min-height:auto;padding:30px 0;background:#172f22!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}#ek3 .ek3-grid{grid-template-columns:1fr 1fr;gap:20px}#ek3 .ek3-results{position:static}#ek3 .ek3-add,#ek3 .ek3-bottomtools,#ek3 .ek3-cta,#ek3 .ek3-outtools,#ek3 .ek3-end{display:none!important}#ek3 .ek3-tool-section{padding:24px 0}#ek3 .ek3-explainer,#ek3 .ek3-faq,#ek3 .ek3-detailsection{padding:20px 0}#ek3 .ek3-entry{break-inside:avoid}}

#ek3 .ek3-two:has(> .ek3-control:only-child){grid-template-columns:1fr}
#ek3 .ek3-outtools button:disabled{opacity:.4;cursor:not-allowed}


#ek3 .ek3-jsfallback{padding:15px 18px;background:#f4f6f3;border-left:3px solid #27623d;font-size:14px;color:#28392d}