.trip-cost-calc .mpg-grid{display:grid;gap:10px;margin-top:12px}.trip-cost-calc .mpg-grid .row-between{margin-top:0}.trip-cost-calc .seg-foot{color:var(--ink-muted);font-size:13px;line-height:1.45;margin-top:10px}.trip-cost-calc .seg-foot strong{color:var(--ink);font-weight:600}.trip-cost-calc .money-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:14px}.trip-cost-calc .money-row>label{color:var(--ink);font-size:14px}.trip-cost-calc .money-row .money-sub{color:var(--ink-faint);display:block;font-size:12px;margin-top:2px}.trip-cost-calc .cost-pill{align-items:center;background:var(--warn-soft,#f5e7e1);border-radius:999px;color:var(--warn,#a0492e);display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.05em;margin-top:14px;padding:6px 10px;text-transform:uppercase}.trip-cost-calc .result__answer.is-savings{color:var(--primary-ink)}.trip-cost-calc .result__answer.is-caution{color:var(--warn,#a0492e)}.trip-cost-calc .flow__fill--fuel{background:var(--primary)}.trip-cost-calc .flow__fill--gen{background:var(--accent)}.trip-cost-calc .flow__fill--onsite{background:var(--primary-ink)}