.calculator-container[data-astro-cid-sqzhdl7e]{max-width:100%}.calculator-hero[data-astro-cid-sqzhdl7e]{background:linear-gradient(135deg,#667eead9,#764ba2d9),url(/images/tools/mileage-calculator-hero.jpg) center/cover;color:#fff;padding:4rem 2rem 3rem;text-align:center;position:relative}.calculator-hero[data-astro-cid-sqzhdl7e] h1[data-astro-cid-sqzhdl7e]{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.1}.subtitle[data-astro-cid-sqzhdl7e]{font-size:1.2rem;line-height:1.6;opacity:.95;max-width:700px;margin:0 auto}.calculator-content[data-astro-cid-sqzhdl7e]{max-width:1200px;margin:-2rem auto 0;padding:0 2rem 3rem;display:grid;grid-template-columns:450px 1fr;gap:2rem;align-items:start}.calculator-card[data-astro-cid-sqzhdl7e],.results-card[data-astro-cid-sqzhdl7e]{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 10px 40px #0000001a;border:2px solid #e2e8f0}.results-card[data-astro-cid-sqzhdl7e]{position:sticky;top:2rem}.calculator-card[data-astro-cid-sqzhdl7e] h2[data-astro-cid-sqzhdl7e],.results-card[data-astro-cid-sqzhdl7e] h2[data-astro-cid-sqzhdl7e]{font-size:1.8rem;margin-bottom:2rem;color:#1f2937}.input-group[data-astro-cid-sqzhdl7e]{margin-bottom:1.5rem}.input-group[data-astro-cid-sqzhdl7e] label[data-astro-cid-sqzhdl7e]{display:block;font-weight:600;margin-bottom:.5rem;color:#374151;font-size:.95rem}.input-group[data-astro-cid-sqzhdl7e] input[data-astro-cid-sqzhdl7e],.input-group[data-astro-cid-sqzhdl7e] select[data-astro-cid-sqzhdl7e]{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s;font-family:inherit}.input-group[data-astro-cid-sqzhdl7e] input[data-astro-cid-sqzhdl7e]:focus,.input-group[data-astro-cid-sqzhdl7e] select[data-astro-cid-sqzhdl7e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.hint[data-astro-cid-sqzhdl7e]{display:block;font-size:.85rem;color:#6b7280;margin-top:.5rem}.calculate-btn[data-astro-cid-sqzhdl7e]{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem}.calculate-btn[data-astro-cid-sqzhdl7e]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.status-banner[data-astro-cid-sqzhdl7e]{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;margin-bottom:2rem;background:#d1fae5;border-left:4px solid #10b981}.status-banner[data-astro-cid-sqzhdl7e].over-limit{background:#fee2e2;border-left-color:#ef4444}.status-icon[data-astro-cid-sqzhdl7e]{font-size:2rem}.status-text[data-astro-cid-sqzhdl7e]{font-size:1.3rem;font-weight:700;color:#065f46}.status-banner[data-astro-cid-sqzhdl7e].over-limit .status-text[data-astro-cid-sqzhdl7e]{color:#991b1b}.details-grid[data-astro-cid-sqzhdl7e]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.detail-item[data-astro-cid-sqzhdl7e]{background:#f7fafc;padding:1.25rem;border-radius:8px;border:2px solid #e2e8f0}.detail-label[data-astro-cid-sqzhdl7e]{font-size:.85rem;color:#6b7280;margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-astro-cid-sqzhdl7e]{font-size:1.5rem;font-weight:700;color:#1f2937}.comparison-section[data-astro-cid-sqzhdl7e]{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.comparison-section[data-astro-cid-sqzhdl7e] h3[data-astro-cid-sqzhdl7e]{font-size:1.3rem;margin-bottom:1.5rem;color:#1f2937}.cost-comparison[data-astro-cid-sqzhdl7e]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.cost-option[data-astro-cid-sqzhdl7e]{background:#f7fafc;border:3px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.cost-option[data-astro-cid-sqzhdl7e].recommended{border-color:#10b981;background:#d1fae5}.option-header[data-astro-cid-sqzhdl7e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.option-header[data-astro-cid-sqzhdl7e] h4[data-astro-cid-sqzhdl7e]{font-size:1.1rem;color:#1f2937;margin:0}.option-badge[data-astro-cid-sqzhdl7e]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.option-badge[data-astro-cid-sqzhdl7e].best{background:#10b981;color:#fff}.option-cost[data-astro-cid-sqzhdl7e]{margin-bottom:1rem}.option-cost[data-astro-cid-sqzhdl7e] .currency[data-astro-cid-sqzhdl7e]{font-size:1.5rem;color:#6b7280;font-weight:600}.option-cost[data-astro-cid-sqzhdl7e] .amount[data-astro-cid-sqzhdl7e]{font-size:2.5rem;font-weight:800;color:#1f2937}.option-details[data-astro-cid-sqzhdl7e]{list-style:none;padding:0;margin:0}.option-details[data-astro-cid-sqzhdl7e] li[data-astro-cid-sqzhdl7e]{padding:.5rem 0;color:#4b5563;font-size:.9rem;border-bottom:1px solid #e2e8f0}.option-details[data-astro-cid-sqzhdl7e] li[data-astro-cid-sqzhdl7e]:last-child{border-bottom:none}.recommendation[data-astro-cid-sqzhdl7e]{margin-top:2rem;padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;line-height:1.6}.recommendation[data-astro-cid-sqzhdl7e] strong[data-astro-cid-sqzhdl7e]{font-weight:700}.next-steps[data-astro-cid-sqzhdl7e]{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.next-steps[data-astro-cid-sqzhdl7e] h3[data-astro-cid-sqzhdl7e]{font-size:1.3rem;margin-bottom:1.5rem;color:#1f2937}.steps-grid[data-astro-cid-sqzhdl7e]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step-card[data-astro-cid-sqzhdl7e]{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-sqzhdl7e]:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 10px 25px #667eea26}.step-icon[data-astro-cid-sqzhdl7e]{font-size:2rem;display:block;margin-bottom:.75rem}.step-card[data-astro-cid-sqzhdl7e] h4[data-astro-cid-sqzhdl7e]{font-size:1.1rem;margin-bottom:.25rem;color:#1f2937}.step-card[data-astro-cid-sqzhdl7e] p[data-astro-cid-sqzhdl7e]{font-size:.9rem;color:#718096}.info-section[data-astro-cid-sqzhdl7e]{background:#fff;padding:5rem 2rem}.info-section[data-astro-cid-sqzhdl7e] h2[data-astro-cid-sqzhdl7e]{font-size:2.2rem;text-align:center;margin-bottom:3rem;color:#1f2937}.info-grid[data-astro-cid-sqzhdl7e]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.info-card[data-astro-cid-sqzhdl7e]{background:#f7fafc;padding:2rem;border-radius:12px;border:2px solid #e2e8f0}.info-card[data-astro-cid-sqzhdl7e] h3[data-astro-cid-sqzhdl7e]{font-size:1.3rem;margin-bottom:1rem;color:#1f2937}.info-card[data-astro-cid-sqzhdl7e] p[data-astro-cid-sqzhdl7e]{color:#4a5568;line-height:1.7;margin-bottom:1rem}.info-card[data-astro-cid-sqzhdl7e] ul[data-astro-cid-sqzhdl7e]{list-style:none;padding:0;margin:0}.info-card[data-astro-cid-sqzhdl7e] li[data-astro-cid-sqzhdl7e]{padding:.5rem 0;color:#2d3748;line-height:1.6}.info-card[data-astro-cid-sqzhdl7e] li[data-astro-cid-sqzhdl7e] strong[data-astro-cid-sqzhdl7e]{color:#667eea}@media(max-width:968px){.calculator-content[data-astro-cid-sqzhdl7e]{grid-template-columns:1fr}.results-card[data-astro-cid-sqzhdl7e]{position:static}.calculator-hero[data-astro-cid-sqzhdl7e] h1[data-astro-cid-sqzhdl7e]{font-size:2.2rem}.details-grid[data-astro-cid-sqzhdl7e],.cost-comparison[data-astro-cid-sqzhdl7e],.steps-grid[data-astro-cid-sqzhdl7e]{grid-template-columns:1fr}}
