/* Petrol vs EV calculator (I4) */
.dl-ev fieldset{ border:1px solid #c9d1db; border-radius:10px; padding:10px 12px 12px; margin:0; min-width:0; width:100%; box-sizing:border-box }
.dl-ev legend{ font-weight:700; padding:0 6px }
.dl-ev fieldset.p legend{ color:#b26a00 } .dl-ev fieldset.e legend{ color:#1d7a52 }
.dl-ev .dl-row label small{ font-weight:400; color:var(--aa-muted) }
.dl-ev input[aria-invalid="true"]{ border-color:#b42318; background:#fff5f4 }
.dl-ev .dl-tool-out{ min-width:0 }
.dl-ev .dl-tool-out table{ width:100%; font-size:.88rem }
@media (max-width:480px){ .dl-ev .dl-tool-out th, .dl-ev .dl-tool-out td{ padding:6px 5px } .dl-ev .dl-tool-out table{ font-size:.8rem } }
.dl-ev .dl-tool-out caption{ text-align:left; font-size:.85rem; color:var(--aa-muted); padding-bottom:4px }
.dl-ev-bars{ display:grid; gap:6px }
.dl-ev-bar{ display:grid; grid-template-columns:4.8em minmax(0,1fr) auto; align-items:center; gap:8px; font-size:.9rem }
.dl-ev-bar i{ display:block; height:14px; border-radius:7px; background:#b26a00; min-width:4px }
.dl-ev-bar.e i{ background:#1d7a52 }
.dl-ev-bar b{ font-variant-numeric:tabular-nums; white-space:nowrap }
@media (max-width:420px){ .dl-ev .dl-row{ grid-template-columns:1fr } }