.vehicle-education-tool{background:#fff;color:#000;border:1px solid #000;padding:28px;margin:26px 0;font-family:Arial,Helvetica,sans-serif;line-height:1.7}.vehicle-education-tool *{box-sizing:border-box}.ve-tool-heading h3{font-size:27px;line-height:1.2;color:#060066;margin:12px 0 18px;letter-spacing:-.5px}.ve-tool-heading p{font-size:14px;max-width:800px;margin:0 0 22px}.ve-kicker{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.7px;color:#000}.ve-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vehicle-education-tool fieldset{min-width:0;border:1px solid #000;padding:18px;background:#fff;margin:0}.vehicle-education-tool legend{font-size:13px;font-weight:800;color:#060066;padding:0 7px}.vehicle-education-tool label{display:block;font-size:12px;font-weight:700;margin:0 0 16px}.vehicle-education-tool input[type=number],.vehicle-education-tool input[type=date]{display:block;width:100%;max-width:100%;font:15px Arial,sans-serif;background:#fff;color:#000;border:1px solid #000;border-radius:3px;padding:12px;margin-top:8px;min-height:44px}.vehicle-education-tool input:focus-visible,.vehicle-education-tool summary:focus-visible{outline:3px solid #ff8c00;outline-offset:3px}.vehicle-education-tool .ve-small{font-size:11px;line-height:1.65;margin:10px 0 0;color:#000}.ve-results{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px;padding:24px;background:#d7d7d7;border:1px solid #000;margin-top:24px;align-items:center}.ve-gauge{--progress:0%;width:160px;height:160px;border-radius:50%;border:2px solid #000;background:conic-gradient(#ff8c00 var(--progress),#fff 0);padding:15px;transition:background .2s ease}.ve-gauge-face{width:100%;height:100%;border:1px solid #000;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.ve-gauge-face strong{font-size:31px;color:#060066;line-height:1.2}.ve-gauge-face span{font-size:10px}.vehicle-education-tool .ve-result-title{font-size:21px;line-height:1.3;color:#060066;font-weight:800;margin:0 0 10px}.ve-result-detail{font-size:12px;line-height:1.7;margin:0 0 20px}.ve-bar-row{margin-bottom:15px}.ve-bar-row>span{font-size:12px;font-weight:750}.ve-bar-track{height:18px;background:#fff;border:1px solid #000;overflow:hidden;margin:5px 0}.ve-bar-track>span{display:block;min-height:100%;width:0;background:#ff8c00;border-right:1px solid #000;transition:width .35s ease}.ve-bar-row small{font-size:11px}.ve-method{margin-top:24px;border-top:1px solid #000;padding-top:16px}.ve-method summary{font-weight:800;color:#060066;cursor:pointer;font-size:13px}.ve-method p{font-size:12px;line-height:1.8}.ve-cost-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ve-cost-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.ve-cost-results>div{padding:18px;border:1px solid #000;background:#060066;color:#fff}.ve-cost-results span,.ve-cost-results small{display:block;font-size:11px;line-height:1.6}.ve-cost-results strong{display:block;font-size:26px;line-height:1.25;overflow-wrap:anywhere;color:#fff;margin:10px 0}.ve-cost-chart{padding:22px;background:#d7d7d7;border:1px solid #000}.ve-viscosity-label{background:#060066;color:#fff;text-align:center;padding:20px;margin-bottom:25px;border:1px solid #000}.ve-viscosity-label strong{display:block;font-size:44px;line-height:1.2;color:#fff}.ve-viscosity-label span{font-size:11px}.ve-viscosity-inputs,.ve-viscosity-meters{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ve-viscosity-inputs label{padding:18px;border:1px solid #000;background:#d7d7d7}.ve-viscosity-inputs output{font-size:20px;display:block;color:#060066;margin:6px 0}.ve-viscosity-inputs input[type=range]{display:block;width:100%;min-height:44px;margin:8px 0;accent-color:#060066;cursor:pointer}.ve-range-labels{display:flex;justify-content:space-between;font-size:10px}.ve-ordinal-meter{position:relative;height:24px;margin:10px 14px 22px;background:linear-gradient(90deg,#fff,#d7d7d7);border:1px solid #000}.ve-ordinal-meter>span{display:block;position:absolute;top:-6px;left:0;transform:translateX(-50%);width:10px;height:34px;background:#ff8c00;border:2px solid #000;transition:left .3s ease}.ve-viscosity-meters h4{color:#060066;font-size:16px;line-height:1.3;margin:12px 0}.ve-viscosity-meters p{font-size:12px;line-height:1.8;margin:0}.ve-viscosity-meters>div{padding:18px;border:1px solid #000}.vehicle-education-tool button{min-height:44px}.ve-method summary{padding:6px 0}@media(max-width:1000px){.ve-form-grid{grid-template-columns:1fr}.ve-results{grid-template-columns:160px minmax(0,1fr);gap:18px}.ve-cost-results{grid-template-columns:1fr}}@media(max-width:650px){.vehicle-education-tool{padding:20px}.ve-tool-heading h3{font-size:23px}.ve-results,.ve-cost-inputs,.ve-viscosity-inputs,.ve-viscosity-meters{grid-template-columns:1fr}.ve-results{padding:18px}.ve-gauge{margin:auto}.ve-viscosity-label strong{font-size:36px}.ve-cost-results strong{font-size:25px}}@media(prefers-reduced-motion:reduce){.ve-gauge,.ve-bar-track>span,.ve-ordinal-meter>span{transition:none}}