.calculator-hero{border-bottom:1px solid var(--rule);padding-block:clamp(2.5rem,6vw,5rem);background:var(--surface-raised)}.calculator-heading{display:grid;gap:1.5rem;align-items:end}.calculator-heading h1{max-width:17ch;font-size:var(--type-display-xl)}.calculator-heading>p{max-width:34rem;margin:0;color:var(--ink-dim);font-size:1.05rem}.calculator-shell{border-top:0}.calculator-grid{display:grid;gap:2rem}.calculator-inputs,.results{border:1px solid var(--rule-strong);background:var(--surface-raised)}.calculator-inputs{border-top:.4rem solid var(--signal-soon)}.results{border-top:.4rem solid var(--signal-good);background:var(--surface)}.input-heading,.results-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule);padding:1rem}.input-heading>span,.results-heading>div>span,.result-status{color:var(--signal-text);font-size:.62rem;letter-spacing:.06em}.input-heading{display:grid;gap:.45rem}.input-heading h2,.results-heading h2{font-size:2rem}.results-heading>div{display:grid;gap:.45rem}.result-status{border-left:2px solid var(--signal-soon);padding-left:.55rem;color:var(--ink-dim)}.input-body{display:grid;gap:1rem;padding:1rem}.odometer-field>div{position:relative}.odometer-field input{min-height:3.7rem;padding-right:3.5rem;font-size:1.2rem;font-weight:600}.odometer-field>div>span{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--ink-dim);font-size:.68rem}.profile-choice{display:grid;gap:.6rem;margin:0;border:0;padding:0}.profile-choice label{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;border:1px solid var(--rule-strong);padding:.8rem;cursor:pointer}.profile-choice label:has(input:checked){border-color:var(--signal-soon);background:var(--surface)}.profile-choice input{width:1rem;height:1rem;margin-top:.2rem;accent-color:var(--signal-soon)}.profile-choice span{display:grid;gap:.2rem}.profile-choice strong{font-size:.83rem}.profile-choice small{color:var(--ink-dim);font-size:.72rem}.history-toggle{border-block:1px solid var(--rule);padding-block:.75rem}.history-toggle summary{display:flex;align-items:center;gap:.55rem;color:var(--ink-dim);font-size:.76rem;cursor:pointer}.history-toggle[open] summary{margin-bottom:.9rem;color:var(--ink)}.history-fields{display:grid;gap:.9rem}.history-hint{margin:0;color:var(--ink-dim);font-size:.72rem}.result-empty{display:grid;min-height:18rem;place-content:center;justify-items:center;padding:2.5rem 1.5rem;text-align:center}.result-empty svg{margin-bottom:1rem;color:var(--signal-soon)}.result-empty strong{font-family:var(--font-display-family);font-size:1.6rem;font-weight:500;text-transform:uppercase}.result-empty p{max-width:28rem;margin:.5rem 0 0;color:var(--ink-dim);font-size:.85rem}.result-summary{display:grid;border-bottom:1px solid var(--rule)}.result-summary>div{display:grid;align-content:center;gap:.25rem;border-bottom:1px solid var(--rule);padding:1rem}.result-summary>div>span,.result-summary small{color:var(--ink-dim);font-family:var(--font-data-family);font-size:.61rem;letter-spacing:.06em;text-transform:uppercase}.result-summary strong{font-family:var(--font-display-family);font-size:1.35rem;font-weight:500;text-transform:uppercase}.result-summary>div:not(.result-vehicle) strong{font-family:var(--font-data-family);color:var(--ink)}.result-groups{padding:0 1rem}.result-group{border-bottom:1px solid var(--rule);padding-block:1.25rem}.result-group>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:.8rem}.result-group>header>div{display:flex;align-items:baseline;gap:.65rem}.group-index{color:var(--signal-text);font-size:.62rem}.result-group h3{font-size:1.65rem;text-transform:uppercase}.result-group>header>span{color:var(--ink-dim);font-size:.58rem}.service-result{display:grid;gap:.8rem;align-items:center;border-top:1px solid var(--rule);padding-block:1rem}@media(prefers-reduced-motion:reduce){.service-result .status-pill{animation:none}}@keyframes calc-fade{0%{opacity:0}to{opacity:1}}.service-result .status-pill{min-width:7.5rem;animation:calc-fade .15s ease}.service-result h4{margin:0;font-size:.9rem}.service-result p,.service-result small{display:block;margin:.2rem 0 0;color:var(--ink-dim);font-size:.7rem}.delta-value{font-size:.68rem}.service-result .text-link{font-size:.62rem}.result-actions{display:flex;flex-wrap:wrap;gap:.65rem;border-bottom:1px solid var(--rule);padding:1rem}.result-key{border-top:1px solid var(--rule);padding:1rem}.result-key>p{margin:0 0 .9rem}.result-key-row{display:grid;gap:.6rem;border-top:1px solid var(--rule);padding-block:.8rem}.result-key-row p{margin:0;color:var(--ink-dim);font-size:.76rem}.results-footnote{display:flex;gap:.65rem;border-top:1px solid var(--rule);padding:1rem;color:var(--ink-dim)}.results-footnote svg{flex:none;margin-top:.2rem;color:var(--signal-soon)}.results-footnote p{margin:0;font-size:.75rem}.calculator-features{padding-block:clamp(3rem,7vw,5rem)}.feature-grid{display:grid;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.feature-grid>div{display:grid;gap:.55rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1rem}.feature-grid svg{color:var(--signal-soon)}.feature-grid span{color:var(--ink-dim);font-size:.62rem}.feature-grid strong{margin-top:.45rem;font-family:var(--font-display-family);font-size:1.35rem;font-weight:500;text-transform:uppercase}.feature-grid p{margin:0;color:var(--ink-dim);font-size:.78rem}@media(min-width:42rem){.result-summary{grid-template-columns:minmax(12rem,1.7fr) repeat(3,minmax(0,1fr))}.result-summary>div{border-right:1px solid var(--rule);border-bottom:0}.result-summary>div:last-child{border-right:0}.service-result{grid-template-columns:auto minmax(12rem,1fr) auto auto}.result-key-row{grid-template-columns:auto 1fr;align-items:center}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:60rem){.calculator-heading{grid-template-columns:minmax(0,1fr) minmax(20rem,.55fr)}.calculator-grid{grid-template-columns:minmax(18rem,.42fr) minmax(0,1fr);align-items:start}.calculator-inputs{position:sticky;top:calc(var(--header-height) + 1.5rem);max-height:calc(100vh - var(--header-height) - 3rem);overflow-y:auto}}@media(max-width:41.99rem){.calculator-heading h1{font-size:clamp(3.2rem,15vw,4.8rem)}.calculator-heading>p{font-size:.95rem}.calculator-shell{padding-top:2.5rem}.calculator-grid{gap:1rem}.input-heading h2,.results-heading h2{font-size:1.7rem}}
