.si-hero-editorial{position:relative;background:var(--cream);padding:clamp(48px,7vw,96px) clamp(24px,5vw,80px) clamp(40px,6vw,72px);overflow:hidden;isolation:isolate}.si-hero-editorial:before{content:"";position:absolute;inset:0;background:var(--radial-amber-soft),var(--grain-svg);background-size:100% 100%,160px 160px;opacity:.85;pointer-events:none;z-index:0}.si-hero-editorial .editorial-inner{position:relative;z-index:1;max-width:var(--max-width-xl);margin:0 auto}[data-theme=dark] .si-hero-editorial{background:var(--bg-page)}[data-theme=dark] .si-hero-editorial:before{opacity:.3}.breadcrumb-editorial{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#1a12088c;letter-spacing:.02em;margin:0 0 16px;display:inline-flex;align-items:center;gap:8px}.breadcrumb-editorial a{color:var(--primary);text-decoration:none}@media(hover:hover){.breadcrumb-editorial a:hover{text-decoration:underline}}.breadcrumb-editorial span{color:#1a120866}.calc-layout{padding:var(--space-12) var(--space-6) var(--space-20);background:#fff}[data-theme=dark] .calc-layout{background:var(--bg-page)}.calc-layout-inner{max-width:var(--max-width-xl);margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--space-8);align-items:flex-start}.calc-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-4));max-height:calc(100vh - var(--nav-height) - var(--space-8));overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #EDECE8;border-radius:18px;padding:24px 16px;box-shadow:0 1px 2px #0f0f0f0a,0 0 0 1px #0f0f0f05}.calc-sidebar-title{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8e8e8e;padding:0 12px 16px;border-bottom:1px solid #EDECE8;margin-bottom:12px}.calc-group+.calc-group{margin-top:20px}.calc-group-title{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8e8e8e;padding:0 12px 8px;margin:0}.calc-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--text-h);font-size:14px;font-weight:500;line-height:1.3;transition:background .12s,color .12s;cursor:pointer}.calc-nav-item:hover{background:#fafaf7}.calc-nav-item.active{background:#16a34a1a;color:#047857;font-weight:600}.calc-nav-item .calc-num{flex-shrink:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;color:#8e8e8e;width:22px;text-align:center}.calc-nav-item.active .calc-num{color:#047857}.calc-nav-item .calc-name{flex:1;min-width:0}.calc-coming-soon{margin-top:24px;padding:12px 12px 0;border-top:1px solid #EDECE8;font-size:12px;color:var(--text-b);line-height:1.5;font-style:italic}.calc-sidebar-toggle{display:none;align-items:center;justify-content:center;gap:var(--space-2);padding:13px 22px;background:#047857;border:none;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:15px;font-weight:var(--font-bold);color:#fff;cursor:pointer;box-shadow:0 4px 14px #0478574d;margin-bottom:var(--space-5);width:100%;transition:background-color .15s,box-shadow .15s,transform .15s}.calc-sidebar-toggle:hover{background:#064e3b}.calc-sidebar-toggle:active{transform:translateY(1px)}.calc-sidebar-toggle .calc-sidebar-toggle-label{flex:1;text-align:left;padding-left:4px}.calc-sidebar-toggle .calc-sidebar-toggle-chevron{transition:transform .2s}.calc-sidebar-toggle[aria-expanded=true] .calc-sidebar-toggle-chevron{transform:rotate(180deg)}.calc-main{min-width:0}.calc-main .tools-grid{max-width:none;margin:0;gap:var(--space-6);display:flex;flex-direction:column}.tool-card.active-calc[data-num]:before{content:"● Calculator " attr(data-num);display:inline-flex;align-items:center;margin:var(--space-7) 0 0 var(--space-9);padding:5px 12px;background:#16a34a1a;color:#047857;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;letter-spacing:.04em;border-radius:999px}.tool-card.active-calc[data-num] .tool-header{padding-top:var(--space-4)}[data-theme=dark] .calc-sidebar{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .calc-sidebar-title{color:#ffffff8c;border-bottom-color:#ffffff14}[data-theme=dark] .calc-group-title{color:#ffffff80}[data-theme=dark] .calc-nav-item{color:#ffffffd9}[data-theme=dark] .calc-nav-item:hover{background:#ffffff0a;color:var(--text-h)}[data-theme=dark] .calc-nav-item.active{background:#16a34a2e;color:#4ade80}[data-theme=dark] .calc-nav-item .calc-num{color:#ffffff80}[data-theme=dark] .calc-nav-item.active .calc-num{color:#4ade80}[data-theme=dark] .calc-coming-soon{color:#ffffffa6;border-top-color:#ffffff14}[data-theme=dark] .tool-card.active-calc[data-num]:before{background:#16a34a2e;color:#4ade80}@media(max-width:960px){.calc-layout{padding:var(--space-8) var(--space-5) var(--space-16)}.calc-layout-inner{grid-template-columns:1fr;gap:var(--space-4)}.calc-sidebar-toggle{display:inline-flex}.calc-sidebar{position:static;max-height:0;overflow:hidden;padding:0 var(--space-3);border:none;box-shadow:none;transition:max-height var(--duration-base) var(--ease-default),padding var(--duration-base) var(--ease-default)}.calc-sidebar.open{max-height:80vh;padding:var(--space-6) var(--space-3);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-y:auto}}.tools-grid{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.tool-card{display:none;background:#fff;border:1px solid #EDECE8;border-radius:18px;overflow:visible;scroll-margin-top:140px;box-shadow:0 1px 2px #0f0f0f0a,0 0 0 1px #0f0f0f05;transition:box-shadow var(--duration-slow);position:relative;z-index:1}.tool-card.active-calc{display:block;animation:calcReveal .4s ease-out}@keyframes calcReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card:hover{box-shadow:0 4px 16px #0f0f0f0f,0 0 0 1px #0f0f0f08}.tool-header{display:flex;align-items:flex-start;gap:0;padding:32px 36px 28px;margin-bottom:0;border-bottom:1px solid #EDECE8}.tool-icon{display:none}.tool-meta{flex:1;min-width:0}.tool-meta h2{font-size:28px;font-weight:700;color:var(--text-h);margin-bottom:8px;letter-spacing:-.015em;line-height:1.2}.tool-meta h2 .tip{font-weight:inherit}.tool-meta p{font-size:15px;color:var(--text-b);line-height:1.55}.tool-body{padding:32px 36px 36px}[data-theme=dark] .tool-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .tool-header{border-bottom-color:var(--border)}.inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media(max-width:640px){.inputs-grid{grid-template-columns:1fr}}.input-group{position:relative;display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-1)}.input-group label{display:block;font-size:13px;font-weight:600;color:var(--text-h);margin-bottom:var(--space-2)}.input-wrap{position:relative;border:1px solid #EDECE8;border-radius:12px;background:#fafaf7;transition:border-color .15s,box-shadow .15s,background .15s;overflow:hidden}.input-wrap:hover:not(:focus-within){border-color:#d9d7d1}.input-wrap:focus-within{border-color:#16a34a;background:#fff;box-shadow:0 0 0 4px #16a34a1a}.input-wrap input,.input-wrap select{width:100%;padding:11px var(--space-4);border:none;border-radius:0;font-size:15px;font-family:var(--font-sans);background:transparent;color:var(--text-h);outline:none;-webkit-appearance:none;font-variant-numeric:tabular-nums}.input-wrap input[type=number]{-moz-appearance:textfield;appearance:textfield}.input-wrap input[type=number]::-webkit-outer-spin-button,.input-wrap input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrap select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.input-wrap.has-prefix{display:flex;align-items:stretch}.input-wrap.has-prefix .input-prefix{display:flex;align-items:center;justify-content:center;min-width:40px;padding:0 var(--space-3);background:#16a34a14;color:var(--text-b);font-size:15px;font-weight:500;pointer-events:none}.input-wrap.has-prefix input{padding-left:var(--space-3);flex:1;min-width:0}.input-wrap.has-suffix{display:flex;align-items:stretch}.input-wrap.has-suffix .input-suffix{display:flex;align-items:center;justify-content:center;min-width:44px;padding:0 var(--space-3);background:#16a34a14;color:var(--text-b);font-size:13px;font-weight:500;pointer-events:none}.input-wrap.has-suffix input{flex:1;min-width:0}.input-hint{font-size:12px;color:var(--text-b);opacity:.75;margin-top:6px;line-height:1.4}[data-theme=dark] .input-wrap{background:#ffffff0a;border-color:#ffffff1f}[data-theme=dark] .input-wrap:hover:not(:focus-within){border-color:#ffffff38}[data-theme=dark] .input-wrap:focus-within{border-color:#4ade80}[data-theme=dark] .input-wrap.has-prefix .input-prefix,[data-theme=dark] .input-wrap.has-suffix .input-suffix{background:#16a34a2e;color:#ffffffa6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.btn-primary{background:#047857;color:#fff;box-shadow:var(--shadow-xs);width:100%;max-width:300px;margin:var(--space-8) auto 0;display:block}.btn-primary:hover:not(:disabled){background:#064e3b;box-shadow:var(--shadow-sm)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(hover:hover){.btn-primary:hover:not(:disabled){transform:translateY(-1px)}}.tool-results{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border);animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.result-stat{background:#fafaf7;border:1px solid #EDECE8;border-radius:12px;padding:20px 22px;transition:background .15s,transform .15s,box-shadow .15s;position:relative;overflow:visible}.result-stat:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f0f0f0d}.result-stat.highlight{background:linear-gradient(180deg,#ecfdf5,#d1fae5);border:1px solid rgba(22,163,74,.3);padding:22px 24px;overflow:hidden}.result-stat.highlight:hover{background:linear-gradient(180deg,#ecfdf5,#d1fae5);transform:translateY(-1px);box-shadow:0 8px 20px #16a34a1a}.result-stat.highlight:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;background:radial-gradient(circle,rgba(22,163,74,.18) 0%,transparent 65%);pointer-events:none}.result-stat.highlight .rs-label{display:inline-flex;align-items:center;gap:6px;color:#047857;font-size:10px;font-weight:600;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.result-stat.highlight .rs-label:before{content:"";width:6px;height:6px;background:#16a34a;border-radius:50%;flex-shrink:0}.result-stat.highlight .rs-value{color:var(--text-h);font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.05;word-break:break-word}.result-stat.highlight .rs-sub{color:var(--text-b);font-size:13px;margin-top:8px}.result-stat.good{background:#16a34a0f;border-color:#16a34a33}.result-stat.bad{background:#dc26260f;border-color:#dc262633}.rs-label{display:block;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--text-b);margin-bottom:8px;line-height:1.4}.rs-value{display:block;font-size:22px;font-weight:700;color:var(--text-h);letter-spacing:-.015em;line-height:1.1;font-variant-numeric:tabular-nums;word-break:break-word}.rs-sub{display:block;font-size:11px;color:var(--text-b);margin-top:4px;line-height:1.4}[data-theme=dark] .result-stat{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .result-stat:hover{background:#16a34a1a}[data-theme=dark] .result-stat.highlight{background:linear-gradient(180deg,#064e3b,#022c22);border-color:#16a34a66;color:#fff}[data-theme=dark] .result-stat.highlight .rs-label{color:#4ade80}[data-theme=dark] .result-stat.highlight .rs-label:before{background:#4ade80}[data-theme=dark] .result-stat.highlight .rs-value{color:#fff}[data-theme=dark] .result-stat.highlight .rs-sub{color:#ffffffb3}[data-theme=dark] .result-stat.good{background:#16a34a1f;border-color:#16a34a4d}[data-theme=dark] .result-stat.bad{background:#dc26261f;border-color:#dc26264d}.results-error{font-size:14px;color:#7f1d1d;background:#fef2f2;border:1px solid rgba(220,38,38,.18);border-left:3px solid #DC2626;border-radius:8px;padding:12px 16px;margin-top:12px;line-height:1.55}[data-theme=dark] .results-error{background:#dc26261a;color:#fecaca;border-color:#dc262640;border-left-color:#f87171}.tool-learn{margin-top:var(--space-6);border-top:1px solid var(--border);padding-top:var(--space-4)}.tool-learn details summary{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-b);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-2)}.tool-learn details summary::-webkit-details-marker{display:none}.tool-learn details summary:before{content:"";display:inline-block;width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M3 1.5L7 5L3 8.5' stroke='%238E8E8E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform var(--duration-fast);flex-shrink:0}.tool-learn details[open] summary:before{transform:rotate(90deg)}.tool-learn details p{font-size:var(--text-sm);color:var(--text-b);line-height:var(--leading-relaxed);margin-top:var(--space-3)}.tools-newsletter-cta{background:var(--gray-900, #0F0F0F);color:#fff;padding:var(--space-20) var(--space-6);text-align:center;position:relative;overflow:hidden}.tools-newsletter-cta .pill-form{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;max-width:560px;margin:0 auto}.tools-newsletter-cta .pill-form input[type=text]{width:130px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1.5px solid var(--gray-700, #374151);outline:none;font-size:var(--text-sm);font-family:var(--font-sans);background:#ffffff0f;color:#fff;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.tools-newsletter-cta .pill-form input[type=email]{flex:1;min-width:180px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1.5px solid #16A34A;outline:none;font-size:var(--text-sm);font-family:var(--font-sans);background:#ffffff0f;color:#fff;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.tools-newsletter-cta .pill-form input::placeholder{color:var(--gray-500, #6B7280)}.tools-newsletter-cta .pill-form input:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a33}.tools-newsletter-cta .pill-form .btn-primary{background:#16a34a;color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:none;font-weight:600;cursor:pointer;transition:background .15s}.tools-newsletter-cta .pill-form .btn-primary:hover{background:#15803d}.tools-newsletter-cta .success-msg{background:#16a34a1f;border:1px solid rgba(22,163,74,.3);color:#bbf7d0;max-width:360px;margin:var(--space-3) auto 0;border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600}@media(max-width:640px){.tools-newsletter-cta .pill-form{flex-direction:column}.tools-newsletter-cta .pill-form input{min-width:unset;width:100%!important}}
