.skip-link{background:var(--primary,#2563eb);border-radius:0 0 4px;color:#fff;font-weight:600;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .2s ease;z-index:10000}.skip-link:focus{outline:2px solid var(--primary-dark,#1d4ed8);outline-offset:2px;top:0}fieldset{border:none;margin:0;padding:0}fieldset legend{color:var(--text-primary,#1f2937);font-size:.95rem;font-weight:600;margin-bottom:.5rem}fieldset.form-group,fieldset.input-section{margin-bottom:1rem}:root,[data-theme=light]{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#7c3aed;--success:#059669;--success-bg:rgba(5,150,105,.1);--warning:#d97706;--warning-bg:rgba(217,119,6,.1);--danger:#dc2626;--danger-bg:rgba(220,38,38,.1);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--surface:#fff;--surface-secondary:#f9fafb;--surface-elevated:#fff;--background:#f9fafb;--border:#e5e7eb;--border-light:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--card-bg:#fff;--card-border:#e5e7eb;--input-bg:#fff;--input-border:#d1d5db;--input-focus-ring:rgba(37,99,235,.2);--chart-grid:#e5e7eb;--chart-text:#4b5563;--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;color-scheme:light}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;min-height:100vh}.currency,.metric-value,.percentage,.result-value,.tabular-nums,[data-numeric],input[type=number],table td{font-feature-settings:"tnum" 1,"kern" 1;font-variant-numeric:tabular-nums}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-4);width:100%}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--text-primary);gap:var(--spacing-2);text-decoration:none}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-md);color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:700;height:32px;justify-content:center;width:32px}.logo-text{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.025em}.breadcrumb{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current,.tool-title{color:var(--text-primary)}.tool-title{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-2)}.tool-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-6);max-width:60ch}.main{padding:var(--spacing-6) 0}.tool-header{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:var(--spacing-6) var(--spacing-4);text-align:center}.tool-header h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-2)}.tool-header p{font-size:var(--font-size-base);opacity:.9}.tool-header .back-link{color:#fff;font-size:var(--font-size-sm);left:var(--spacing-4);opacity:.9;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast)}.tool-header .back-link:hover{opacity:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all var(--transition-fast)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}input[type=email],input[type=number],input[type=text],select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:2px solid var(--primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;cursor:pointer;height:6px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:18px;width:18px}input[type=range]::-moz-range-thumb{background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:18px;width:18px}label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-1)}.validation-errors,.validation-warnings{border-radius:8px;margin:1rem 0;padding:.75rem 1rem}.validation-errors{background:var(--danger-bg,rgba(220,38,38,.1));border:1px solid var(--danger,#dc2626)}.validation-warnings{background:var(--warning-bg,rgba(217,119,6,.1));border:1px solid var(--warning,#d97706)}.error-message{color:var(--danger,#dc2626)}.error-message,.warning-message{font-size:var(--font-size-sm);margin:.25rem 0}.warning-message{color:var(--warning,#d97706)}.input-error,input.input-error,select.input-error{background-color:#dc26260d;border-color:var(--danger,#dc2626)!important;box-shadow:0 0 0 2px #dc262633}.input-error:focus{outline-color:var(--danger,#dc2626)}[data-tooltip]{cursor:help;position:relative;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}[data-tooltip]:after,[data-tooltip]:before{opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1000}[data-tooltip]:after{background:var(--gray-800);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:.8rem;font-weight:400;line-height:1.4;margin-bottom:8px;max-width:250px;padding:.5rem .75rem;text-align:left;white-space:normal;width:max-content}[data-tooltip]:after,[data-tooltip]:before{bottom:100%;left:50%;transform:translate(-50%)}[data-tooltip]:before{border:6px solid transparent;border-top:6px solid var(--gray-800);content:"";margin-bottom:-4px}[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.platform-intro{background:var(--gray-100);border-bottom:1px solid var(--border);padding:var(--spacing-3) 0}.platform-intro p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;text-align:center}.platform-intro a{color:var(--primary);font-weight:500;text-decoration:none}.platform-intro a:hover{text-decoration:underline}.input-persistence-controls{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4)}.reset-inputs-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.reset-inputs-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--text-primary)}.privacy-note{align-items:flex-start;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-2);line-height:1.5}.privacy-note-icon{flex-shrink:0;font-size:.875rem}.result-empty-state{color:var(--text-muted);font-style:italic;opacity:.7}.result-value:empty:before,.result-value[data-empty=true]:before{color:var(--text-muted);content:"Enter values to calculate";font-size:.875em;font-style:italic;font-weight:400}.app-footer,.footer,.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:var(--spacing-8);padding:var(--spacing-6) 0}.app-footer,.footer .container,.site-footer .container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-3);text-align:center}.app-footer p,.footer-text,.site-footer p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.app-footer a,.footer a,.site-footer a{color:var(--primary);text-decoration:none}.app-footer a:hover,.footer a:hover,.site-footer a:hover{text-decoration:underline}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.footer-links a{color:var(--text-secondary);font-size:var(--font-size-sm)}.footer-links a:hover{color:var(--primary)}.disclaimer,.important-note{background-color:var(--surface-secondary);border-left:4px solid var(--warning,#f59e0b);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-6);padding:var(--spacing-4)}.disclaimer strong,.important-note h4{color:var(--text-primary);margin-bottom:var(--spacing-2)}.result-disclaimer{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-md);color:#92400e;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.result-disclaimer:before{content:"⚠️";flex-shrink:0}.privacy-notice{align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:var(--radius-md);color:#065f46;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.privacy-notice:before{content:"🔒";flex-shrink:0}.last-updated{color:var(--text-muted);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-4)}.chart-container{aspect-ratio:16/9;contain:layout style;min-height:280px;position:relative;width:100%}.chart-container canvas{height:100%!important;left:0;position:absolute;top:0;width:100%!important}.chart-card{contain:layout;min-height:350px}.results-section,.stats-grid,.verdict-section{contain:layout style;min-height:120px}.verdict-card{min-height:100px}.inputs-panel,.verdict-card{contain:layout style}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@media (prefers-reduced-motion:reduce){*,*:after,*:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.skeleton{animation:none;background:var(--gray-200)}}.decision-framework,.explanation-section,.info-section,.methodology{contain-intrinsic-size:auto 400px;content-visibility:auto}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (max-width:992px) and (min-width:769px){.footer-content,.footer-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 var(--spacing-3)}.header-content{flex-direction:column;gap:var(--spacing-2)}.breadcrumb{font-size:var(--font-size-xs)}.footer-links{flex-direction:column;gap:var(--spacing-2)}}.seo-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.seo-section h2{color:var(--color-text);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.steps-list{counter-reset:step;list-style:none;margin:0;padding:0}.steps-list li{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);padding:var(--space-3) 0}.steps-list li:last-child{border-bottom:none}.step-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:600;height:28px;justify-content:center;width:28px}.formula-box{background:var(--color-background);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.formula-box code{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);display:block;font-family:Inter,system-ui,sans-serif;font-size:var(--text-lg);font-weight:600;letter-spacing:.01em;margin-bottom:var(--space-3);padding:var(--space-4)}.formula-explanation{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.insights-list{list-style:none;margin:0;padding:0}.insights-list li{background:var(--color-background);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-2);padding:var(--space-3)}.insights-list li:last-child{margin-bottom:0}@media (max-width:640px){.seo-section{padding:var(--space-4)}.formula-box code{font-size:var(--text-base)}}.related-calculators{background:linear-gradient(135deg,var(--color-surface) 0,#f8fafc 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;margin-bottom:var(--space-6);margin-top:var(--space-8);padding:var(--space-6)}.related-calculators h2{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin-bottom:var(--space-5)}.related-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.related-calc-link{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;color:var(--color-text);display:flex;gap:var(--space-3);padding:var(--space-4);text-decoration:none;transition:all .2s ease}.related-calc-link:hover{background:var(--color-primary-light,#e0f2fe);border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.related-icon{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.related-name{color:var(--color-text);font-size:var(--text-sm);font-weight:500;line-height:1.4}@media (max-width:768px){.related-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.related-calc-link{flex-direction:column;gap:var(--space-2);padding:var(--space-3);text-align:center}.related-icon{font-size:1.25rem;height:36px;width:36px}.related-name{font-size:.8rem}}@media (max-width:480px){.related-calculators{margin-top:var(--space-6);padding:var(--space-4)}.related-calculators h2{font-size:var(--text-lg)}.related-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.related-calc-link{padding:var(--space-2) var(--space-3)}.related-icon{font-size:1.1rem;height:32px;width:32px}.related-name{font-size:.75rem}}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:.5rem;z-index:1001}.mobile-menu-btn svg{fill:none;height:24px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:24px}.mobile-menu-btn .menu-close,.mobile-menu-btn.active .menu-open{display:none}.mobile-menu-btn.active .menu-close{display:block}.mobile-nav-overlay{background:#00000080;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:999}.mobile-nav-overlay.active{opacity:1}.mobile-nav{background:var(--surface-primary);box-shadow:-4px 0 20px #00000026;display:none;height:100vh;overflow-y:auto;padding:4rem 1.5rem 2rem;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:1000}.mobile-nav.active{right:0}.mobile-nav a{border-radius:var(--radius-md);color:var(--text-primary);display:block;font-weight:500;padding:.875rem 1rem;text-decoration:none;transition:background .2s ease}.mobile-nav a:focus,.mobile-nav a:hover{background:var(--surface-secondary)}.mobile-nav-section{margin-bottom:1.5rem}.mobile-nav-section-title{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1rem;text-transform:uppercase}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.mobile-nav,.mobile-nav-overlay{display:block}body.mobile-menu-open{overflow:hidden}}