.calculator-container[data-astro-cid-z5uhuyxi]{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.calculator-hero[data-astro-cid-z5uhuyxi]{background:linear-gradient(135deg,#667eead9,#764ba2d9),url(/images/tools/fuel-cost-estimator-hero.jpg) center/cover;color:#fff;padding:4rem 2rem 3rem;text-align:center;margin-bottom:3rem;position:relative}.calculator-hero[data-astro-cid-z5uhuyxi] h1[data-astro-cid-z5uhuyxi]{font-size:3rem;margin-bottom:1rem;color:#1f2937}.subtitle[data-astro-cid-z5uhuyxi]{font-size:1.2rem;color:#4a5568}.calculator-content[data-astro-cid-z5uhuyxi]{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin-bottom:4rem}.calculator-card[data-astro-cid-z5uhuyxi],.results-card[data-astro-cid-z5uhuyxi]{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 6px #0000000d;border:2px solid #e2e8f0}.calculator-card[data-astro-cid-z5uhuyxi] h2[data-astro-cid-z5uhuyxi],.results-card[data-astro-cid-z5uhuyxi] h2[data-astro-cid-z5uhuyxi]{font-size:1.8rem;margin-bottom:2rem;color:#1f2937}.input-group[data-astro-cid-z5uhuyxi]{margin-bottom:1.5rem}.input-group[data-astro-cid-z5uhuyxi] label[data-astro-cid-z5uhuyxi]{display:block;font-weight:600;margin-bottom:.5rem;color:#2d3748;font-size:.95rem}.input-group[data-astro-cid-z5uhuyxi] input[data-astro-cid-z5uhuyxi],.input-group[data-astro-cid-z5uhuyxi] select[data-astro-cid-z5uhuyxi]{width:100%;padding:.875rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s}.input-group[data-astro-cid-z5uhuyxi] input[data-astro-cid-z5uhuyxi]:focus,.input-group[data-astro-cid-z5uhuyxi] select[data-astro-cid-z5uhuyxi]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.hint[data-astro-cid-z5uhuyxi]{display:block;font-size:.85rem;color:#718096;margin-top:.5rem}.calculate-btn[data-astro-cid-z5uhuyxi]{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.calculate-btn[data-astro-cid-z5uhuyxi]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.cost-display[data-astro-cid-z5uhuyxi]{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:2rem}.main-cost[data-astro-cid-z5uhuyxi]{color:#fff;font-size:4rem;font-weight:800;line-height:1}.currency[data-astro-cid-z5uhuyxi]{font-size:2.5rem;vertical-align:super}.cost-label[data-astro-cid-z5uhuyxi]{color:#ffffffe6;font-size:1.1rem;margin-top:.5rem}.details-grid[data-astro-cid-z5uhuyxi]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.detail-item[data-astro-cid-z5uhuyxi]{background:#f7fafc;padding:1.25rem;border-radius:8px;text-align:center}.detail-label[data-astro-cid-z5uhuyxi]{font-size:.85rem;color:#718096;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-astro-cid-z5uhuyxi]{font-size:1.5rem;font-weight:700;color:#1f2937}.comparison-section[data-astro-cid-z5uhuyxi]{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.comparison-section[data-astro-cid-z5uhuyxi] h3[data-astro-cid-z5uhuyxi]{font-size:1.5rem;margin-bottom:.5rem;color:#1f2937}.comparison-intro[data-astro-cid-z5uhuyxi]{color:#4a5568;margin-bottom:1.5rem}.comparison-grid[data-astro-cid-z5uhuyxi]{display:grid;gap:1rem}.comparison-item[data-astro-cid-z5uhuyxi]{display:grid;grid-template-columns:50px 1fr 100px 100px;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;border:2px solid transparent;transition:all .3s;position:relative}.comparison-item[data-astro-cid-z5uhuyxi].selected{border-color:#667eea;background:#eef2ff}.comparison-icon[data-astro-cid-z5uhuyxi]{font-size:2rem}.comparison-name[data-astro-cid-z5uhuyxi]{font-weight:600;color:#2d3748}.comparison-mpg[data-astro-cid-z5uhuyxi]{font-size:.9rem;color:#718096}.comparison-cost[data-astro-cid-z5uhuyxi]{font-size:1.5rem;font-weight:700;color:#667eea;text-align:right}.selected-badge[data-astro-cid-z5uhuyxi]{position:absolute;top:.5rem;right:.5rem;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.savings-badge[data-astro-cid-z5uhuyxi]{position:absolute;bottom:.5rem;right:.5rem;background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.cost-badge[data-astro-cid-z5uhuyxi]{position:absolute;bottom:.5rem;right:.5rem;background:#ef4444;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.savings-tip[data-astro-cid-z5uhuyxi]{background:#d1fae5;border-left:4px solid #10b981;padding:1.25rem;border-radius:8px;margin-top:2rem;color:#065f46;display:none}.next-steps[data-astro-cid-z5uhuyxi]{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.next-steps[data-astro-cid-z5uhuyxi] h3[data-astro-cid-z5uhuyxi]{font-size:1.3rem;margin-bottom:1.5rem;color:#1f2937}.steps-grid[data-astro-cid-z5uhuyxi]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step-card[data-astro-cid-z5uhuyxi]{background:#f7fafc;padding:1.5rem;border-radius:8px;border:2px solid #e2e8f0;text-align:center;text-decoration:none;transition:all .3s}.step-card[data-astro-cid-z5uhuyxi]:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 10px 25px #667eea26}.step-icon[data-astro-cid-z5uhuyxi]{font-size:2rem;display:block;margin-bottom:.75rem}.step-card[data-astro-cid-z5uhuyxi] h4[data-astro-cid-z5uhuyxi]{font-size:1.1rem;margin-bottom:.25rem;color:#1f2937}.step-card[data-astro-cid-z5uhuyxi] p[data-astro-cid-z5uhuyxi]{font-size:.9rem;color:#718096}.info-section[data-astro-cid-z5uhuyxi]{margin-top:4rem;padding-top:3rem;border-top:3px solid #e2e8f0}.info-section[data-astro-cid-z5uhuyxi] h2[data-astro-cid-z5uhuyxi]{font-size:2.2rem;text-align:center;margin-bottom:3rem;color:#1f2937}.info-grid[data-astro-cid-z5uhuyxi]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.info-card[data-astro-cid-z5uhuyxi]{background:#f7fafc;padding:2rem;border-radius:12px;border:2px solid #e2e8f0}.info-card[data-astro-cid-z5uhuyxi] h3[data-astro-cid-z5uhuyxi]{font-size:1.3rem;margin-bottom:1rem;color:#1f2937}.info-card[data-astro-cid-z5uhuyxi] p[data-astro-cid-z5uhuyxi]{color:#4a5568;line-height:1.7;margin-bottom:1rem}.info-card[data-astro-cid-z5uhuyxi] ul[data-astro-cid-z5uhuyxi]{list-style:none;padding:0}.info-card[data-astro-cid-z5uhuyxi] li[data-astro-cid-z5uhuyxi]{padding:.5rem 0;color:#2d3748;line-height:1.6}.info-card[data-astro-cid-z5uhuyxi] li[data-astro-cid-z5uhuyxi] strong[data-astro-cid-z5uhuyxi]{color:#667eea}@media(max-width:968px){.calculator-content[data-astro-cid-z5uhuyxi]{grid-template-columns:1fr}.calculator-hero[data-astro-cid-z5uhuyxi] h1[data-astro-cid-z5uhuyxi]{font-size:2.2rem}.main-cost[data-astro-cid-z5uhuyxi]{font-size:3rem}.details-grid[data-astro-cid-z5uhuyxi]{grid-template-columns:1fr}.comparison-item[data-astro-cid-z5uhuyxi]{grid-template-columns:40px 1fr 80px}.comparison-mpg[data-astro-cid-z5uhuyxi]{grid-column:2 / 3;font-size:.8rem}.steps-grid[data-astro-cid-z5uhuyxi]{grid-template-columns:1fr}}