.calculator{max-width:100%}.calculator-header{margin-bottom:var(--space-xl)}.calculator-header h1{margin-bottom:var(--space-sm)}.calculator-intro{font-size:var(--font-size-lg);color:var(--color-text-light);margin:0}.calculator-form{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg)}.input-group-header{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-md);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.input-group-header:first-child{margin-top:0}.calculator-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.calculator-actions :global(.btn-primary){flex:1}.calculator-results{margin-top:var(--space-lg)}.calculator-results[hidden]{display:none}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin:var(--space-lg) 0}.example-section{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--border-radius);border-left:4px solid var(--color-primary)}.example-section h2{margin-top:0}.example-section ul{margin:var(--space-md) 0 0;padding-left:var(--space-lg)}.example-section li{margin-bottom:var(--space-sm)}@media (max-width: 768px){.charts-row{grid-template-columns:1fr}}@media (max-width: 480px){.calculator-form{padding:var(--space-md)}.calculator-actions{flex-direction:column}}.mode-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-xs)}.mode-tab{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:calc(var(--border-radius) - 2px);background:transparent;color:var(--color-text);font-weight:500;cursor:pointer;transition:background .15s,color .15s}.mode-tab.active{background:var(--color-primary);color:#fff}.mode-tab:not(.active):hover{background:var(--color-border)}.vehicle-section{border-top:2px dashed var(--color-border);margin-top:var(--space-lg);padding-top:var(--space-lg)}.vehicle-section-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.compare-winner{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius);text-align:center;font-weight:600;margin-bottom:var(--space-lg)}.compare-winner.winner{background:#10b98114;border:1px solid rgba(16,185,129,.3);color:#065f46}.compare-winner.equal{background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-muted)}.table-wrap{overflow-x:auto;margin-bottom:var(--space-lg)}.advanced-options{margin-top:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.advanced-options>summary{padding:var(--space-md) var(--space-lg);cursor:pointer;font-weight:600;user-select:none;list-style:none;display:flex;align-items:center;gap:var(--space-sm)}.advanced-options>summary:before{content:"▶";font-size:.75em;transition:transform .2s;flex-shrink:0}.advanced-options[open]>summary:before{transform:rotate(90deg)}.advanced-charts{padding:var(--space-lg);border-top:1px solid var(--color-border)}.scenarios-section{margin-top:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.scenarios-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.scenarios-title{font-weight:600}.scenarios-list{padding:var(--space-md) var(--space-lg);min-height:48px}.scenario-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.scenario-item:last-child{border-bottom:none}.scenario-name{font-size:var(--font-size-sm);color:var(--color-text);flex:1;margin-right:var(--space-sm)}.scenario-actions{display:flex;gap:var(--space-xs)}.no-scenarios{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.cc-btn-sm{padding:4px 10px;font-size:var(--font-size-sm);border-radius:var(--border-radius);cursor:pointer;font-weight:500;border:1px solid var(--color-border);background:transparent;color:var(--color-text)}.cc-btn-sm:hover{background:var(--color-bg-alt)}.cc-btn-load{border-color:var(--color-primary);color:var(--color-primary)}.cc-btn-load:hover{background:rgba(var(--color-primary-rgb, 59 130 246),.08)}@media (max-width: 640px){.mode-tab{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.scenarios-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}