:root{--color-brand:#315c9a;--color-brand-hover:#254b82;--color-brand-deep:#162f59;--color-brand-tint:#e9f0fd;--color-bg:#f3f6fb;--color-surface:#fff;--color-text:#1e2d44;--color-subtext:#596982;--color-border:#dce4ee;--color-focus:#245fe6;--color-danger:#b42318;--color-warning:#825800;--color-success:#17664b;--color-on-brand:#fff;--radius-card:13px;--radius-input:9px;--radius-button:9px;--space-unit:4px;--font-family:system-ui, -apple-system, "Segoe UI", sans-serif;--content-max:1160px;--control-min-height:44px;--shadow-card:0 9px 26px #152c510d}*{box-sizing:border-box}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);margin:0;font-size:16px;line-height:1.65}a{color:var(--color-brand);text-underline-offset:4px}button,input,select{font:inherit}button,select,input{min-height:var(--control-min-height)}button,a,input,select{-webkit-tap-highlight-color:var(--color-brand-tint)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}h1,h2,p{margin-top:0}h1{letter-spacing:-.025em;font-size:clamp(24px,3vw,36px);line-height:1.3}h2{font-size:22px;line-height:1.4}p{color:var(--color-subtext)}main{max-width:var(--content-max);min-height:60vh;margin:auto;padding:32px 24px 24px}main:focus{outline:none}small,.hint{font-size:14px}@media (width<=600px){main{padding:20px 16px}h1{font-size:24px}}.site-header{background:var(--color-brand-deep);color:var(--color-on-brand)}.header-inner,.settings,.footer-inner{max-width:var(--content-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:auto;padding:20px 24px;display:flex}.brand{color:var(--color-on-brand);font-size:20px;font-weight:750;text-decoration:none}.preview-badge{border:1px solid var(--color-on-brand);border-radius:20px;padding:2px 10px;font-size:13px}.toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.settings{padding-top:12px;padding-bottom:12px}.settings label{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}select,input{border:1px solid var(--color-subtext);border-radius:var(--radius-input);color:var(--color-text);background:var(--color-surface);min-width:0;max-width:100%;padding:8px 12px;font-size:16px;font-weight:400}.language-switch{flex-wrap:wrap;gap:8px;display:flex}.language-switch a{border-radius:var(--radius-button);padding:9px 12px;text-decoration:none}[aria-current=page]{background:var(--color-brand-tint);font-weight:700}.hero{background:var(--color-brand-deep);border-radius:var(--radius-card);color:var(--color-on-brand);padding:36px}.hero p{max-width:680px;color:var(--color-on-brand);margin-bottom:0}.eyebrow{margin-bottom:12px;font-size:14px;font-weight:650;display:inline-block}.vehicle-cards{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);min-width:0;padding:28px}.card-index{border-radius:var(--radius-input);width:44px;height:44px;color:var(--color-brand);background:var(--color-brand-tint);justify-content:center;align-items:center;margin-bottom:20px;font-weight:700;display:inline-flex}.vehicle-card h2{margin-bottom:8px}.button{min-height:var(--control-min-height);border:1px solid var(--color-brand);border-radius:var(--radius-button);background:var(--color-brand);color:var(--color-on-brand);justify-content:center;align-items:center;gap:8px;max-width:100%;padding:10px 18px;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--color-brand-hover)}.button:disabled{background:var(--color-brand-tint);color:var(--color-subtext);border-color:var(--color-border);cursor:not-allowed}.trust{padding:24px 28px}.trust h2{font-size:20px}.ad-slot{min-height:90px;margin-top:40px}.ad-slot-qa{border:1px dashed var(--color-subtext);text-align:center;color:var(--color-subtext);place-content:center;display:grid}.vehicle-tabs{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.vehicle-tabs a{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);min-width:120px;padding:10px 16px;text-decoration:none}.vehicle-tabs a[aria-current]{background:var(--color-brand-tint);border-color:var(--color-brand)}.page-title p{max-width:760px}.calculator-grid{grid-template-columns:3fr 2fr;align-items:start;gap:24px;display:grid}.field{gap:8px;font-size:14px;font-weight:650;display:grid}.field input{width:100%;font-size:16px;font-weight:400}.hint{margin:8px 0 24px}.notice{background:var(--color-brand-tint);border-radius:var(--radius-input);padding:16px}.cost-summary{background:var(--color-brand-deep);border-radius:var(--radius-card);color:var(--color-on-brand);min-width:0;padding:28px}.cost-summary p{color:var(--color-on-brand)}.cost-summary dl{margin:24px 0}.cost-summary dl div+div{margin-top:20px}.cost-summary dt{font-size:14px}.cost-summary dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:28px;font-weight:750}.information{max-width:820px;margin-bottom:24px}.information p{line-height:1.9}footer{border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-inner{padding-top:28px;padding-bottom:28px;display:block}.footer-inner p{font-size:14px}.footer-inner nav{flex-wrap:wrap;gap:8px 24px;display:flex}.footer-inner a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.skip-link{z-index:10;background:var(--color-surface);padding:10px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:8px}@media (width<=900px){.calculator-grid{grid-template-columns:1fr}}@media (width<=600px){.header-inner,.settings,.footer-inner{padding-left:16px;padding-right:16px}.hero{padding:24px 20px}.vehicle-cards{grid-template-columns:1fr;gap:16px;margin:16px 0}.card,.cost-summary{padding:20px}.brand{font-size:18px}.vehicle-tabs a{flex:1;min-width:0}.settings{gap:8px}}.shared-settings{margin-bottom:24px}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.energy-card form{gap:18px;display:grid}.form-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card-heading,.comparison-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.card-heading h2{margin:0}.secondary{background:var(--color-surface);color:var(--color-brand)}.energy-comparison{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:20px;display:grid}.energy-single{max-width:780px;margin:auto}.energy-result{background:var(--color-brand-deep);color:var(--color-on-brand);overflow-wrap:anywhere;border-radius:12px;margin-top:24px;padding:20px}.energy-result p{color:inherit}.energy-result dl div{justify-content:space-between;gap:12px;margin:12px 0;display:flex}.energy-result dd{margin:0;font-weight:750}.energy-result .notice{color:var(--color-text)}@media (width<=600px){.settings-grid,.form-pair{grid-template-columns:1fr 1fr}.energy-comparison{grid-template-columns:minmax(0,1fr)}.comparison-toolbar{flex-wrap:wrap}}.energy-card details{margin:12px 0}.energy-card summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}.energy-card details .field{margin:14px 0}.input-with-reset{gap:6px;display:flex}.reset-field{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);border-radius:8px;flex:0 0 44px}.field .hint{margin:0;font-size:12px;font-weight:400}.storage-panel{margin-top:28px}.energy-result dl div{flex-wrap:wrap}.energy-result dd{overflow-wrap:anywhere}.vehicle-lookup{gap:8px;margin-bottom:16px;display:grid}.vehicle-lookup .hint{margin:0;font-size:12px}.lookup-results{gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.lookup-results button{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);width:100%;min-height:44px;color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere;gap:2px;padding:8px 12px;font-size:14px;display:grid}.lookup-results button:hover,.lookup-results button:focus-visible{border-color:var(--color-brand)}.lookup-results small{color:var(--color-subtext)}.guide-list{gap:16px;max-width:820px;margin:0 0 24px;padding:0;list-style:none;display:grid}.guide-list h2,.guide-list h3{margin:0 0 8px;font-size:20px}.guide-list p{margin:0;line-height:1.7}.guide-article h2{margin-top:32px;font-size:22px}.guide-article ul{padding-left:20px;line-height:1.9}.guide-article .lead{font-size:18px}.language-menu{font-size:14px;position:relative}.language-menu summary{border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;align-items:center;min-height:44px;padding:0 14px;list-style:none;display:flex}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"▾";margin-left:8px}.language-menu ul{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);min-width:160px;margin:6px 0 0;padding:6px;list-style:none;position:absolute;right:0;box-shadow:0 8px 24px #0000001f}.language-menu a{border-radius:var(--radius-button);align-items:center;min-height:44px;padding:0 12px;text-decoration:none;display:flex}.language-menu a[aria-current=page]{background:var(--color-brand-tint);font-weight:650}.settings{flex-wrap:nowrap}.result-highlight{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:8px 0 16px;display:grid}.result-highlight div{background:#ffffff1a;border-radius:10px;gap:4px;padding:12px 14px;display:grid}.result-highlight span{opacity:.85;font-size:13px}.result-highlight strong{overflow-wrap:anywhere;font-size:22px;line-height:1.25}.optional-details{margin-top:16px}.home-section{margin:32px 0}.home-section h2{font-size:22px}.benefits{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.benefits li{padding:20px}.benefits strong{margin-bottom:6px;display:block}.faq details{border-bottom:1px solid var(--color-border);padding:4px 0}.faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:650;display:flex}.faq p{margin:0 0 12px;line-height:1.8}.quick-picks{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick-picks .hint{width:100%}.quick-picks button{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:14px}.quick-picks button:hover,.quick-picks button:focus-visible{border-color:var(--color-brand)}