/* Standalone shortcode only. Vehicle cards retain their existing appearance. */
.cars-fuel-savings { color: #183128; font: inherit; }
.cars-fuel-savings *, .cars-fuel-savings *::before, .cars-fuel-savings *::after { box-sizing: border-box; }
.cars-fuel-savings [hidden] { display: none !important; }
.cars-fuel-savings .e85-savings { padding: clamp(20px, 3vw, 36px); border: 1px solid #c8d8ce; background: #fff; border-radius: 3px; scroll-margin-top: 140px; }
.cars-fuel-savings .e85-savings h3 { margin: 0 0 10px; color: #14532d; font-size: 1.2rem; line-height: 1.4; }
.cars-fuel-savings .e85-savings-intro { margin: 0 0 24px; color: #415348; font-size: .95rem; line-height: 1.6; }
.cars-fuel-savings .e85-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cars-fuel-savings .e85-fields label { display: flex; flex-direction: column; justify-content: end; min-width: 0; margin: 0; color: #243d30; font-size: .88rem; font-weight: 650; line-height: 1.5; }
.cars-fuel-savings .e85-fields input, .cars-fuel-savings .e85-fields select { width: 100%; min-width: 0; min-height: 48px; margin-top: 7px; padding: 10px 12px; border: 1px solid #8a9e92; border-radius: 2px; background: #fff; color: #183128; font: inherit; font-size: 1rem; }
.cars-fuel-savings input:focus-visible, .cars-fuel-savings select:focus-visible, .cars-fuel-savings button:focus-visible { outline: 3px solid #1a6daf; outline-offset: 3px; }
.cars-fuel-savings [aria-invalid="true"] { border-color: #b91c1c !important; }
.cars-fuel-savings .e85-price-source { margin: 22px 0 12px; color: #415348; font-size: .84rem; line-height: 1.7; overflow-wrap: anywhere; white-space: pre-line; }
.cars-fuel-savings .e85-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.cars-fuel-savings .e85-result { padding: 18px; border: 1px solid #bfdcca; border-radius: 2px; background: #f1faf4; }
.cars-fuel-savings .e85-result span { display: block; margin-bottom: 8px; color: #415348; font-size: .85rem; line-height: 1.5; }
.cars-fuel-savings .e85-result strong { display: block; color: #166534; font-size: clamp(1.2rem, 2.2vw, 1.8rem); line-height: 1.4; overflow-wrap: anywhere; }
.cars-fuel-savings .e85-delay-cost { margin-top: 20px; padding: 18px; border-left: 3px solid #b63838; background: #fff4f3; }
.cars-fuel-savings .e85-delay-cost[hidden] { display: none; }
.cars-fuel-savings .e85-delay-label, .cars-fuel-savings .e85-delay-amount, .cars-fuel-savings .e85-delay-explanation { display: block; }
.cars-fuel-savings .e85-delay-label { color: #8d2929; font-size: .78rem; font-weight: 750; text-transform: uppercase; letter-spacing: .03em; }
.cars-fuel-savings .e85-delay-amount { margin: 5px 0; color: #8d2929; font-size: 1.1rem; }
.cars-fuel-savings .e85-delay-explanation { color: #624847; font-size: .85rem; line-height: 1.6; }
.cars-fuel-savings .e85-details { margin-top: 20px; padding-top: 18px; border-top: 1px solid #c8d8ce; color: #415348; font-size: .88rem; line-height: 1.85; }
.cars-fuel-savings .e85-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; }
.cars-fuel-savings .e85-actions:empty { display: none; }
.cars-fuel-savings button { min-height: 42px; padding: 9px 14px; border: 1px solid #267249; border-radius: 2px; background: #f1faf4; color: #14532d; font: inherit; font-size: .85rem; font-weight: 650; line-height: 1.5; cursor: pointer; }
.cars-fuel-savings button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 850px) {
  .cars-fuel-savings .e85-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 550px) {
  .cars-fuel-savings .e85-fields, .cars-fuel-savings .e85-results { grid-template-columns: minmax(0, 1fr); }
  .cars-fuel-savings .e85-actions { align-items: stretch; flex-direction: column; }
  .cars-fuel-savings button { width: 100%; white-space: normal; }
}