:root{--color-primary:#0f0f13;--color-primary-hover:#16213e;--color-accent:#0f7aff;--color-accent-hover:#0062d6;--color-accent-light:#e8f2ff;--color-bg:#ffffff;--color-bg-secondary:#f6f7f9;--color-bg-tertiary:#f0f2f5;--color-result-bg:#f0f7ff;--color-text-primary:#0d0d0d;--color-text-secondary:#3f4753;--color-text-muted:#667085;--color-text-inverse:#ffffff;--color-border:#d7dce3;--color-border-focus:#0f7aff;--color-border-error:#dc3545;--color-success:#1a7f4b;--color-success-bg:#e6f7ed;--color-error:#dc3545;--color-error-bg:#fff0f0;--color-warning:#b45309;--color-warning-bg:#fffbeb;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.1);--shadow-focus:0 0 0 3px rgba(15,122,255,0.2);--transition-fast:150ms ease;--transition-normal:250ms ease;--max-width-tool:760px;--max-width-content:680px;--max-width-wide:1100px;--max-width-shell:1160px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:root{--header-h:62px}body{padding-top:var(--header-h)}#header{position:fixed;inset:0 0 auto 0;height:var(--header-h);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #111827;z-index:200;transition:background-color var(--transition-fast)}#header .container{height:100%}@media (min-width:769px){#header .container{width:min(calc(100% - var(--space-12)),var(--max-width-shell));max-width:none;padding-inline:0}}#header.scrolled{background:rgba(255,255,255,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:none}.header-inner{display:flex;align-items:center;height:100%;gap:var(--space-6)}.logo{display:flex;align-items:center;gap:9px;flex-shrink:0;color:var(--color-text-primary);text-decoration:none}.logo:hover{text-decoration:none}.logo-mark{width:28px;height:28px;background:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark svg{width:16px;height:16px}.logo-wordmark{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-0.025em}.logo-wordmark b{color:inherit;font-weight:700}.header-nav{display:flex;align-items:center;gap:2px;flex:1}.nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:6px 11px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap;text-decoration:none}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-secondary);text-decoration:none}#header .nav-link.is-active{color:var(--color-accent);background:var(--color-accent-light)}#header .nav-link.is-active:hover{color:var(--color-accent-hover);background:var(--color-accent-light)}.nav-count{display:inline-flex;align-items:center;font-size:0.65rem;font-weight:var(--font-semibold);color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-full);padding:1px 6px;margin-left:4px;vertical-align:middle}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.header-search-btn{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:7px 12px;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;cursor:pointer}.header-search-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.header-search-btn kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.mobile-btn{display:none;flex-direction:column;gap:5px;padding:8px;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:transparent;border:none;cursor:pointer}.mobile-btn:hover{background:var(--color-bg-secondary)}.mobile-btn span{display:block;width:20px;height:1.5px;background:currentColor;border-radius:2px;transform-origin:center;transition:transform var(--transition-normal),opacity var(--transition-normal)}body.nav-open .mobile-btn span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}body.nav-open .mobile-btn span:nth-child(2){opacity:0;transform:scaleX(0)}body.nav-open .mobile-btn span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;max-height:calc(100dvh - var(--header-h));overflow-y:auto;overscroll-behavior:contain;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6) var(--space-6);flex-direction:column;gap:2px;z-index:190;box-shadow:var(--shadow-lg)}body.nav-open .mobile-nav{display:flex}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:10px 12px;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);text-decoration:none}.mobile-nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-secondary);text-decoration:none}.mobile-nav-link.is-active{color:var(--color-accent);background:var(--color-accent-light)}.mobile-nav-divider{height:1px;background:var(--color-border);margin:8px 0}#footer{background:var(--color-primary);color:rgba(255,255,255,0.6);padding:var(--space-16) 0 0;margin-top:var(--space-10)}.footer-grid{display:grid;grid-template-columns:260px 1fr;gap:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid rgba(255,255,255,0.1)}.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:var(--space-4)}.footer-logo-wordmark{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);color:#fff;letter-spacing:-0.025em}.footer-logo-wordmark b{color:inherit}.footer-tagline{font-size:var(--text-sm);line-height:1.65;margin-bottom:var(--space-4);color:rgba(255,255,255,0.6)}.footer-meta{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:0.03em;color:rgba(255,255,255,0.3)}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-col-title{font-size:0.7rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.4);margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:var(--text-sm);color:rgba(255,255,255,0.6);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:none}.footer-all-link{font-weight:var(--font-semibold);color:rgba(255,255,255,0.4) !important;margin-top:var(--space-1)}.footer-all-link:hover{color:rgba(255,255,255,0.8) !important}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0;flex-wrap:wrap;gap:var(--space-4)}.footer-copy{font-size:var(--text-sm);color:rgba(255,255,255,0.4)}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{font-size:var(--text-sm);color:rgba(255,255,255,0.4);transition:color var(--transition-fast);text-decoration:none}.footer-legal a:hover{color:rgba(255,255,255,0.8);text-decoration:none}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr;gap:var(--space-10)}.footer-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-nav,.header-search-btn{display:none}.header-actions>a.btn{display:none}.mobile-btn{display:flex}body.nav-open{overflow:hidden}}@media (max-width:640px){.footer-bottom{flex-direction:column;align-items:flex-start}}.container{width:100%;max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-6)}.tool-wrapper{max-width:var(--max-width-tool);margin:0 auto;padding:var(--space-8) var(--space-6)}.content-wrapper{max-width:var(--max-width-content);margin:0 auto}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.breadcrumb a{color:var(--color-text-muted);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-accent);text-decoration:none}.breadcrumb-sep{color:var(--color-border);font-size:var(--text-xs);user-select:none}.breadcrumb-current{color:var(--color-text-secondary);font-weight:var(--font-medium)}.tool-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-0.02em}.tool-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-8);max-width:56ch}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-0.01em}.section-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.tool-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-md)}.field{margin-bottom:var(--space-5);min-width:0}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);gap:var(--space-2)}.field-label-text{flex:1}.field-unit{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-normal)}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.field-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1);display:none}.field.has-error .field-error{display:block}.field.has-error .input{border-color:var(--color-error)}.field.has-error .input:focus{box-shadow:0 0 0 3px rgba(220,53,69,0.15)}.input-wrapper{position:relative;display:flex;align-items:center}.input-prefix,.input-suffix{position:absolute;font-size:var(--text-sm);color:var(--color-text-muted);pointer-events:none;user-select:none}.input-prefix{left:var(--space-3)}.input-suffix{right:var(--space-3)}.input-wrapper.has-prefix .input{padding-left:var(--space-8)}.input-wrapper.has-suffix .input{padding-right:var(--space-8)}.input{width:100%;height:48px;padding:0 var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none}.input:hover{border-color:#c5cad3}.input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--color-text-muted);font-weight:var(--font-normal)}.input[type="number"]::-webkit-inner-spin-button,.input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none}.input[type="number"]{appearance:none;-moz-appearance:textfield}.select{width:100%;height:48px;padding:0 var(--space-10) 0 var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none}.select:hover{border-color:#c5cad3}.select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;text-decoration:none;appearance:none;-webkit-appearance:none;outline:none}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);text-decoration:none}.btn-secondary{background:var(--color-bg);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);text-decoration:none}.btn-ghost{background:transparent;color:var(--color-accent);border-color:transparent;padding:0 var(--space-2);height:auto}.btn-ghost:hover{background:var(--color-accent-light);text-decoration:none}.btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-full{width:100%}.btn-row{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.result-section{background:var(--color-result-bg);border:1.5px solid rgba(15,122,255,0.15);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);display:none}.result-section.visible{display:block}.result-section.error-state{background:var(--color-error-bg);border-color:rgba(220,53,69,0.2)}.result-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-2)}.result-section.error-state .result-label{color:var(--color-error)}.result-primary{font-size:var(--text-4xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1;letter-spacing:-0.03em;margin-bottom:var(--space-1)}.result-unit{font-size:var(--text-lg);color:var(--color-text-muted);font-weight:var(--font-normal);margin-left:var(--space-2)}.result-secondary{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.result-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(15,122,255,0.1)}.result-item-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:0.05em}.result-item-value{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.result-item-unit{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-normal)}.result-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-10) 0}.how-to-steps{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.how-to-step{display:flex;gap:var(--space-4);align-items:flex-start}.step-number{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.step-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.step-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.faq-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-4)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg);border:none;cursor:pointer;text-align:left;gap:var(--space-4);transition:background var(--transition-fast)}.faq-question:hover{background:var(--color-bg-secondary)}.faq-question[aria-expanded="true"]{background:var(--color-bg-secondary)}.faq-icon{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-normal);color:var(--color-text-muted)}.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(180deg)}.faq-answer{display:none;padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;border-top:1px solid var(--color-border)}.faq-answer.open{display:block}.about-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-8);margin-top:var(--space-8)}.about-section p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.about-section p:last-child{margin-bottom:0}.formula-block{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);margin:var(--space-4) 0;overflow-x:auto}.related-section{margin-top:var(--space-10)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.related-card{display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.related-card:hover{border-color:var(--color-accent);background:var(--color-accent-light);transform:translateY(-1px);text-decoration:none}.related-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.related-card-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.ad-zone{width:100%;margin:var(--space-8) 0;min-height:1px}.ad-zone-header{margin:var(--space-6) 0}.ad-zone-mid{margin:var(--space-10) 0}.ad-zone-footer{margin:var(--space-8) 0}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px);transition:all var(--transition-normal);pointer-events:none;z-index:1000}.toast.show{opacity:1;transform:translateY(0)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:640px){.tool-wrapper{padding:var(--space-6) var(--space-4)}.tool-card{padding:var(--space-5);border-radius:var(--radius-lg)}.tool-title{font-size:var(--text-2xl)}.result-primary{font-size:var(--text-3xl)}.input-grid{grid-template-columns:1fr}.btn-row{flex-direction:column}.btn-row .btn{width:100%}.related-grid{grid-template-columns:1fr 1fr}.toast{left:var(--space-4);right:var(--space-4)}.about-section{padding:var(--space-5)}}@media (max-width:380px){.related-grid{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}:root{--surface-page:#ffffff;--surface-subtle:#f6f7f9;--surface-panel:#f0f3f7;--surface-control:#ffffff;--border-default:#d0d5dd;--border-strong:#667085;--focus-ring:0 0 0 3px rgba(15,122,255,.22);--control-height:48px;--content-measure:68ch}button,input,select,textarea{min-width:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(15,122,255,.38);outline-offset:3px}.input,.select,textarea{background-color:var(--surface-control);border-color:var(--border-strong)}.input:hover,.select:hover,textarea:hover{border-color:#344054}.input:focus,.select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.input:disabled,.select:disabled,textarea:disabled,button:disabled{cursor:not-allowed;opacity:.72}.input:disabled,.select:disabled,textarea:disabled{background-color:#e9edf2;border-color:#98a2b3}.input[aria-invalid="true"],.select[aria-invalid="true"],textarea[aria-invalid="true"],.input.is-invalid,.select.is-invalid{border-color:var(--color-error)}.input[aria-invalid="true"]:focus,.select[aria-invalid="true"]:focus,textarea[aria-invalid="true"]:focus,.input.is-invalid:focus,.select.is-invalid:focus{box-shadow:0 0 0 3px rgba(220,53,69,.18)}.btn{min-height:44px;height:auto;line-height:1.25}.btn:active:not(:disabled){transform:translateY(1px)}.content-wrapper p,.content-wrapper li{max-width:var(--content-measure)}.content-wrapper section{margin-bottom:var(--space-8)}.content-wrapper ul,.content-wrapper ol{margin:0 0 var(--space-5) var(--space-5)}.content-wrapper li + li{margin-top:var(--space-2)}@media (max-width:640px){.container{padding-inline:var(--space-4)}.footer-cols{grid-template-columns:1fr}.footer-legal{flex-wrap:wrap;gap:var(--space-3) var(--space-5)}}@media (forced-colors:active){.btn,.input,.select,textarea,.tool-card{border:1px solid CanvasText}}@media (max-width:768px){#header .header-actions{margin-left:auto}#header .mobile-btn{margin-left:auto}}.tool-page{--tool-ink:#172033;--tool-text:#344054;--tool-muted:#667085;--tool-line:#dfe4eb;--tool-line-strong:#c8d0dc;--tool-canvas:#fbfcfe;--tool-workspace:#f5f6f8;--tool-surface:#ffffff;--tool-warm-surface:#faf8f4;--tool-warm-line:#e8e1d7;--tool-result:#edf8f5;--tool-result-line:#b9ddd4;--tool-result-accent:#087a70}.tool-page #main-content{background:linear-gradient(180deg,#f8fafc 0,var(--tool-surface) 430px)}.tool-page .tool-wrapper{padding-top:var(--space-6);padding-bottom:var(--space-16)}.tool-page .breadcrumb{margin-bottom:var(--space-8);border-color:var(--tool-line);color:var(--tool-muted)}.tool-page .tool-title{max-width:24ch;margin-bottom:var(--space-3);color:var(--tool-ink);font-size:clamp(2rem,3.2vw,2.5rem);font-weight:650;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.tool-page .tool-description{max-width:64ch;margin-bottom:var(--space-10);color:var(--tool-text);font-size:var(--text-lg);line-height:1.65}.tool-page .tool-page-layout{grid-template-columns:minmax(0,760px) minmax(220px,260px);gap:clamp(1.5rem,3vw,2rem)}.tool-page .tool-page-content{color:var(--tool-text)}.tool-page .tool-card,.tool-page .tool-wrapper .tool-card,.tool-page .wb .tool-card{position:relative;padding:clamp(1.5rem,3.5vw,2.25rem);overflow:visible;background:var(--tool-workspace);border:1px solid var(--tool-line);border-top:3px solid var(--tool-ink);border-radius:var(--radius-xl);box-shadow:0 14px 34px rgba(23,32,51,.08)}.tool-page .tool-card form>:first-child{margin-top:0}.tool-page .tool-card .input-grid{gap:var(--space-5);margin-bottom:var(--space-5)}.tool-page .tool-card .input-grid>.field{margin-bottom:0}.tool-page .field-label,.tool-page .wb .field-label{margin-bottom:7px;color:#263449;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.35}.tool-page .field-unit{background:transparent;color:var(--tool-muted);padding:0;font-size:var(--text-xs)}.tool-page .field-hint,.tool-page .wb .field-hint,.tool-page .wb .wb-small{margin-top:6px;color:var(--tool-muted);font-size:.8125rem;line-height:1.55}.tool-page .input,.tool-page .select,.tool-page .tool-wrapper .input,.tool-page .tool-wrapper .select,.tool-page .wb .input,.tool-page .wb .select{min-width:0;height:50px;background-color:var(--tool-surface);border:1px solid var(--tool-line-strong);border-radius:9px;color:var(--tool-ink);box-shadow:0 1px 2px rgba(23,32,51,.035)}.tool-page .input:hover,.tool-page .select:hover,.tool-page .tool-wrapper .input:hover,.tool-page .tool-wrapper .select:hover,.tool-page .wb .input:hover,.tool-page .wb .select:hover{border-color:#98a2b3}.tool-page .input:focus,.tool-page .select:focus,.tool-page .tool-wrapper .input:focus,.tool-page .tool-wrapper .select:focus,.tool-page .wb .input:focus,.tool-page .wb .select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(15,122,255,.14)}.tool-page .input[readonly],.tool-page .tool-wrapper .input[readonly],.tool-page .wb .input[readonly]{background-color:#f1f3f6}.tool-page .btn{border-radius:9px;font-weight:var(--font-semibold)}.tool-page .btn-primary{box-shadow:0 4px 12px rgba(15,122,255,.18)}.tool-page .btn-secondary{background:var(--tool-surface);border-color:var(--tool-line-strong);color:#344054}.tool-page .btn-secondary:hover{background:#f9fafb;border-color:#98a2b3}.tool-page .tool-card .result-section-title,.tool-page .tool-card #results-title{margin:var(--space-10) 0 var(--space-3) !important;color:var(--tool-ink) !important;font-size:var(--text-xl) !important;font-weight:var(--font-semibold) !important;letter-spacing:-.015em}.tool-page .result-section{margin-top:var(--space-3);padding:clamp(1.25rem,3vw,1.75rem);background:var(--tool-result);border:1px solid var(--tool-result-line);border-left:4px solid var(--tool-result-accent);border-radius:var(--radius-lg);box-shadow:none}.tool-page .result-label{color:var(--tool-result-accent);font-size:.75rem;font-weight:700;letter-spacing:.08em}.tool-page .result-primary,.tool-page .result-item-value{color:var(--tool-ink)}.tool-page .result-primary{font-size:clamp(2rem,5vw,2.75rem);font-weight:650}.tool-page .result-secondary{color:#40576a;line-height:1.6}.tool-page .result-breakdown{border-color:#cfe6df}.tool-page .result-item-label{color:#5c716d}.tool-page .wb .wb-advanced,.tool-page #cmu-workbench.wb .cmu-wall,.tool-page #cmu-workbench.wb .cmu-opening,.tool-page #cmu-workbench.wb .cmu-special,.tool-page .wb .ha-line{background:var(--tool-surface);border-color:var(--tool-line-strong);box-shadow:0 1px 2px rgba(23,32,51,.025)}.tool-page .wb .wb-advanced{margin:var(--space-4) 0}.tool-page .wb .wb-advanced>summary,.tool-page .wb .ha-line summary{color:var(--tool-ink);font-weight:var(--font-semibold)}.tool-page .wb .wb-tabs button[aria-pressed='true']{background:#edf3fb}.tool-page .wb .wb-notice{background:#f8fafc;border-color:var(--tool-line)}.tool-page .wb .wb-table{background:var(--tool-surface);border-color:var(--tool-line)}.tool-page .wb th{background:#f3f5f7;color:#344054}.tool-page .wb th,.tool-page .wb td{border-color:#e7eaf0}.tool-page .wb .wb-diagram,.tool-page #cmu-workbench .cmu-diagram{background:#f4f6f8;border:1px solid var(--tool-line)}.tool-page .tool-page-content>.divider{display:none}.tool-page .tool-page-content>section{margin:var(--space-12) 0 0;padding-top:var(--space-10);border-top:1px solid var(--tool-line)}.tool-page .tool-page-content>.about-section{padding:var(--space-8);background:var(--tool-warm-surface);border:1px solid var(--tool-warm-line);border-radius:var(--radius-xl)}.tool-page .tool-page-content>.related-section{padding-top:var(--space-10)}.tool-page .section-title,.tool-page .wb .wb-section>.section-title{margin-bottom:var(--space-5);color:var(--tool-ink);font-size:clamp(1.35rem,2.2vw,1.6rem);font-weight:650;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}.tool-page .tool-page-content section h3,.tool-page .wb .wb-section h3{color:#263449;font-size:var(--text-lg) !important;font-weight:var(--font-semibold) !important;line-height:1.35}.tool-page .tool-page-content section p,.tool-page .tool-page-content section li{color:#465568;line-height:1.75}.tool-page .how-to-steps{gap:var(--space-5)}.tool-page .step-number{background:#e9eff7;color:#28537e}.tool-page .step-title{color:var(--tool-ink);font-weight:var(--font-semibold)}.tool-page .formula-block{margin:var(--space-5) 0;padding:var(--space-5) var(--space-6);background:#f8f4ee;border-color:#e8ded0;border-left-color:#ad6b35;color:#382d24;line-height:1.75}.tool-page .seo-faq-list{margin-top:var(--space-2)}.tool-page .seo-faq-block{margin:0 !important;padding:var(--space-5) 0;border-top:1px solid var(--tool-line)}.tool-page .seo-faq-block:first-child{border-top:0}.tool-page .seo-faq-block h3{margin:0 0 var(--space-2) !important}.tool-page .seo-faq-block p,.tool-page .seo-faq-block>div{color:#465568 !important;line-height:1.7 !important}.tool-page .related-grid{gap:var(--space-4)}.tool-page .related-card{padding:var(--space-5);border-color:var(--tool-line);box-shadow:0 2px 7px rgba(23,32,51,.035)}.tool-page .related-card:hover{background:#f7faff;box-shadow:0 6px 16px rgba(23,32,51,.07)}.tool-page .related-card-title{color:var(--tool-ink);font-size:var(--text-base);font-weight:var(--font-semibold)}.tool-page .related-card-desc{color:var(--tool-muted);font-size:.8125rem;line-height:1.55}.tool-page .article-sidebar{top:calc(var(--header-h) + var(--space-5))}.tool-page .article-toc-card{background:rgba(255,255,255,.92);border-color:var(--tool-line);box-shadow:0 8px 24px rgba(23,32,51,.05)}.tool-page .article-toc{padding:var(--space-4)}.tool-page .article-toc-title{color:var(--tool-muted)}.tool-page .article-toc a{padding:8px 10px;border-left-width:3px;border-radius:0 6px 6px 0;color:#526071;line-height:1.4}.tool-page .article-toc a:first-of-type{color:var(--tool-ink);font-weight:var(--font-semibold)}.tool-page .article-toc a:hover,.tool-page .article-toc a.is-active{background:#f2f6fb;color:var(--tool-ink)}@media (max-width:900px){.tool-page .tool-page-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.tool-page .article-toc-card{border-color:#cfd7e3;box-shadow:0 6px 18px rgba(23,32,51,.08)}.tool-page .article-toc-toggle{background:var(--tool-ink)}.tool-page .article-toc-toggle:hover{background:#24324a}.tool-page .article-toc.is-open{background:var(--tool-surface)}}@media (max-width:640px){.tool-page .tool-wrapper{padding:var(--space-5) var(--space-4) var(--space-12)}.tool-page .breadcrumb{margin-bottom:var(--space-6)}.tool-page .tool-title{font-size:1.75rem;line-height:1.16}.tool-page .tool-description{margin-bottom:var(--space-8);font-size:1rem;line-height:1.6}.tool-page .tool-card,.tool-page .tool-wrapper .tool-card,.tool-page .wb .tool-card{padding:var(--space-5);border-radius:var(--radius-lg)}.tool-page .tool-card .input-grid{gap:0;margin-bottom:0}.tool-page .tool-card .input-grid>.field,.tool-page .tool-card form>.field{margin-bottom:var(--space-5)}.tool-page .result-section{padding:var(--space-5)}.tool-page .tool-page-content>section{margin-top:var(--space-10);padding-top:var(--space-8)}.tool-page .tool-page-content>.about-section{padding:var(--space-5)}.tool-page .section-title,.tool-page .wb .wb-section>.section-title{font-size:1.35rem}.tool-page .formula-block{padding:var(--space-4)}.tool-page .related-grid{grid-template-columns:1fr}}@media screen and (forced-colors:active){.tool-page .tool-card,.tool-page .result-section,.tool-page .tool-page-content>section{border-color:CanvasText}}@media print{.tool-page #main-content,.tool-page .tool-card,.tool-page .result-section{background:white;box-shadow:none}}.slider-sync{display:flex;align-items:center;gap:var(--space-4)}.range-input{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);outline:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-bg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast)}.range-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-bg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast)}.range-input::-moz-range-thumb:hover{transform:scale(1.1)}.range-input::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--color-bg-tertiary)}.range-input:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-full)}.range-number{width:84px;flex-shrink:0;text-align:center;padding:0 var(--space-2)}@media (max-width:640px){.slider-sync{gap:var(--space-3)}.range-number{width:72px}}.compare-chart{display:flex;flex-direction:column;gap:var(--space-3)}.compare-chart-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:var(--space-3)}.compare-chart-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-chart-track{height:12px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);overflow:hidden}.compare-chart-fill{height:100%;border-radius:var(--radius-full);background:var(--color-accent);transition:width var(--transition-normal)}.compare-chart-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;text-align:right}.compare-chart-unit{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-text-muted)}@media (max-width:640px){.compare-chart-row{grid-template-columns:72px 1fr auto;gap:var(--space-2)}.compare-chart-label{font-size:var(--text-xs)}}.stepper{display:flex;align-items:stretch;width:100%;height:48px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stepper:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.stepper-btn{display:flex;align-items:center;justify-content:center;width:44px;flex-shrink:0;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);appearance:none;-webkit-appearance:none}.stepper-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.stepper-btn:disabled{opacity:0.35;cursor:not-allowed}.stepper-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.stepper .stepper-input{flex:1;min-width:0;height:100%;border:none;border-left:1.5px solid var(--color-border);border-right:1.5px solid var(--color-border);border-radius:0;text-align:center}.stepper .stepper-input:focus{box-shadow:none}@media (max-width:640px){.stepper-btn{width:40px}}.dim-diagram{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.dim-diagram-svg{width:100%;height:auto;display:block}.dim-diagram-svg .dim-diagram-line{stroke:var(--color-text-muted);stroke-width:1}.dim-diagram-svg .dim-diagram-label{font-family:var(--font-sans);font-size:11px;font-weight:var(--font-medium);fill:var(--color-text-secondary)}@media (max-width:640px){.dim-diagram{padding:var(--space-3)}}.segmented{display:flex;flex-wrap:wrap;width:100%;max-width:100%;padding:3px;gap:2px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.segmented-btn{display:flex;align-items:center;justify-content:center;flex:1 1 45%;padding:8px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);appearance:none;-webkit-appearance:none}.segmented-btn:hover{color:var(--color-text-primary)}.segmented-btn.is-active{background:var(--color-bg);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.problem-report-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.problem-report-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin:0}.problem-report-text{font-size:var(--text-xs);color:var(--color-text-muted);margin:2px 0 0}.problem-report-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.problem-report-gmail{flex-shrink:0}.problem-report-email-app{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);white-space:nowrap}.problem-report-email-app:hover{color:var(--color-accent)}@media (max-width:640px){.problem-report-cta{align-items:flex-start;flex-direction:column}.problem-report-actions{align-items:flex-start;flex-direction:column}}.tool-page .tool-card{background:var(--surface-panel);border-color:#98a2b3}.tool-page .input,.tool-page .select,.tool-page textarea{border-color:#667085}.tool-page .btn:focus-visible,.tool-page .input:focus-visible,.tool-page .select:focus-visible,.tool-page summary:focus-visible,.wb button:focus-visible{outline:3px solid rgba(15,122,255,.38);outline-offset:3px}.tool-page .result-section{background:#eaf7f3;border-color:#8fc9bb;border-left-color:#087a70}.tool-page .wb .wb-advanced,.tool-page #cmu-workbench.wb .cmu-wall,.tool-page #cmu-workbench.wb .cmu-opening,.tool-page #cmu-workbench.wb .cmu-special,.tool-page .wb .ha-line{background:#ffffff;border-color:#98a2b3}.tool-page .wb .wb-notice{background:#f8fafc;border-color:#98a2b3}.tool-page .wb .wb-notice.warning{background:var(--color-warning-bg);border-left-color:var(--color-warning)}.tool-page .wb th{background:#eaecf0;color:#273244}.tool-page .wb th,.tool-page .wb td{border-color:#cfd4dc}@media (max-width:900px){.tool-page .tool-page-layout{grid-template-columns:1fr;grid-template-areas:'sidebar' 'content'}.tool-page .article-sidebar{position:static}}.tool-page .tool-wrapper{width:100%;max-width:var(--max-width-wide);margin-inline:auto}.tool-page .tool-page-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,260px);grid-template-areas:"content sidebar";gap:clamp(1.5rem,3vw,2rem);align-items:start}.tool-page .tool-page-content{grid-area:content;min-width:0}.tool-page .article-sidebar{grid-area:sidebar;position:sticky;top:calc(var(--header-h) + var(--space-5));align-self:start;min-width:0}.tool-page .article-toc-card{border:1px solid var(--tool-line);border-radius:var(--radius-lg);overflow:hidden}.tool-page .article-toc{display:flex;max-height:calc(100vh - var(--header-h) - 90px);flex-direction:column;overflow-y:auto}.tool-page .article-toc-title{margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.tool-page .article-toc a{min-height:38px;border-left:3px solid transparent}.tool-page .article-toc-toggle{display:none}@media (max-width:900px){.tool-page .tool-page-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar" "content";gap:var(--space-6)}.tool-page .article-sidebar{position:static}.tool-page .article-toc-toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);color:#fff;border:0;cursor:pointer;font-weight:var(--font-semibold)}.tool-page .article-toc-toggle span{transition:transform var(--transition-fast)}.tool-page .article-toc-toggle[aria-expanded="true"] span{transform:rotate(180deg)}.tool-page .article-toc{display:none;max-height:none}.tool-page .article-toc.is-open{display:flex}.tool-page .article-toc-title{display:none}}.tool-page .article-toc{gap:2px;overscroll-behavior:contain;scrollbar-gutter:stable}.tool-page .article-toc a{display:block;flex:0 0 auto;height:auto;min-height:38px;white-space:normal;overflow-wrap:anywhere}html{scroll-padding-top:calc(var(--header-h) + var(--space-6))}.tool-page [id]{scroll-margin-top:calc(var(--header-h) + var(--space-6))}.tool-page .tool-page-content .heading-anchor{margin-left:8px;color:var(--tool-line-strong);font-weight:var(--font-normal);opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.tool-page .tool-page-content h2:hover .heading-anchor,.tool-page .tool-page-content h3:hover .heading-anchor,.tool-page .tool-page-content h4:hover .heading-anchor,.tool-page .tool-page-content .heading-anchor:focus{opacity:1}.tool-page .tool-page-content .heading-anchor:hover{color:var(--color-accent);text-decoration:none}@media (max-width:640px){.tool-page .tool-page-content .heading-anchor{display:none}}.tool-page{--tool-canvas:#f3f6fa;--tool-workspace:#e7ecf2;--tool-surface:#ffffff;--tool-line:#b8c2cf;--tool-line-strong:#748196;--tool-result:#dff3ec;--tool-result-line:#75b8a8;--tool-result-accent:#087a70}.tool-page #main-content{background:linear-gradient(180deg,#edf2f7 0,#f7f9fc 390px,#ffffff 760px)}.tool-page .tool-card,.tool-page .tool-wrapper .tool-card,.tool-page .wb .tool-card{background:var(--tool-workspace);border-color:#98a2b3;box-shadow:0 14px 34px rgba(23,32,51,.10)}.tool-page .wb .calc-group{background:#f4f6f9;border-color:#a6b1bf}.tool-page .input,.tool-page .select,.tool-page textarea,.tool-page .tool-wrapper .input,.tool-page .tool-wrapper .select,.tool-page .wb .input,.tool-page .wb .select{background:#ffffff;border-color:#667085;box-shadow:0 1px 2px rgba(23,32,51,.06)}.tool-page .input:hover,.tool-page .select:hover,.tool-page textarea:hover,.tool-page .tool-wrapper .input:hover,.tool-page .tool-wrapper .select:hover,.tool-page .wb .input:hover,.tool-page .wb .select:hover{border-color:#344054}.tool-page .wb .calc-customize{background:#e8eef6;border-color:#8793a5}.tool-page .wb .calc-advanced-region{background:#dfe6ee;border-color:#8793a5}.tool-page .wb .wb-advanced,.tool-page #cmu-workbench.wb .cmu-wall,.tool-page #cmu-workbench.wb .cmu-opening,.tool-page #cmu-workbench.wb .cmu-special,.tool-page .wb .ha-line,.tool-page .wb .wb-subsection,.tool-page .wb .wb-repeat-item{background:#ffffff;border-color:#8793a5}.tool-page .calc-product>#results-title{margin-top:clamp(1.9rem,4vw,2.35rem) !important;margin-bottom:.8rem !important}.tool-page .result-section{background:var(--tool-result);border-color:var(--tool-result-line);border-left-color:var(--tool-result-accent);box-shadow:0 8px 20px rgba(8,122,112,.08)}.tool-page .wb .wb-report-document{background:#ffffff;border-color:#98a2b3;box-shadow:0 5px 16px rgba(23,32,51,.07)}.tool-page .wb .wb-report-header{background:#e8f2ff;border-bottom-color:#b9d6ff}@media (max-width:640px){.tool-page .tool-card,.tool-page .tool-wrapper .tool-card,.tool-page .wb .tool-card{background:#e9eef4}.tool-page .wb .calc-advanced-region{background:#e1e7ee}}.tool-page .field-unit,.tool-page .wb .field-unit{display:inline-flex;align-items:center;flex:none;min-height:20px;padding:1px 7px;border:1px solid #c5ceda;border-radius:999px;background:#e8edf4;color:#475467;font-size:.72rem;font-weight:650;line-height:1.35;white-space:nowrap}.tool-page .field-unit:empty,.tool-page .wb .field-unit:empty{display:none}.wb [hidden]{display:none!important}.wb{--wb-border:var(--color-border);font-size:1rem}.wb .input-grid{margin-bottom:var(--space-5)}.wb .field{min-width:0}.wb .field-hint{font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.wb .field-label{flex-wrap:wrap;gap:.25rem}.wb .field-error:empty{display:none}.wb .input,.wb .select{min-width:0;width:100%}.wb .wb-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.wb .wb-tabs button{min-height:44px;padding:.6rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary);cursor:pointer;font:inherit}.wb .wb-tabs button[aria-pressed=true]{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.wb .wb-tabs button[aria-selected=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse);font-weight:700;box-shadow:0 4px 12px rgba(15,122,255,.2)}.wb .wb-tabs button[aria-selected=true]:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.wb .wb-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 28%,transparent);outline-offset:2px}.wb .wb-advanced{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:1rem 0;padding:0 1rem}.wb .wb-advanced>summary{padding:1rem 0;cursor:pointer;font-weight:600;min-height:48px}.wb .wb-advanced[open]>summary{margin-bottom:.5rem}.wb .wb-notice{padding:1rem;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-bg-secondary);margin:1rem 0;line-height:1.6;overflow-wrap:anywhere}.wb .wb-notice.warning{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.wb .wb-error{border-color:var(--color-error);color:var(--color-error);margin:1rem 0}.wb [aria-invalid=true]{border-color:var(--color-error)}.wb .wb-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.wb .wb-actions .btn,.wb .wb-scenario .btn{min-height:44px;height:auto;white-space:normal;line-height:1.35;padding:.65rem .9rem}.wb .wb-table{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:1rem 0}.wb table{width:100%;border-collapse:collapse;min-width:500px;font-size:.9rem}.wb th,.wb td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.wb th{background:var(--color-bg-secondary)}.wb caption{padding:1rem;text-align:left;line-height:1.5;color:var(--color-text-secondary)}.wb .wb-diagram{width:100%;display:block;max-height:300px;background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.wb .wb-range{width:100%;height:44px;accent-color:var(--color-accent)}.wb .wb-section{margin:2rem 0}.wb .wb-section p{line-height:1.7;margin:.75rem 0}.wb .wb-section ul,.wb .wb-section ol{padding-left:1.3rem;line-height:1.7}.wb .wb-section li{margin:.5rem 0}.wb .wb-section h3{font-size:1.1rem;margin:1.2rem 0 .6rem}.wb .wb-summary{margin-top:.7rem;line-height:1.6}.wb .result-item-value{overflow-wrap:anywhere}.wb .wb-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.wb .wb-scenario{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0}.wb .wb-scenario p{white-space:pre-line;font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}.wb .wb-scenario button{margin:.25rem}.wb .wb-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:1.5rem 0 .8rem}.wb .wb-section-header h2,.wb .wb-section-header h3{margin:0!important}.wb .wb-section-header p{margin:.3rem 0 0!important}.wb .wb-subsection{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);margin:1rem 0}.wb .wb-subsection>legend{padding:0 .4rem;font-weight:700;color:var(--color-text-primary)}.wb .wb-repeater{display:grid;gap:.85rem;margin:1rem 0}.wb .wb-repeat-item{min-width:0;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.wb .wb-repeat-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.wb .wb-repeat-header strong{color:var(--color-text-primary)}.wb .wb-repeat-header .btn{min-height:38px;height:38px;padding:0 .7rem}.wb .wb-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem;margin:1rem 0}.wb .wb-kpi{padding:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.wb .wb-kpi-label{display:block;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;line-height:1.35}.wb .wb-kpi-value{display:block;margin-top:.3rem;color:var(--color-text-primary);font-size:1.05rem;font-weight:700;overflow-wrap:anywhere}.wb .wb-choice-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.wb .wb-check{display:flex;align-items:flex-start;gap:.65rem;min-height:44px;padding:.65rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary)}.wb .wb-check input{width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--color-accent)}.wb .wb-empty{padding:1rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:center}.wb .wb-warning-list{display:grid;gap:.55rem}.wb .wb-warning-list p{margin:0}.wb .wb-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:1rem 0}.wb .wb-toolbar .btn{min-height:42px;height:auto}.wb .wb-print-only{display:none}.wb .wb-small{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.wb .wb-presets{display:flex;gap:.5rem;flex-wrap:wrap}.wb .wb-presets .btn{min-height:44px}.wb .wb-report-preview{margin-top:1.25rem;color:var(--color-text-primary)}.wb .wb-report-empty{margin:0;padding:1.25rem;border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary);text-align:center}.wb .wb-report-document{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl,16px);background:var(--color-bg);box-shadow:var(--shadow-sm)}.wb .wb-report-header{padding:clamp(1.25rem,3vw,2rem);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-accent-light),var(--color-bg) 72%)}.wb .wb-report-kicker{margin:0 0 .35rem!important;color:var(--color-accent);font-size:.75rem!important;font-weight:700;letter-spacing:.08em;line-height:1.4!important;text-transform:uppercase}.wb .wb-report-title{margin:0!important;font-size:clamp(1.25rem,3vw,1.65rem)!important;line-height:1.25!important;color:var(--color-text-primary)}.wb .wb-report-meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:.75rem;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.wb .wb-report-meta a{color:var(--color-accent);font-weight:600;text-decoration:none}.wb .wb-report-meta a:hover{text-decoration:underline}.wb .wb-report-block{padding:clamp(1.1rem,2.5vw,1.6rem);border-bottom:1px solid var(--color-border)}.wb .wb-report-block:last-child{border-bottom:0}.wb .wb-report-block.is-featured{background:color-mix(in srgb,var(--color-accent-light) 48%,var(--color-bg))}.wb .wb-report-heading{margin:0 0 .85rem!important;color:var(--color-text-primary);font-size:1rem!important;font-weight:700!important;line-height:1.35!important}.wb .wb-report-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.wb .wb-report-row{min-width:0;padding:.75rem 0;border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.wb .wb-report-row:nth-child(odd){padding-right:1rem}.wb .wb-report-row:nth-child(even){padding-left:1rem;border-left:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.wb .wb-report-row:nth-child(-n+2){border-top:0}.wb .wb-report-row dt{margin:0 0 .25rem;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;line-height:1.4;text-transform:none}.wb .wb-report-row dd{margin:0;color:var(--color-text-primary);font-size:.925rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.wb .wb-report-row.is-primary{grid-column:1/-1;padding:0 0 1rem!important;border:0!important}.wb .wb-report-row.is-primary dt{color:var(--color-accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.wb .wb-report-row.is-primary dd{font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.2}.wb .wb-report-notes{display:grid;gap:.55rem;margin:0!important;padding-left:1.1rem!important;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6!important}.wb .wb-report-notes li{margin:0!important;padding-left:.2rem}.wb .wb-report-block a{color:var(--color-accent);font-weight:600}@media(max-width:480px){.wb table{min-width:460px}.wb .wb-actions>.btn{flex:1 1 42%}.wb .wb-advanced{padding:0 .75rem}.wb .result-breakdown{grid-template-columns:1fr}.wb .wb-scenarios{grid-template-columns:1fr}.wb .wb-section-header{display:block}.wb .wb-section-header .btn{width:100%;margin-top:.75rem}.wb .wb-repeat-item{padding:.85rem}.wb .wb-toolbar{align-items:stretch}.wb .wb-toolbar>.btn{width:100%}}@media(max-width:480px){.wb .wb-diagram{max-height:none}.wb .result-primary{font-size:clamp(1.4rem,7vw,2rem);overflow-wrap:anywhere}}@media(max-width:600px){.wb .wb-report-data{grid-template-columns:1fr}.wb .wb-report-row,.wb .wb-report-row:nth-child(odd),.wb .wb-report-row:nth-child(even){padding:.7rem 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.wb .wb-report-row:first-child{border-top:0}.wb .wb-report-row:nth-child(2){border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.wb .wb-report-row.is-primary{padding-bottom:.9rem!important}.wb .wb-report-meta{display:grid;gap:.2rem}}@media(prefers-reduced-motion:reduce){html:has(.wb){scroll-behavior:auto}.wb *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.wb .tool-card:has(.calc-product),.tool-page .wb .tool-card:has(.calc-product){padding:clamp(1.1rem,3vw,1.65rem);background:var(--color-bg);border-color:var(--border-strong,#667085);box-shadow:var(--shadow-sm)}.wb .calc-product-head{display:grid;gap:.4rem;margin:-.1rem 0 1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.wb .calc-product-title{margin:0;color:var(--color-text-primary);font-size:clamp(1.25rem,3vw,1.55rem);font-weight:750;line-height:1.25}.wb .calc-product-copy{max-width:58ch;margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.55}.wb .calc-utility-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem;margin:-.35rem 0 1rem}.wb .calc-utility-row .field{flex:0 1 210px}.wb .calc-utility-row .field-label{font-size:.75rem}.wb .calc-utility-row .select{min-height:42px;padding-block:.45rem}.wb .calc-group{margin:0 0 1rem;padding:clamp(.9rem,2.5vw,1.2rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-secondary) 72%,var(--color-bg))}.wb .calc-group>.calc-group-label,.wb .calc-group>legend{display:block;margin:0 0 .8rem;padding:0;color:var(--color-text-primary);font-size:.78rem;font-weight:750;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}.wb .calc-group .input-grid:last-child,.wb .calc-group>.field:last-child{margin-bottom:0}.wb .calc-group .field-hint{font-size:.78rem}.wb .calc-group .field-label{font-size:.85rem;font-weight:650}.wb .calc-product:not(.is-advanced) .calc-group .field-hint:not(.field-hint-essential),.wb .calc-product:not(.is-advanced) .calc-group>.wb-small{display:none}.wb .calc-product:not(.is-advanced) .calc-single-wall-legend{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.wb .calc-live-note{display:flex;align-items:center;gap:.45rem;width:max-content;max-width:100%;margin:.2rem 0 .85rem;color:var(--color-text-secondary);font-size:.78rem;line-height:1.45}.wb .calc-live-note>span{width:.48rem;height:.48rem;flex:none;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.wb .calc-customize{display:flex;width:100%;min-height:66px;align-items:center;justify-content:space-between;gap:1rem;margin:.9rem 0 0;padding:1rem 1.05rem;text-align:left;background:color-mix(in srgb,var(--color-accent-light) 28%,var(--color-bg));border:1px solid var(--border-strong,#667085);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;font:inherit}.wb .calc-customize:hover,.wb .calc-customize:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.wb .calc-customize-copy{display:grid;gap:.2rem}.wb .calc-customize-copy strong{font-size:1rem}.wb .calc-customize-copy small{color:var(--color-text-secondary);font-size:.8rem;line-height:1.45}.wb .calc-customize-icon{display:grid;width:2rem;height:2rem;flex:none;place-items:center;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);font-size:1.2rem;transition:transform var(--transition-fast)}.wb .calc-customize[aria-expanded=true] .calc-customize-icon{transform:rotate(180deg)}.wb .calc-advanced-region{margin:0 0 1.25rem;padding:1rem;border:1px solid var(--color-border);border-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:color-mix(in srgb,var(--color-bg-secondary) 62%,var(--color-bg))}.wb .calc-advanced-region[hidden]{display:none!important}.wb .calc-product:not(.is-advanced) .calc-advanced-inline{display:none!important}.wb .calc-advanced-heading{margin:0 0 .3rem;color:var(--color-text-primary);font-size:1rem}.wb .calc-advanced-note{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.8rem;line-height:1.5}.wb .calc-advanced-reset{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.wb .calc-start-over-row{display:flex;justify-content:flex-end;margin:.75rem 0 0}.wb .calc-start-over{min-height:40px;padding:.45rem .7rem;border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.wb .calc-start-over:hover,.wb .calc-start-over:focus-visible{color:var(--color-accent);text-decoration:underline}.wb .calc-result-details{margin-top:1rem;border-top:1px solid color-mix(in srgb,var(--color-border) 75%,transparent)}.wb .calc-result-details>summary{min-height:44px;padding:.8rem 0;cursor:pointer;color:var(--color-text-primary);font-weight:650}.wb .calc-result-details .result-breakdown{margin-top:.35rem}.wb .calc-detailed-shell{margin:2rem 0}.wb .calc-detailed-shell>.section-title{margin-bottom:.8rem}.wb .calc-deep-results{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg)}.wb .calc-deep-results>summary{min-height:54px;padding:1rem 1.1rem;cursor:pointer;color:var(--color-text-primary);font-weight:700}.wb .calc-deep-results[open]>summary{border-bottom:1px solid var(--color-border)}.wb .calc-deep-results-body{padding:0 1.1rem 1rem}.wb .calc-deep-results-body>.wb-section:first-child{margin-top:1.25rem}.wb .calc-quick-badge{display:inline-flex;width:max-content;padding:.3rem .55rem;border-radius:999px;background:var(--color-success-bg);color:var(--color-success);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}@media(max-width:640px){.wb .tool-card:has(.calc-product),.tool-page .wb .tool-card:has(.calc-product){padding:.95rem}.wb .calc-utility-row{justify-content:stretch}.wb .calc-utility-row .field{flex:1 1 145px}.wb .calc-group{padding:.85rem}.wb .calc-customize{align-items:flex-start}.wb .calc-deep-results-body{padding:0 .8rem .8rem}}@media print{body:has(.wb){background:white!important;padding:0!important;color:black!important}body:has(.wb) #site-header,body:has(.wb) #site-footer,body:has(.wb) ins,body:has(.wb) iframe,body:has(.wb) .problem-report-cta,body:has(.wb) .breadcrumb{display:none!important}.wb>*{display:none!important}.wb>.wb-report-section,.wb>.tool-page-layout{display:block!important}.wb>.tool-page-layout>.article-sidebar{display:none!important}.wb>.tool-page-layout>.tool-page-content{display:block!important}.wb>.tool-page-layout>.tool-page-content>*{display:none!important}.wb>.tool-page-layout>.tool-page-content>.wb-report-section{display:block!important}.wb .wb-print-only{display:block}.wb .wb-report-section>.section-title,.wb .wb-report-section>.wb-actions,.wb .wb-report-section>.wb-small{display:none!important}.tool-wrapper:has(.wb){max-width:none;padding:0}.wb-report-section{margin:0!important}.wb .wb-report-preview{margin:0}.wb .wb-report-document{border:0;box-shadow:none}.wb .wb-report-header{padding:0 0 12pt;background:none}.wb .wb-report-block,.wb .wb-report-block.is-featured{padding:11pt 0;background:none;break-inside:avoid}.wb .wb-report-title{font-size:18pt!important}.wb .wb-report-heading{font-size:12pt!important}.wb .wb-report-row dd,.wb .wb-report-notes{font-size:9.5pt}.wb .wb-report-row.is-primary dd{font-size:16pt}.wb .wb-report-meta a{display:none}a{color:inherit!important}@page{margin:15mm}}.wb .wb-tabs button,.wb .wb-check,.wb .wb-subsection,.wb .wb-repeat-item,.wb .wb-kpi,.wb .wb-report-document,.wb .wb-table{border-color:#98a2b3}.wb .wb-tabs button:hover:not(:disabled){border-color:#667085;background:#f6f7f9}.wb .wb-error,.wb [aria-invalid="true"]{border-color:var(--color-error)}.wb .wb-table:focus-within{box-shadow:var(--focus-ring)}