.ec-shell{--ec-navy:#12314c;--ec-deep:#092e3a;--ec-green:#1095b3;--ec-muted:#687e8e;--ec-yellow:#ffcf70;color:#213a51;margin:0 auto 75px;width:100%;max-width:1480px;font-family:inherit}
.ec-shell *{box-sizing:border-box}.ec-shell [hidden]{display:none!important}.ec-shell a{text-decoration:none}.ec-shell button,.ec-shell input{font:inherit}.ec-shell button{cursor:pointer}.ec-hero{background:linear-gradient(119deg,#122e62 2%,#0c4c78 64%,#1979a5);border-radius:25px;color:white;position:relative;overflow:hidden;padding:26px 32px 0;isolation:isolate}.ec-hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#55d0bf13;top:-260px;right:-130px}.ec-crumb{display:flex;align-items:center;gap:10px;color:#b1d5dc;font-size:.73rem;position:relative;z-index:2;flex-wrap:wrap}.ec-crumb a{color:#e1fdf5}.ec-crumb a:hover{text-decoration:underline}.ec-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:10px;min-height:358px}.ec-hero-copy{align-self:center;padding:24px 5px 24px 0;position:relative;z-index:2}.ec-topline{font-size:.66rem;letter-spacing:1.4px;font-weight:800;color:#a0f0d8;display:inline-flex;align-items:center;gap:8px}.ec-topline i{width:8px;height:8px;border-radius:50%;background:#69ecb7;box-shadow:0 0 0 5px #47d0a82b}.ec-hero h1{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.1;letter-spacing:-.052em;margin:22px 0 18px;color:white;font-weight:860}.ec-hero h1 em{font-style:normal;color:#87e8ff}.ec-hero-copy>p{font-size:.93rem;line-height:1.75;color:#d3e5e9;max-width:630px;margin:0}.ec-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ec-pills span{border:1px solid #c9fff341;background:#ffffff14;color:#e4fff3;padding:7px 11px;font-size:.68rem;border-radius:99px;font-weight:760}.ec-hero-art{min-height:340px;position:relative;display:flex;align-items:center;justify-content:center;align-self:center}.ec-hero-art img{width:min(100%,590px);max-height:375px;object-fit:contain;filter:drop-shadow(0 19px 25px #051c2d2b)}.ec-art-float{position:absolute;right:5%;bottom:10%;border-radius:15px;padding:12px 15px;background:#fff;color:#4c7383;font-weight:790;font-size:.59rem;letter-spacing:1.4px;box-shadow:0 20px 50px #091d283d}.ec-art-float strong{display:block;font-size:1.15rem;letter-spacing:-.03em;color:#125b61}.ec-hero-footer{border-top:1px solid #ffffff32;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;color:#c6e2e5;font-size:.68rem}.ec-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px;margin-top:22px;align-items:start}.ec-main-col{min-width:0}.ec-card,.ec-guide{background:white;border:1px solid #dfe9ed;border-radius:23px;box-shadow:0 13px 42px #18334a0a;padding:30px;margin-bottom:19px}.ec-card-head{display:flex;align-items:center;gap:15px;padding-bottom:22px}.ec-index{display:flex;align-items:center;justify-content:center;flex:0 0 51px;height:51px;border-radius:15px;background:linear-gradient(145deg,#fff3d9,#ffe1a0);color:#926311;font-size:1.1rem;font-weight:900}.ec-result-index{background:#dbfaf0;color:#078f75}.ec-kicker{font-size:.65rem;letter-spacing:1.35px;font-weight:850;color:#187fbb}.ec-card h2{font-size:clamp(1.32rem,2.4vw,1.77rem);color:#17384d;letter-spacing:-.038em;margin:5px 0 5px}.ec-card-head p{color:#7e919d;font-size:.77rem;margin:0;line-height:1.6}.ec-group{border-top:1px solid #e6eef1;padding:24px 0}.ec-group-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 17px}.ec-group-label strong{font-size:.69rem;letter-spacing:1.2px;color:#188e87}.ec-group-label>span{font-size:.7rem;color:#8a9daa}.ec-grid{display:grid;gap:13px;min-width:0}.ec-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.ec-space{margin-top:15px}.ec-field{font-size:.8rem;font-weight:820;color:#29495e;display:flex;flex-direction:column;min-width:0;gap:5px}.ec-field small{font-size:.69rem;font-weight:500;color:#8296a4;line-height:1.5;min-height:30px}.ec-input{background:#f8fbfc;border:1px solid #dae7eb;border-radius:12px;display:flex;align-items:center;height:52px;overflow:hidden;transition:.15s}.ec-input:focus-within{border-color:#248dd8;box-shadow:0 0 0 3px #34ccaa24}.ec-input input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:0 10px 0 13px;font-size:.95rem;font-weight:800;color:#173951;height:100%;width:100%;appearance:textfield}.ec-input input::-webkit-outer-spin-button,.ec-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ec-input b{color:#698595;background:#edf4f6;padding:0 9px;font-size:.66rem;height:100%;display:flex;align-items:center;white-space:nowrap;border-left:1px solid #e0ebed}.ec-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.ec-quick button{font-size:.68rem;color:#5d7786;border:1px solid #d9e7e9;border-radius:9px;background:#fff;padding:8px 10px;font-weight:730;transition:.15s}.ec-quick button:hover,.ec-quick button.is-active{color:#087e73;border-color:#3bc4ad;background:#e8fbf5}.ec-slider-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 9px}.ec-slider-header strong{font-size:.83rem;display:block;color:#27475b}.ec-slider-header small{display:block;color:#8198a5;font-size:.69rem;margin-top:3px}.ec-slider-header>b{background:#e7f9f3;color:#008c73;padding:9px 13px;border-radius:12px;white-space:nowrap}.ec-range{display:block;width:100%;accent-color:#0bb291;cursor:pointer}.ec-info{border:1px solid #cfeee6;background:#f0faf6;border-radius:12px;padding:12px 15px;margin:17px 0 0;color:#496e70;font-size:.72rem;line-height:1.8}.ec-info strong{color:#087d73}.ec-info em{font-style:normal;text-decoration:underline}.ec-error{background:#fff0ec;color:#a63727;padding:13px 15px;border-radius:12px;margin-bottom:18px;font-size:.8rem}.ec-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.ec-primary{border:0;color:white;background:linear-gradient(112deg,#165da9,#187ed3);border-radius:13px;padding:15px 19px;min-height:55px;font-weight:860;font-size:.86rem;display:flex;gap:22px;align-items:center;justify-content:space-between;box-shadow:0 12px 24px #0a99733b}.ec-primary:hover{filter:brightness(1.07)}.ec-primary span{font-size:1.25rem}.ec-secondary{border:1px solid #d9e8e9;color:#3f6f79;border-radius:11px;background:#f8fbfb;font-weight:760;font-size:.75rem;padding:12px 14px}.ec-secondary:hover{border-color:#43c7ac;background:#edfaf6}.ec-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ec-metric{min-height:130px;background:#f5f9fa;border-radius:17px;border:1px solid #dfebed;padding:19px;min-width:0;overflow-wrap:anywhere}.ec-metric small{font-size:.64rem;letter-spacing:.9px;color:#688894;font-weight:850}.ec-metric strong{display:block;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.25;letter-spacing:-.05em;margin:13px 0 4px;color:#1c4858;font-weight:900}.ec-metric span{font-size:.69rem;color:#869ca7}.ec-metric-special{background:linear-gradient(120deg,#114957,#127768);border-color:#127768}.ec-metric-special small,.ec-metric-special span{color:#b3eadd}.ec-metric-special strong{color:#fff}.ec-chart-box{margin-top:20px;background:#fbfdfd;border:1px solid #d9e7ea;border-radius:17px;padding:20px;overflow:hidden}.ec-chart-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.ec-chart-top span{font-size:.65rem;font-weight:800;color:#0aa08f;letter-spacing:1px}.ec-chart-top h3{font-size:1.05rem;color:#1e4455;margin:5px 0 0}.ec-chart-key{color:#8ca1aa;font-size:.67rem;white-space:nowrap}.ec-chart-key i{display:inline-block;height:4px;width:14px;background:#dfa046;vertical-align:middle}.ec-chart-box svg{display:block;width:100%;height:auto;max-height:310px;margin-top:9px}.ec-chart-box p{font-size:.68rem;color:#8497a2;line-height:1.7;margin:0}.ec-detail-head{color:#119580;font-size:.66rem;font-weight:880;letter-spacing:1px;margin:24px 0 10px}.ec-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ec-detail-grid>div{background:#f4f9f9;border:1px solid #e1eff0;border-radius:12px;padding:13px;min-width:0}.ec-detail-grid span{display:block;color:#7a8e9b;font-size:.66rem;line-height:1.5}.ec-detail-grid b{display:block;color:#224c5c;font-size:.92rem;margin-top:7px;overflow-wrap:anywhere}.ec-equation{margin-top:20px;background:#eaf8f4;border:1px solid #c9eae1;padding:17px;border-radius:14px}.ec-equation>span{color:#0d9381;letter-spacing:1px;font-size:.64rem;font-weight:850}.ec-equation strong{display:block;font-size:.89rem;color:#235560;line-height:1.8;margin:5px 0 7px}.ec-equation p{color:#597880;font-size:.71rem;line-height:1.75;margin:0}.ec-report-actions{margin-top:18px}.ec-aside{display:flex;flex-direction:column;gap:13px}.ec-aside-dark{border-radius:21px;background:linear-gradient(140deg,#153a4e,#0e5f66);padding:22px;color:white;position:relative;overflow:hidden}.ec-aside-dark:after{content:'☀';position:absolute;font-size:170px;color:#ffffff0a;right:-45px;top:-48px;pointer-events:none}.ec-aside-dark>span{font-size:.69rem;color:#a2f0cf;font-weight:800;letter-spacing:1px}.ec-aside h3{font-size:1.5rem;color:#fff;line-height:1.3;margin:16px 0 24px}.ec-aside h3 em{font-style:normal;color:#ffd775}.ec-aside-formula{border-top:1px solid #ffffff32;padding:12px 0}.ec-aside-formula small{display:block;color:#afdfdc;font-size:.61rem;letter-spacing:1px;font-weight:800}.ec-aside-formula strong{display:block;color:white;font-size:.85rem;margin-top:7px;line-height:1.5}.ec-aside-dark p{color:#c3e5e5;font-size:.72rem;line-height:1.8;margin:17px 0 0}.ec-aside-tip{background:white;border:1px solid #e1ebec;border-radius:16px;padding:17px}.ec-aside-tip b{font-size:.64rem;letter-spacing:1px;color:#258fbe}.ec-aside-tip h4{font-size:.9rem;color:#274a5d;margin:8px 0}.ec-aside-tip p{color:#718996;font-size:.72rem;line-height:1.75;margin:0}.ec-aside-tip a{color:#1877c1;text-decoration:underline}.ec-related{display:flex;flex-direction:column;border-radius:15px;background:linear-gradient(125deg,#edfaf1,#e6f4fb);padding:18px;border:1px solid #ccebe6}.ec-related span{font-size:.64rem;color:#0a9c7e;font-weight:850;letter-spacing:1px}.ec-related strong{font-size:.99rem;color:#245564;margin:8px 0}.ec-related small{font-size:.71rem;color:#739298}.ec-guide{line-height:1.85;color:#546e7e}.ec-guide-label{color:#1889b8;font-weight:880;font-size:.68rem;letter-spacing:1px}.ec-guide h2{font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.04em;color:#1d3f53;margin:10px 0}.ec-guide .ec-lead{font-size:1rem;color:#5a7887}.ec-guide h3{font-size:1.2rem;color:#264c5d;margin:26px 0 10px}.ec-guide p,.ec-guide li{font-size:.87rem;line-height:1.92}.ec-guide ul{padding-left:22px}.ec-guide li{margin:5px 0}.ec-guide a{color:#1877c1;text-decoration:underline}.ec-guide .ec-guide-formula{background:#f0faf5;border-left:4px solid #1ea5df;padding:14px;border-radius:0 10px 10px 0;color:#205867;font-size:.85rem;font-weight:800}.ec-guide table{width:100%;border-collapse:collapse;font-size:.78rem;margin:14px 0}.ec-guide th,.ec-guide td{border:1px solid #e1edef;padding:9px 10px;text-align:left}.ec-guide th{background:#f0f7f6;color:#285968}.ec-guide details{border-top:1px solid #e1eaec;padding:14px 0}.ec-guide summary{cursor:pointer;font-weight:840;color:#254b5b}.ec-guide details p{margin:9px 0 0}
@media(max-width:1190px){.ec-layout{grid-template-columns:minmax(0,1fr) 232px;gap:15px}.ec-card,.ec-guide{padding:23px}.ec-hero{padding-left:25px;padding-right:25px}.ec-hero h1{font-size:clamp(2rem,3.6vw,3rem)}}
@media(max-width:980px){.ec-layout{grid-template-columns:1fr}.ec-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ec-aside-dark{grid-row:span 3}.ec-hero h1{font-size:clamp(2rem,4vw,3.3rem)}}
@media(max-width:700px){.ec-shell{margin-bottom:40px}.ec-hero{padding:17px 18px 0;border-radius:19px}.ec-hero-grid{grid-template-columns:1fr}.ec-hero-copy{padding:30px 0 5px}.ec-hero h1{font-size:clamp(2.05rem,7.1vw,3.3rem)}.ec-hero-copy>p{font-size:.85rem}.ec-hero-art{min-height:224px}.ec-hero-art img{height:245px}.ec-art-float{bottom:9%;right:0}.ec-hero-footer{font-size:.64rem}.ec-layout{margin-top:14px;gap:8px}.ec-card,.ec-guide{padding:18px;border-radius:17px;margin-bottom:14px}.ec-card-head{gap:10px}.ec-index{height:39px;flex-basis:39px;border-radius:11px;font-size:.9rem}.ec-card h2{font-size:1.33rem}.ec-group{padding:19px 0}.ec-group-label{flex-direction:column;align-items:flex-start;gap:4px}.ec-grid3,.ec-grid2{grid-template-columns:1fr}.ec-field small{min-height:0}.ec-slider-header strong{font-size:.76rem}.ec-metrics{gap:8px}.ec-metric{padding:13px;min-height:120px}.ec-metric small{font-size:.56rem}.ec-metric strong{font-size:1.46rem}.ec-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-chart-box{padding:12px}.ec-chart-top{align-items:flex-start}.ec-chart-key{font-size:.57rem}.ec-actions{flex-direction:column;align-items:stretch}.ec-primary,.ec-secondary{width:100%;justify-content:center}.ec-aside{grid-template-columns:1fr}.ec-aside-dark{grid-row:auto}.ec-guide p,.ec-guide li{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.ec-shell *{transition:none!important;animation:none!important}}
@media print{.ec-hero,.ec-aside,.ec-guide,.ec-card:first-child,.ec-report-actions,.ec-actions{display:none!important}.ec-shell,.ec-layout{display:block;margin:0}.ec-results[hidden]{display:none!important}.ec-results{border:0;box-shadow:none;padding:0}.ec-metric-special{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* V23 road calculator */
.ec-shell{--ec-navy:#192b4a;--ec-green:#ee8c40;--ec-yellow:#f3cb80}
.ec-hero{background:radial-gradient(circle at 83% 25%,#ffc16338,transparent 40%),linear-gradient(115deg,#15294a 2%,#1c4662 52%,#245e64 100%)}
.ec-hero:before{background:#fcb95722}.ec-topline,.ec-hero h1 em{color:#ffd38c}.ec-hero-footer{color:#d5edf0}
.ec-aside-dark{background:linear-gradient(145deg,#132c4f,#20596e)}.ec-aside-dark:after{content:'⛽';right:-32px;top:-43px}.ec-aside h3 em{color:#ffd38c}
.ec-art-float strong{color:#195877}.ec-primary{background:linear-gradient(105deg,#ed843c,#eaab50);color:#273448;box-shadow:0 12px 30px #df98583d}
.ec-metric-special{background:linear-gradient(110deg,#193e66,#267b81);border-color:#2a8190}
.ec-group-label strong,.ec-kicker,.ec-detail-head,.ec-guide-label{color:#2a788d}.ec-related{background:linear-gradient(120deg,#e4f6f7,#eaf1fe)}
.ec-warning{background:#fffaed;border:1px solid #f0dcaf;padding:13px 16px;border-radius:12px;color:#765c2d;font-size:.74rem;line-height:1.7;margin:14px 0}
.ec-toggle{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.ec-toggle button{padding:11px 18px;border-radius:12px;border:1px solid #dce6ed;background:#f7fafd;color:#52718a;font-weight:850;font-size:.8rem}
.ec-toggle button[aria-pressed="true"]{background:#204d66;color:#fff;border-color:#204d66;box-shadow:0 5px 12px #214b652b}
.ec-field select{width:100%;border:1px solid #dce3ec;border-radius:11px;background:#fff;height:47px;padding:0 12px;color:#294759;font-weight:800;font-size:.9rem}
.ec-field:focus-within select{outline:2px solid #7bbfd1}
.ec-switchline{display:flex;align-items:center;gap:13px;background:#f2f7fa;border:1px solid #e2ebf1;border-radius:12px;padding:13px 15px;margin:12px 0;line-height:1.5}
.ec-switchline input{accent-color:#e58b3c;flex:none;width:19px;height:19px}.ec-switchline b{display:block;color:#2d4c64;font-size:.82rem}.ec-switchline small{display:block;color:#71899a;font-size:.69rem}
.ec-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.ec-preview div{background:#f4f9fb;padding:12px 10px;border-radius:12px;min-width:0;text-align:center;border:1px solid #e6f0f4}
.ec-preview small{display:block;color:#688392;font-size:.67rem;font-weight:750}.ec-preview strong{display:block;font-size:1.1rem;color:#226c7d;margin:7px 0 0;word-break:break-word}
.ec-table-wrap{max-width:100%;overflow-x:auto}.ec-cost-table{width:100%;border-collapse:collapse;font-size:.79rem}
.ec-cost-table th,.ec-cost-table td{padding:12px 9px;border-bottom:1px solid #e6eef2;text-align:right}
.ec-cost-table th:first-child,.ec-cost-table td:first-child{text-align:left}.ec-cost-table th{color:#6b8799;font-size:.72rem}.ec-cost-table tfoot td{font-weight:900;color:#1a657d;background:#edf8f9}
.ec-compare{background:#e7f6f5;border:1px solid #cfe9e8;color:#2d6472;padding:14px 16px;border-radius:13px;font-size:.78rem;line-height:1.7;margin:18px 0}
.ec-chart-legend{margin:9px 0;color:#6d7f91;font-size:.73rem}.ec-split-info{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:.72rem;font-weight:750;color:#517285;margin-top:12px}
.ec-equation strong{overflow-wrap:anywhere}.ec-guide-callout{padding:15px 17px;background:#f0f8f9;border:1px solid #d3e8e9;border-radius:14px;margin:17px 0}
.ec-results[hidden]{display:none!important}.ec-display{font-variant-numeric:tabular-nums}.ec-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.ec-shade{background:#f9fbfd;border-radius:12px;padding:13px;margin:12px 0;font-size:.75rem;line-height:1.8;color:#536d7f}
.ec-aside-tip b{color:#19839a}.ec-hero-art img{filter:drop-shadow(0 18px 24px #051c2d28)}
@media(max-width:960px){.ec-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ec-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ec-preview div{padding:10px 5px}.ec-preview strong{font-size:.84rem}.ec-toggle button{flex:1;min-width:0;padding:10px 7px;font-size:.73rem}.ec-cost-table{font-size:.72rem}.ec-grid4{grid-template-columns:1fr}.ec-warning{padding:11px 13px}}
@media print{.ec-toggle,.ec-switchline{display:none!important}}

/* V24: cost-ownership financial visual refinements */
.ec-hero{background:linear-gradient(119deg,#152451 4%,#263c79 56%,#6152ac 100%)}
.ec-topline{color:#a9d6ff}.ec-hero h1 em{color:#ffd589}.ec-hero-art img{filter:drop-shadow(0 25px 28px #10144d45)}
.ec-art-float strong{color:#375697}.ec-primary{background:linear-gradient(120deg,#2849a4,#7154c9);box-shadow:0 14px 26px #4350ad35}
.ec-metric-special{background:linear-gradient(120deg,#293f91,#6c53b5);border-color:#5368b2}.ec-result-index{background:#324ea5}
.ec-aside-dark{background:linear-gradient(140deg,#1c2854,#4b438d)}.ec-aside-dark:after{content:'🚘';font-size:165px;opacity:.11;right:-20px;top:25px}
.ec-aside-dark em{color:#ffd589}.ec-compare{background:#f0efff;color:#524c82;border-color:#dad8fa}.ec-hero-footer{color:#d9e2ff}
.ec-hero .ec-crumb a{color:#d9e9ff}.ec-guide-label,.ec-kicker{color:#5045aa}
.ec-field input[type=checkbox]{width:auto;height:auto}.ec-input:focus-within{outline:2px solid #8f9fea}
.ec-result-tables{display:grid;grid-template-columns:1fr;gap:15px}
.ec-cost-table td:nth-child(2),.ec-cost-table td:nth-child(3),.ec-cost-table th:nth-child(2),.ec-cost-table th:nth-child(3){text-align:right}
.ec-footnote{font-size:.74rem;line-height:1.8;color:#667f95;padding:12px 15px;background:#f5f7fc;border-radius:12px;margin:13px 0}
.ec-legend{font-size:.72rem;color:#697c94;margin:12px 0;line-height:1.8}
.ec-pill-badge{font-size:.66rem;font-weight:850;background:#eef0ff;border:1px solid #d6defb;border-radius:999px;color:#5050a0;display:inline-block;padding:6px 10px}
.ec-actions button:focus-visible,.ec-shell a:focus-visible{outline:3px solid #f0b13e;outline-offset:3px}
@media(max-width:700px){.ec-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-preview strong{font-size:.78rem}.ec-cost-table{min-width:520px}.ec-grid4 label{min-width:0}}
@media(max-width:400px){.ec-grid4{grid-template-columns:1fr}.ec-preview{grid-template-columns:1fr 1fr}.ec-preview div:last-child{grid-column:1/-1}.ec-preview strong{font-size:1.01rem}}
@media print{.ec-hero,.ec-aside,.ec-guide,.ec-card:first-child,.ec-report-actions,.ec-warning,.ec-related{display:none!important}.ec-layout{display:block!important}.ec-card{break-inside:avoid}.ec-results{display:block!important}.ec-chart-box{break-inside:avoid}}

/* V25 elektrik / benzin karşılaştırma: ayrı iki sütun, yeşil / amber görsel dil */
.ec-shell{--ec-navy:#142943;--ec-green:#19a592;--ec-yellow:#f6c97f}
.ec-hero{background:radial-gradient(circle at 90% 12%,#80fff123,transparent 37%),linear-gradient(120deg,#0d2e43 5%,#124f57 54%,#205f7f 100%)}
.ec-hero h1 em{color:#a2ffe5}.ec-topline{color:#a9ffec}.ec-hero-footer{color:#d5f6f3}
.ec-art-float strong{color:#1a8376}.ec-primary{background:linear-gradient(120deg,#168b85,#39b99b);color:white;box-shadow:0 14px 28px #288e8a34}
.ec-metric-special{background:linear-gradient(125deg,#135c68,#20a492);border-color:#3ab5a7}.ec-result-index{background:#1b948f}
.ec-aside-dark{background:linear-gradient(125deg,#0c3850,#127c73)}.ec-aside-dark:after{content:'⚡';right:-20px;top:10px;opacity:.13}.ec-aside-dark em{color:#c9ffe3}
.ec-guide-label,.ec-kicker,.ec-detail-head{color:#1b8b82}.ec-result-positive{background:#e7f9f1;color:#166c51;border:1px solid #c2ecdc}.ec-result-negative{background:#fff4e9;color:#9a5c24;border:1px solid #f1dabf}
.ec-form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ec-vehicle{border-radius:18px;padding:17px 17px 7px;border:1px solid #d6e6ec;background:#fafdfd;min-width:0}
.ec-vehicle-electric{background:linear-gradient(170deg,#eafcf6,#fafdfe 43%);border-color:#bde6d9}
.ec-vehicle-gas{background:linear-gradient(170deg,#fff8ed,#fffcf8 45%);border-color:#efdbc5}
.ec-vehicle-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.ec-vehicle-title .ec-icon{display:flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;font-size:24px;background:white;box-shadow:0 3px 15px #234c5e15}
.ec-vehicle-title h3{font-weight:900;font-size:1.02rem;margin:0;color:#214451}.ec-vehicle-title small{display:block;color:#6e8791;font-size:.7rem;margin-top:3px}
.ec-vehicle .ec-field{margin-bottom:13px;display:block}.ec-vehicle .ec-field>span:first-child{display:block;font-size:.78rem;font-weight:850;color:#2b5063}.ec-vehicle .ec-field>small{display:block;font-size:.68rem;line-height:1.4;color:#6e8894;min-height:0;margin:4px 0 8px}.ec-vehicle .ec-input input{min-width:0}
.ec-vehicle .ec-grid2{gap:10px}.ec-vehicle .ec-grid2 .ec-field{margin-bottom:7px}
.ec-labelnote{background:#edf7f9;border:1px solid #d4e7ee;padding:11px 15px;font-size:.73rem;line-height:1.75;color:#41667a;border-radius:12px;margin-top:15px}
.ec-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ec-breakdown-card{padding:15px;border:1px solid #deebed;background:#fbfefe;border-radius:15px;min-width:0}
.ec-breakdown-card h4{margin:0 0 12px;font-size:.9rem;color:#2e6570}.ec-breakdown-card .ec-item{display:flex;justify-content:space-between;gap:10px;font-size:.76rem;padding:9px 0;border-bottom:1px dashed #e2ebef}.ec-breakdown-card .ec-item b{text-align:right;color:#234657;white-space:nowrap}.ec-breakdown-card .ec-item span{color:#66818e}.ec-breakdown-card .ec-item:last-child{font-weight:900;border:0}
.ec-graph-area{border:1px solid #e2eced;background:#fcfffe;border-radius:18px;padding:18px;margin:23px 0}.ec-graph-area svg{width:100%;height:auto;display:block;overflow:visible}.ec-graph-legend{display:flex;gap:19px;flex-wrap:wrap;font-size:.71rem;font-weight:850;color:#54707d}.ec-graph-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;background:#149d95;vertical-align:middle}.ec-graph-legend i.gas{background:#ea9849}
.ec-period{color:#547b89;font-size:.72rem;line-height:1.65}.ec-scenario-note{padding:14px;border-radius:12px;background:#f1f8f7;color:#366c6d;font-size:.77rem;line-height:1.7;margin:14px 0}
.ec-compare-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ec-compare-row div{padding:15px;background:#f7fbfc;border:1px solid #e2edee;border-radius:14px}.ec-compare-row span{display:block;color:#6c8894;font-size:.69rem;font-weight:750}.ec-compare-row b{display:block;font-size:1.09rem;margin:7px 0;color:#244f62;word-break:break-word}
.ec-table-wrap{overflow:auto;max-width:100%}.ec-cost-table{min-width:565px}.ec-results[hidden],.ec-error[hidden]{display:none!important}
.ec-field input:focus-visible{outline:2px solid #42afa7;outline-offset:2px}.ec-form-pair input{max-width:100%}.ec-shell button:focus-visible,.ec-shell a:focus-visible{outline:3px solid #f5b75f;outline-offset:3px}
@media(max-width:750px){.ec-form-pair,.ec-breakdown{grid-template-columns:1fr}.ec-vehicle{padding:15px 13px 7px}.ec-compare-row{grid-template-columns:1fr 1fr}.ec-compare-row div:last-child{grid-column:1/-1}.ec-graph-area{padding:10px}.ec-hero-art img{height:245px}.ec-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.ec-compare-row{grid-template-columns:1fr}.ec-compare-row div:last-child{grid-column:auto}.ec-vehicle .ec-grid2{grid-template-columns:1fr}.ec-metrics{grid-template-columns:1fr 1fr}.ec-metric strong{font-size:1.16rem}.ec-cost-table{font-size:.68rem}}
@media print{.ec-hero,.ec-aside,.ec-guide,.ec-card:first-child,.ec-report-actions,.ec-warning{display:none!important}.ec-layout{display:block!important}.ec-results{display:block!important}.ec-chart-box,.ec-graph-area{break-inside:avoid}.ec-graph-legend i{print-color-adjust:exact}}
/* Keep large results table scrollable inside the card rather than widening mobile grid */
.ec-layout,.ec-main,.ec-card,.ec-guide,.ec-results,.ec-graph-area{min-width:0;max-width:100%}
.ec-table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ec-form-pair>*{min-width:0}