/* Electric vs Gas Car Cost Comparison — reuses the tabbed planner layout and compact rows. */
.ev-hero{background:radial-gradient(circle at 92% 18%,#2fbf8f33,transparent 38%),linear-gradient(120deg,#392654,#211d38 75%)}
.ev .tg-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ev .tx-row{grid-template-columns:minmax(0,1fr) 190px}.ev .tx-row>.tx-money,.ev .tx-row>input{width:calc(100% - 72px)}.ev-unit{display:flex;align-items:center;gap:6px}.ev-unit input{flex:1;min-width:0}.ev-unit em{font-style:normal;color:var(--usp-muted);font-size:.76rem;width:66px;white-space:nowrap}
@media(max-width:560px){.ev .tx-row{grid-template-columns:minmax(0,1fr) 170px}}
.ev-bars{display:flex;flex-direction:column;gap:10px}
.ev-bar{display:grid;grid-template-columns:110px minmax(0,1fr) 96px;gap:10px;align-items:center;font-size:.88rem}.ev-bar b{color:#fff}.ev-bar span{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#fff}
.ev-bar i{display:flex;height:26px;border-radius:7px;overflow:hidden;background:#151226}.ev-bar i em{display:block;height:100%}
.ev .rp-legend span{white-space:nowrap}
.ev-sens td.good{color:#9ff0c9}.ev-sens td.bad{color:#ff9aa8}.ev-sens td.now{outline:2px solid #d9c1ff;outline-offset:-2px;border-radius:4px}
@media(max-width:560px){.ev-bar{grid-template-columns:80px minmax(0,1fr) 80px;font-size:.8rem}}