.calc-hero,.calc-form,.cost-verdict{--fvd-line:#d3dce4;--fvd-tint:#e4eaf1;--c-field:#b9c6d1}.calc-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px 56px;padding:0 0 6px;display:grid}.calc-hero h1,.cost-head h1{letter-spacing:-1.2px;margin:0 0 10px;font-size:clamp(2rem,3.6vw,2.8rem)}.calc-hero .lead,.cost-head .lead{color:var(--muted);max-width:760px;margin:0 0 22px;font-size:17px;line-height:1.55}.calc-form{gap:14px;display:grid}.calc-row{flex-wrap:wrap;gap:12px;display:flex}.calc-field{flex-direction:column;flex:120px;gap:6px;min-width:0;display:flex}.calc-field.calc-grow{flex:2 180px}.calc-field>span{white-space:nowrap;font-size:13px;font-weight:700}.calc-field input,.calc-field select{border:1px solid var(--c-field);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:6px;padding:0 12px;font:600 16px Arial,Helvetica,sans-serif}.calc-field input:focus-visible,.calc-field select:focus-visible{outline:2px solid var(--ink);outline-offset:0;border-color:var(--ink)}.calc-note{color:var(--muted);margin:8px 0 0;font-size:13px}.calc-result{background:var(--fvd-tint);border-radius:6px;padding:24px}.calc-kicker{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:700}.calc-big{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;display:flex}.calc-big strong{letter-spacing:-1.5px;font-size:clamp(34px,5vw,48px);line-height:1.1}.calc-big span{color:var(--muted);font-size:16px}.calc-scale{margin:18px 0 6px;padding-top:12px;position:relative}.calc-track{border-radius:5px;height:10px;display:flex;overflow:hidden}.calc-track span:first-child,.calc-scale-labels span:first-child{flex:0 0 22.73%}.calc-track span:nth-child(2),.calc-scale-labels span:nth-child(2){flex:0 0 11.36%}.calc-track span:nth-child(3),.calc-scale-labels span:nth-child(3){flex:0 0 25%}.calc-track span:nth-child(4),.calc-scale-labels span:nth-child(4){flex:0 0 18.18%}.calc-track span:nth-child(5),.calc-scale-labels span:nth-child(5){flex:0 0 22.73%}.calc-track .vl,.calc-track .vh{background:#e2aaa5}.calc-track .lo,.calc-track .hi{background:#efd38f}.calc-track .ty{background:#9fd1b3}.calc-marker{background:var(--ink);border-radius:2px;width:4px;height:30px;margin-left:-2px;transition:left .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:45%}.calc-scale-labels{color:var(--muted);margin-top:8px;font-size:12px;display:flex}.calc-scale-labels span{text-align:center;white-space:nowrap;overflow:hidden}.calc-verdict{letter-spacing:-.4px;margin:16px 0 6px;font-size:22px}[data-level^=very] .calc-verdict{color:#a12e27}[data-level=typical] .calc-verdict{color:#1f7a4d}.calc-explain{margin:0 0 4px;font-size:15px;line-height:1.55}.calc-ask-title{margin:18px 0 4px;font-size:15px}.calc-ask{margin:0;padding:0;list-style:none}.calc-ask li{border-bottom:1px solid #c9d5e0;margin:0;padding:8px 0 8px 22px;font-size:15px;line-height:1.4;position:relative}.calc-ask li:before{content:"?";color:var(--action-red,#b5322e);font-weight:700;position:absolute;top:8px;left:0}.calc-ask:empty+*{margin-top:0}.calc-next{border-top:2px solid var(--ink);margin-top:22px;padding-top:18px}.calc-next-title{align-items:center;gap:8px;margin:0 0 4px;font-size:17px;font-weight:700;display:flex}.calc-next-title svg{color:var(--action-red,#b5322e);flex:none}.calc-next-text{color:var(--muted);margin:0 0 12px;font-size:14px}.calc-next .vin-panel{margin:0}.calc-next .vin-controls{max-width:none}.calc-next .vin-controls .button{white-space:nowrap}.calc-next .form-help,.calc-next .vin-alternative{max-width:none;font-size:12px}.calc-table-wrap{max-width:760px;overflow-x:auto}.calc-table{border-collapse:collapse;width:100%;font-size:15px}.calc-table th,.calc-table td{border:0;border-bottom:1px solid var(--fvd-line);text-align:left;white-space:nowrap;background:0 0;padding:10px 12px 10px 0}.calc-table thead th{color:var(--muted);border-bottom:2px solid var(--ink);font-size:13px}.calc-table td{font-variant-numeric:tabular-nums}.calc-sub{margin:28px 0 8px;font-size:17px}.calc-ages{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 20px;max-width:960px;margin:0;padding:0;list-style:none;display:grid}.calc-ages li{border-top:3px solid #3f6b86;flex-direction:column;gap:2px;margin:0;padding:10px 0;display:flex}.calc-ages b{white-space:nowrap;font-size:17px}.calc-ages span{color:var(--muted);white-space:nowrap;font-size:13px}.calc-signs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 40px;margin:0;padding:0;list-style:none;display:grid}.calc-signs li{border-bottom:1px solid var(--fvd-line);gap:14px;margin:0;padding:14px 0;display:flex}.calc-signs svg{color:var(--action-red,#b5322e);flex:none;margin-top:2px}.calc-signs h3{margin:0 0 4px;font-size:16px}.calc-signs p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.cost-head{max-width:860px}.cost-shared{max-width:980px}.cost-cars{grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:10px;display:grid}.cost-car{border:0;border-top:2px solid var(--ink);min-width:0;margin:0;padding:14px 0 0}.cost-car legend{float:left;width:100%;margin-bottom:12px;padding:0}.cost-car>.calc-row{clear:both;margin-bottom:12px}.cost-tag{background:var(--navy);color:#fff;border-radius:4px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.cost-car[data-car=b] .cost-tag{background:#3f6b86}.cost-out{background:var(--fvd-tint);border-radius:6px;margin-top:6px;padding:20px}.cost-sub{color:var(--muted);margin:4px 0 14px;font-size:15px}.cost-bar{background:#cfd9e2;border-radius:6px;height:12px;display:flex;overflow:hidden}.cost-bar i{flex:0 1 0;min-width:0;transition:flex-grow .5s}.p-fuel{background:#052c40}.p-depreciation{background:#b5322e}.p-insurance{background:#5b8aa8}.p-tax{background:#c9962a}.p-maintenance{background:#2f7a52}.cost-parts{margin:12px 0 0;padding:0;list-style:none}.cost-parts li{border-bottom:1px solid #c9d5e0;align-items:center;gap:10px;margin:0;padding:6px 0;font-size:14px;display:flex}.cost-parts li i{border-radius:2px;flex:none;width:10px;height:10px}.cost-parts li span{flex:1}.cost-parts b{font-variant-numeric:tabular-nums}.cost-verdict{max-width:860px;margin:34px 0 0}.cost-verdict .calc-next{margin-top:0}.cost-compare{background:var(--fvd-tint,#e4eaf1);border-radius:6px;margin:-6px 0 22px;padding:14px 18px;font-size:16px;line-height:1.5}.cost-compare strong{letter-spacing:-.4px;font-size:clamp(19px,2.4vw,24px);display:block}@media (prefers-reduced-motion:reduce){.calc-marker,.cost-bar i{transition:none}}@media (width<=980px){.calc-hero{grid-template-columns:1fr}}@media (width<=860px){.cost-cars{grid-template-columns:1fr}.calc-ages{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}}@media (width<=560px){.calc-result,.cost-out{padding:18px 16px}.calc-scale-labels{font-size:11px}.calc-scale-labels span:nth-child(2){visibility:hidden}.calc-ages{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-field{flex-basis:96px}}.calc-field select{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2312374a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/22px no-repeat;padding-right:44px}.calc-field select:hover{border-color:var(--ink)}.cost-more{margin:0 0 12px}.cost-more summary{background:var(--fvd-tint);cursor:pointer;border-radius:6px;align-items:center;gap:14px;padding:12px 14px;list-style:none;transition:background .15s;display:flex}.cost-more summary:hover{background:#d6e0ea}.cost-more summary::-webkit-details-marker{display:none}.cost-more summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cost-more-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cost-more-text b{font-size:15px}.cost-more-text small{color:var(--muted);font-size:13px;line-height:1.45}.cost-more-btn{border:1.5px solid var(--ink);background:#fff;border-radius:6px;flex:none;align-items:center;gap:6px;padding:7px 10px 7px 14px;font-size:13px;font-weight:700;display:inline-flex}.cost-more-btn svg{transition:transform .2s}.cost-more .when-open,.cost-more[open] .when-closed{display:none}.cost-more[open] .when-open{display:inline}.cost-more[open] .cost-more-btn svg{transform:rotate(180deg)}.cost-more[open] summary,.cost-more .calc-row{margin-bottom:12px}.calc-has-tip{position:relative}.calc-label{white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.calc-tip-btn{color:#3f6b86;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;margin:-6px 0;padding:0;display:inline-grid}.calc-tip-btn:hover,.calc-tip-btn[aria-expanded=true]{color:var(--ink);background:var(--fvd-tint)}.calc-field>.calc-tip-box{z-index:20;white-space:normal;width:min(340px,100vw - 32px);color:var(--ink);background:#fff;border:1px solid #c9d5e0;border-radius:6px;padding:14px 16px;font-size:13px;font-weight:400;line-height:1.5;display:none;position:absolute;top:26px;left:0;box-shadow:0 14px 36px #052c4026}.calc-has-tip:has(.calc-tip-btn:hover)>.calc-tip-box,.calc-has-tip:has(.calc-tip-btn:focus-visible)>.calc-tip-box,.calc-tip-box:hover,.calc-has-tip.is-open>.calc-tip-box{gap:6px;display:grid}.calc-tip-box strong{font-size:14px}.calc-tip-box b{font-weight:700}.calc-tip-box .tip-example{background:var(--fvd-tint);border-radius:4px;padding:6px 8px}.calc-tip-box .tip-rule,.calc-tip-box small{color:var(--muted)}.calc-tip-box small{font-size:12px}.calc-tip-box a{color:inherit}@media (prefers-reduced-motion:reduce){.cost-more-btn svg,.cost-more summary{transition:none}}
