:root{font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;color:#1f3430;background:#f6f7f2;--green:#15624d;--muted:#52635d;--line:#d8e1d7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:var(--green)}button,a,input,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #82a129}[hidden]{display:none!important}.header,main,footer{max-width:1120px;margin:auto}.header{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:23px;letter-spacing:-1px;text-decoration:none;font-weight:800}.brand span{display:block;color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0;margin-top:5px}.badge{font-size:12px;color:var(--green);background:#e4ecdf;padding:9px 12px;border-radius:20px}main{padding:0 30px}.intro{padding:40px 0 24px}.eyebrow{font-size:13px;color:var(--green);font-weight:700;margin:0 0 12px}h1{font-size:38px;line-height:1.35;letter-spacing:-1.5px;margin:0 0 18px}h2{font-size:23px;line-height:1.5;letter-spacing:-.7px;margin:0}h3{font-size:17px;line-height:1.5;margin:8px 0}.intro>p,.body-copy,.how p{font-size:16px;line-height:1.85;color:var(--muted);margin:12px 0}.intro>.scope-intro{font-size:14px;color:#715d35}.vehicle-section{padding:26px 0 30px;border-top:1px solid var(--line)}.vehicles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 12px}.vehicles article{padding:20px 22px;background:#fff;border-left:4px solid #a9b5a4}.vehicles article+article{border-left-color:var(--green)}.vehicles span{font-size:13px;font-weight:700;color:var(--green)}.vehicles p{font-size:16px;line-height:1.7;margin:10px 0 0;overflow-wrap:anywhere}.gap{font-size:17px;font-weight:700;line-height:1.8}.source-details{margin-top:18px}.source-details p{font-size:15px;line-height:1.85;color:var(--muted)}summary{cursor:pointer;font-size:15px;line-height:1.7;color:var(--green);padding:5px 0}summary::marker{color:var(--green)}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.plain{border:0;background:none;color:var(--muted);font-size:13px;padding:8px 0;cursor:pointer;white-space:nowrap}.field{display:block;font-size:17px;font-weight:700;margin:26px 0 0;line-height:1.65}.help{font-size:14px;line-height:1.85;color:var(--muted);margin:7px 0 10px}.control{display:flex;align-items:center;border:1px solid #cbd8cd;border-radius:8px;background:#fbfcf8}.control input{min-width:0;width:100%;font-size:23px;font-weight:600;border:0;background:transparent;padding:13px;color:#1f3430}.control>span{flex-shrink:0;font-size:13px;color:var(--muted);padding-right:13px}.control:focus-within{border-color:var(--green)}.control:has([aria-invalid=true]){border-color:#9d3d2c}.adjustments{margin-top:24px;border-top:1px solid var(--line);padding-top:15px}.adjustments .body-copy{font-size:14px}.primary{width:100%;background:var(--green);color:#fff;border:0;border-radius:8px;font-size:17px;font-weight:700;padding:17px;display:flex;justify-content:space-between;cursor:pointer;margin-top:24px}.primary:hover{background:#104d3e}.privacy{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}.example{font-size:14px;line-height:1.6;color:var(--green);background:none;border:0;border-bottom:1px solid #bed1bd;padding:8px 0;margin-top:18px;cursor:pointer;text-align:left}.note{font-size:13px;line-height:1.8;color:#775b2d}.error{font-size:14px;line-height:1.8;background:#fff0e8;color:#963c24;padding:12px;margin:18px 0 0;border-radius:8px}.result-card{background:#fffef8}.empty{padding:38px 0}.empty p{font-size:18px;line-height:1.85;color:var(--muted)}.empty span{font-size:14px;color:var(--muted)}.answer{margin-top:22px;background:#edf3e4;padding:22px;border-radius:10px}.answer>p{font-size:14px;line-height:1.85;margin:0 0 12px;color:#466044}.answer strong{display:block;font-size:32px;line-height:1.45;letter-spacing:-1px;color:#1c573f;margin:12px 0;overflow-wrap:anywhere}.answer #payback-detail{margin:12px 0 0}.fuel-bills{margin-top:24px}.fuel-bills p,.period-result p{font-size:15px;line-height:1.85;margin:8px 0;color:var(--muted)}.fuel-bills strong{display:block;font-size:19px;line-height:1.6;color:var(--green);margin:14px 0}.period-result{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}.period-result h3{font-size:19px}.formula{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.formula p{font-size:14px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}.scope{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.scope strong{font-size:16px}.scope p{font-size:14px;line-height:1.85;color:var(--muted);margin:8px 0 0}.how{max-width:850px;padding:40px 0 30px}.how p{font-size:16px}footer{border-top:1px solid var(--line);padding:25px 30px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;line-height:1.7}@media(max-width:760px){.header{padding:20px}.brand{font-size:21px}.badge{font-size:11px}main{padding:0 20px}h1{font-size:29px}.intro{padding:30px 0 22px}.vehicles,.workspace{grid-template-columns:1fr}.vehicles{gap:12px}.card{padding:22px 19px}.section-top h2{font-size:20px}.answer strong{font-size:29px}.vehicles h3{font-size:18px}.intro>p,.body-copy,.how p{font-size:15px}footer{padding:22px 20px;flex-direction:column}}@media print{.input-card,.badge{display:none}.workspace{display:block}.card{break-inside:avoid}.header{padding-top:0}}
/* Keep the explanation visible; optional precision and source details remain collapsible. */
.calculation-steps{list-style:none;counter-reset:step;padding:0;margin:12px 0 0}.calculation-steps>li{counter-increment:step;border-bottom:1px solid var(--line);padding:16px 0}.calculation-steps>li:last-child{border-bottom:0}.calculation-steps h4{font-size:16px;line-height:1.7;margin:0 0 10px}.calculation-steps h4:before{content:counter(step);display:inline-grid;place-items:center;width:25px;height:25px;margin-right:9px;border-radius:50%;color:#fff;background:var(--green);font-size:13px}.formula .calculation-line{color:#244b3c;background:#f0f4e8;border-radius:7px;padding:11px 13px;margin:10px 0;line-height:1.8}.formula .rounding-note{font-size:12px;line-height:1.8}.formula .result-source{font-size:13px;background:#f7f8f1;border-left:3px solid #a4b396;padding:12px 14px}.precision{margin-top:14px}.precision p{font-size:13px}details.how{margin-top:26px;padding-top:16px;padding-bottom:26px}.how>summary{font-size:16px;font-weight:700}

.distance-guide{background:#f6f8ef;border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:12px 0 14px}.distance-guide>summary{font-weight:700}.distance-guide .field{font-size:15px;margin-top:18px}.distance-guide .control input{font-size:20px}.secondary{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:7px;padding:12px 14px;width:100%;font-weight:700;cursor:pointer;margin-top:10px}.optional{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}