.calc-container{font-family:var(--ff-body)}.calc-header{margin-bottom:var(--sp-6)}.calc-header h1{font-family:var(--ff-heading);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--clr-secondary);margin:0 0 var(--sp-2);line-height:1.2}.calc-subtitle{font-size:var(--fs-md);color:var(--clr-text-muted);margin:0}.calc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-4);padding:var(--sp-6);background:var(--clr-bg);border-radius:var(--radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-6)}.form-group{display:flex;flex-direction:column;gap:var(--sp-1_5)}.form-group label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-secondary)}.form-group input,.form-group select{padding:var(--sp-2_5) var(--sp-3);border:1px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--fs-md);font-family:var(--ff-mono);color:var(--clr-secondary);background:var(--clr-bg-subtle);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-primary-light)}.form-group--toggle{flex-direction:row;align-items:center;justify-content:space-between}.toggle{padding:var(--sp-1_5) var(--sp-4);border:2px solid var(--clr-border);border-radius:var(--radius-full);background:var(--clr-bg-subtle);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast);color:var(--clr-text-muted);min-width:80px}.toggle--on{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text-inverse)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.year-comparison-toggle{padding:var(--sp-4);background:var(--clr-bg-warm);border-radius:var(--radius-md);border:1px solid var(--clr-primary-alpha);margin-bottom:var(--sp-4)}.comparison-label{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--clr-secondary)}.comparison-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--clr-primary)}.comparison-text{user-select:none}.comparison-hint{margin:var(--sp-2) 0 0 var(--sp-6);font-size:var(--fs-sm);color:var(--clr-text-muted);font-style:italic}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);background:var(--clr-info);color:var(--clr-text-inverse);font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:help;margin-left:var(--sp-1)}.tooltip-trigger:focus{outline:2px solid var(--clr-info);outline-offset:2px}.tooltip-content{position:absolute;bottom:calc(100% + var(--sp-2));left:50%;transform:translate(-50%);background:var(--clr-secondary);color:var(--clr-text-inverse);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.4;white-space:nowrap;max-width:280px;white-space:normal;box-shadow:var(--shadow-lg);z-index:1000;pointer-events:none}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--clr-secondary)}@media print{.calc-form,.nav,.footer,.alert-banner,.cta-banner{display:none!important}.calc-container{max-width:100%}.results-panel{page-break-inside:avoid}.result-card{border:1px solid #000;page-break-inside:avoid}body{background:#fff}}.salary-presets{margin-bottom:var(--sp-4)}.presets-toggle{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--clr-bg-subtle);border:1px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.presets-toggle:hover{background:var(--clr-bg-muted)}.presets-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-3);background:var(--clr-bg-subtle);border-radius:var(--radius-md)}.preset-button{display:flex;flex-direction:column;align-items:flex-start;padding:var(--sp-2_5) var(--sp-3);background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.preset-button:hover{border-color:var(--clr-primary);box-shadow:0 0 0 3px #ff6b001a}.preset-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-secondary)}.preset-value{font-size:var(--fs-xs);color:var(--clr-text-muted);font-family:var(--ff-mono);margin-top:var(--sp-1)}.share-button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-secondary);cursor:pointer;transition:all var(--transition-fast)}.share-button:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.share-button:active{transform:scale(.98)}@media(max-width:768px){.calc-form{grid-template-columns:1fr;gap:var(--sp-3);padding:var(--sp-4)}.form-group input,.form-group select{font-size:16px;padding:var(--sp-3)}.toggle{min-width:70px;padding:var(--sp-2) var(--sp-3)}.results-grid{grid-template-columns:1fr;gap:var(--sp-3)}.result-card{padding:var(--sp-4)}.presets-list{grid-template-columns:1fr}.tooltip-content{max-width:240px;font-size:var(--fs-xs)}.form-group label{font-size:var(--fs-md);padding:var(--sp-1) 0}.preset-button{padding:var(--sp-3) var(--sp-4);min-height:48px}.share-button{width:100%;justify-content:center}}.loading-skeleton{padding:var(--sp-6)}.skeleton-header{height:32px;width:200px;background:linear-gradient(90deg,var(--clr-bg-muted) 0%,var(--clr-bg-subtle) 50%,var(--clr-bg-muted) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md);margin-bottom:var(--sp-6)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.skeleton-card{height:120px;background:linear-gradient(90deg,var(--clr-bg-muted) 0%,var(--clr-bg-subtle) 50%,var(--clr-bg-muted) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-lg)}.skeleton-chart{height:300px;background:linear-gradient(90deg,var(--clr-bg-muted) 0%,var(--clr-bg-subtle) 50%,var(--clr-bg-muted) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-lg)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.skeleton-grid{grid-template-columns:1fr}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--clr-primary);color:var(--clr-text-inverse);padding:var(--sp-2) var(--sp-4);text-decoration:none;z-index:100}.skip-link:focus{top:0}@media(prefers-contrast:high){.calc-form,.result-card,.toggle{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.alert{padding:var(--sp-4);border-radius:var(--radius-md);line-height:1.5}.alert--warning{background:var(--clr-warning-light);border:1px solid var(--clr-warning-border);color:var(--clr-warning-text)}.alert--info{background:var(--clr-info-light);border:1px solid var(--clr-info-border);color:var(--clr-info-text)}.results-panel{background:var(--clr-bg);border-radius:var(--radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-md);padding:var(--sp-6)}.results-panel h2{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--clr-secondary);margin:0 0 var(--sp-4)}.results-panel h3{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--clr-secondary);margin:var(--sp-6) 0 var(--sp-3)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.result-card{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);border-radius:var(--radius-md);background:var(--clr-bg-subtle);border:1px solid var(--clr-border)}.result-card--highlight{background:var(--clr-secondary);border-color:var(--clr-secondary)}.result-card--highlight .result-label{color:#ffffffb3}.result-card--highlight .result-value{color:var(--clr-text-inverse)}.result-card--highlight .result-sub{color:#fff9}.result-card--savings{background:var(--clr-success-light);border-color:var(--clr-success-border)}.result-label{font-size:var(--fs-sm);color:var(--clr-text-muted);font-weight:var(--fw-medium)}.result-value{font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);color:var(--clr-secondary);font-family:var(--ff-mono)}.result-value--green{color:var(--clr-success-text)}.result-sub{font-size:var(--fs-xs);color:var(--clr-text-muted)}.chart-container{margin:var(--sp-6) 0;padding:var(--sp-4);background:var(--clr-bg-subtle);border-radius:var(--radius-md)}.breakdown-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.breakdown-table td{padding:var(--sp-2_5) 0;border-bottom:1px solid var(--clr-border)}.breakdown-table td:last-child{text-align:right;font-family:var(--ff-mono);white-space:nowrap}.breakdown-table tr.deduction td{color:var(--clr-success-text)}.breakdown-table tr.separator td{border-bottom:2px solid var(--clr-border);padding:0}.breakdown-table tr.subtotal td{font-weight:var(--fw-semibold);border-bottom:2px solid var(--clr-border)}.breakdown-table tr.total td{font-weight:var(--fw-bold);font-size:var(--fs-md);border-bottom:none}.breakdown-table tr.highlight td{color:var(--clr-primary);font-size:var(--fs-lg)}.form-hint,.form-group small{display:block;margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--clr-text-muted)}.calc-section-header{grid-column:1 / -1}.calc-section-header h3{margin:0 0 var(--sp-1);font-size:var(--fs-md);color:var(--clr-secondary)}.calc-section-header p{margin:0;font-size:var(--fs-xs);color:var(--clr-text-muted)}.breakdown-table tr.sub-row td{padding-left:var(--sp-5);font-size:var(--fs-xs);color:var(--clr-text-muted);font-style:italic}.breakdown-table tr.sub-row td:last-child{padding-left:0}.breakdown-table tr.inactive td{opacity:.5}.result-value--sm{font-size:var(--fs-xl)}.result-value--text{font-size:var(--fs-lg);font-family:var(--ff-body)}.calc-container{--chart-primary: var(--clr-primary);--chart-navy: var(--clr-secondary);--chart-success: var(--clr-success);--chart-muted: var(--clr-text-muted);--chart-social: #3B82F6}.methodology{margin-top:var(--sp-6);border:1px solid var(--clr-border);border-radius:var(--radius-md)}.methodology summary{padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-semibold);cursor:pointer;color:var(--clr-secondary);font-size:var(--fs-sm)}.methodology__content{padding:0 var(--sp-4) var(--sp-4);font-size:var(--fs-sm);line-height:1.7;color:var(--clr-text-muted)}.methodology__content ol{padding-left:var(--sp-5)}.methodology__content li{margin-bottom:var(--sp-2)}.methodology__content a{color:var(--clr-primary)}@media(max-width:768px){.calc-header h1{font-size:var(--fs-2xl)}.calc-form{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr 1fr}.result-value{font-size:var(--fs-xl)}}@media(max-width:480px){.results-grid{grid-template-columns:1fr}.form-group input,.form-group select{font-size:var(--fs-lg)}}.history-panel{margin-bottom:var(--sp-4);border:1px solid var(--clr-border);border-radius:var(--radius-lg);background-color:var(--clr-bg);overflow:hidden}.history-panel__toggle{width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:none;border:none;font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--clr-text-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.history-panel__toggle:hover{background-color:var(--clr-bg-subtle)}.history-panel__toggle svg:first-child{flex-shrink:0}.history-panel__toggle span{flex:1;text-align:left}.history-panel__chevron{flex-shrink:0;transition:transform var(--transition-fast)}.history-panel__chevron--open{transform:rotate(180deg)}.history-panel__content{border-top:1px solid var(--clr-border);background-color:var(--clr-bg-subtle)}.history-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--clr-border)}.history-panel__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em}.history-panel__clear{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-warning);background:none;border:none;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.history-panel__clear:hover{background-color:var(--clr-warning-light)}.history-panel__list{max-height:300px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--clr-border)}.history-item:last-child{border-bottom:none}.history-item__button{flex:1;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:none;border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.history-item__button:hover{background-color:var(--clr-bg)}.history-item__main{flex:1;display:flex;flex-direction:column;gap:var(--sp-1)}.history-item__date{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-text)}.history-item__preview{font-size:var(--fs-xs);color:var(--clr-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item__button svg{flex-shrink:0;color:var(--clr-text-faint)}.history-item__delete{padding:var(--sp-2);background:none;border:none;color:var(--clr-text-muted);cursor:pointer;transition:color var(--transition-fast);margin-right:var(--sp-2)}.history-item__delete:hover{color:var(--clr-warning)}@media(max-width:768px){.history-panel__list{max-height:200px}.history-item__preview{font-size:var(--fs-2xs)}}.export-button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2_5) var(--sp-4);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--clr-text-secondary);background-color:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.export-button:hover:not(:disabled){background-color:var(--clr-bg-subtle);border-color:var(--clr-primary);color:var(--clr-primary)}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-button svg{flex-shrink:0}@media print{.history-panel,.export-button{display:none!important}}