:root{--blue-900: #0F2A4A;--blue-800: #163355;--blue-700: #1E3A5F;--blue-600: #2B4D7A;--blue-500: #3B6BA5;--blue-400: #5A86BC;--blue-300: #8AA7CC;--blue-200: #B9CDE2;--blue-100: #E6EEF7;--ink: #1A2332;--slate-800: #2A3445;--slate-700: #3F4A5C;--slate-600: #525E72;--slate-500: #6B7689;--slate-400: #94A0B3;--slate-300: #C9CFD9;--slate-200: #E2E8F0;--slate-100: #EEF2F7;--slate-50: #F7F9FC;--bg: #FFFFFF;--bg-soft: #F7F9FC;--bg-layer: #EEF2F7;--line: #E2E8F0;--line-strong: #CBD5E0;--accent: #2B6CB0;--accent-hover: #1E5A99;--accent-soft: #E6F0FA;--success: #2F855A;--success-soft: #E6F4EC;--warn: #B7791F;--warn-soft: #FBF1DD;--danger: #9B2C2C;--danger-soft: #FBEAEA;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 42, 74, .05);--shadow-sm: 0 1px 3px rgba(15, 42, 74, .07), 0 1px 2px rgba(15, 42, 74, .04);--shadow-md: 0 4px 16px rgba(15, 42, 74, .08);--shadow-lg: 0 12px 40px rgba(15, 42, 74, .1);--shadow-blue: 0 8px 24px rgba(43, 108, 176, .18);--ease: cubic-bezier(.4, 0, .2, 1);--dur: .18s;--container: 1140px;--container-narrow: 760px;--header-h: 64px}:root.dark{--bg: #0E1726;--bg-soft: #131E33;--bg-layer: #1A2740;--line: #28354F;--line-strong: #364663;--ink: #E8EDF5;--slate-800: #D6DEEA;--slate-700: #BFC8D8;--slate-600: #A0ABC0;--slate-500: #828EA6;--slate-400: #66748D;--slate-300: #4A5770;--slate-200: #34425B;--slate-100: #28354F;--slate-50: #1A2740;--accent: #5A91D1;--accent-hover: #73A4DC;--accent-soft: #1E3354;--blue-100: #1E3354;--success-soft: #163226;--warn-soft: #3A2E14;--danger-soft: #3B1C1C;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--accent);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--accent-hover)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}ul,ol{padding-left:1.25rem}h1,h2,h3,h4{line-height:1.25;color:var(--ink);font-weight:700;letter-spacing:-.01em}h1{font-size:clamp(1.85rem,4vw,2.6rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.3rem}h4{font-size:1.1rem}p{margin-bottom:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:1.25rem}.container-narrow{max-width:var(--container-narrow)}.section{padding:3.5rem 0}.section-sm{padding:2rem 0}.stack>*+*{margin-top:1rem}.text-center{text-align:center}.muted{color:var(--slate-500)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}.site-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}:root.dark .site-header{background:#0e1726e0}.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:var(--header-h)}.site-logo{font-weight:800;font-size:1.2rem;color:var(--blue-900);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.4rem}:root.dark .site-logo{color:#fff}.site-logo .logo-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--blue-700),var(--accent));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:800}.site-logo .logo-calc{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:.25rem;margin-left:auto}.main-nav a,.main-nav .nav-trigger{padding:.5rem .85rem;border-radius:var(--radius-sm);color:var(--slate-700);font-weight:500;font-size:.95rem;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.main-nav a:hover,.main-nav .nav-trigger:hover{background:var(--bg-layer);color:var(--ink)}.main-nav a.active{color:var(--accent);background:var(--accent-soft)}.nav-dropdown-wrap{position:relative}.nav-trigger{cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;background:none;border:0}.nav-trigger:after{content:"▾";font-size:.7rem;color:var(--slate-400)}.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all var(--dur) var(--ease)}.nav-dropdown-wrap:hover .nav-dropdown,.nav-dropdown-wrap:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown a{display:block;padding:.45rem .7rem;border-radius:var(--radius-sm);font-size:.9rem}.nav-dropdown a:hover{background:var(--bg-layer)}.dropdown-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400);padding:.5rem .7rem .25rem;font-weight:600}.header-controls{display:flex;align-items:center;gap:.5rem}.icon-btn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--slate-700);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--dur) var(--ease)}.icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.mobile-menu-btn{display:none}.trust-bar{background:linear-gradient(90deg,var(--blue-900),var(--blue-700));color:#fff;font-size:.85rem}.trust-bar-inner{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:center;padding:.6rem 1.25rem}.trust-item{display:inline-flex;align-items:center;gap:.4rem;font-weight:500;opacity:.95}.trust-item svg,.trust-item .ti{color:var(--blue-200)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:.95rem;line-height:1;cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.btn-outline{background:var(--bg);color:var(--accent);border-color:var(--accent)}.btn-outline:hover{background:var(--accent-soft)}.btn-ghost{background:transparent;color:var(--slate-700);border-color:var(--line)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{padding:.85rem 1.75rem;font-size:1.05rem}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field-label{font-size:.85rem;font-weight:600;color:var(--slate-700)}.field-hint{font-size:.78rem;color:var(--slate-500)}.input,.select,.textarea{width:100%;padding:.6rem .75rem;min-height:44px;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);font-size:.98rem;transition:all var(--dur) var(--ease)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #2b6cb01f}.input-prefix{position:relative}.input-prefix .prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--slate-400);font-weight:600;pointer-events:none}.input-prefix .input{padding-left:1.6rem}.input-suffix .suffix{right:.75rem;left:auto}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:all var(--dur) var(--ease)}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}.card-body{padding:1.25rem}.tool-card{display:flex;flex-direction:column;gap:.5rem;height:100%}.tool-card .tc-icon{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.4rem}.tool-card .tc-title{font-size:1.05rem;font-weight:700;color:var(--ink)}.tool-card .tc-desc{font-size:.88rem;color:var(--slate-500);flex:1}.tool-card .tc-link{font-size:.85rem;font-weight:600;color:var(--accent);margin-top:.25rem}.article-card{display:flex;flex-direction:column;height:100%}.article-card .ac-thumb{aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;background:var(--bg-layer)}.article-card .ac-thumb img{width:100%;height:100%;object-fit:cover}.article-card .ac-cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--accent)}.article-card .ac-title{font-size:1.05rem;font-weight:700;color:var(--ink);line-height:1.35}.article-card .ac-title a{color:inherit}.article-card .ac-title a:hover{color:var(--accent)}.article-card .ac-meta{font-size:.78rem;color:var(--slate-400)}.css-banner{aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-500) 55%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.css-banner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px}.css-banner .cb-icon{font-size:2.4rem;opacity:.95;position:relative}.grid{display:grid;gap:1.25rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.hero{position:relative;padding:3.5rem 0 3rem;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(43,108,176,.1) 0%,transparent 38%),radial-gradient(circle at 88% 25%,rgba(91,134,188,.08) 0%,transparent 42%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%);border-bottom:1px solid var(--line)}.hero h1{max-width:18ch}.hero p.lead{font-size:1.15rem;color:var(--slate-600);max-width:60ch;margin-top:.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;margin-bottom:1rem}.section-head{margin-bottom:1.75rem}.section-head h2{margin-bottom:.4rem}.section-head p{color:var(--slate-500);max-width:65ch}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--accent);margin-bottom:.4rem;display:block}.calc-shell{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:820px){.calc-shell{grid-template-columns:1fr}}.calc-input-panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.calc-input-panel h3{margin-bottom:1rem;font-size:1.1rem}.calc-result-panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--header-h) + 1rem)}.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.result-row:last-child{border-bottom:0}.result-label{font-size:.9rem;color:var(--slate-600)}.result-value{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--ink)}.result-hero{text-align:center;padding:1rem 0 1.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--line)}.result-hero .rh-value{font-family:var(--font-mono);font-size:2rem;font-weight:800;color:var(--accent);line-height:1.1}.result-hero .rh-label{font-size:.85rem;color:var(--slate-500);margin-top:.25rem}.result-interp{margin-top:1rem;padding:.9rem 1rem;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:.9rem;color:var(--slate-700)}.result-interp strong{color:var(--ink)}.calc-actions{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.empty-state{text-align:center;color:var(--slate-400);padding:2rem 1rem;font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.badge-blue{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-slate{background:var(--bg-layer);color:var(--slate-600)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;text-align:left;background:none;border:0;padding:1rem 0;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem}.faq-q:after{content:"+";font-size:1.3rem;color:var(--accent);transition:transform var(--dur) var(--ease);flex-shrink:0}.faq-item[open] .faq-q:after{transform:rotate(45deg)}.faq-a{padding:0 0 1rem;color:var(--slate-600);font-size:.95rem}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.82rem;color:var(--slate-500);margin-bottom:1rem}.breadcrumbs a{color:var(--slate-500)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{color:var(--slate-300)}.breadcrumbs .current{color:var(--ink);font-weight:600}.page-header{padding:2rem 0 1.5rem;border-bottom:1px solid var(--line);margin-bottom:2rem}.page-header h1{margin-bottom:.5rem}.page-header .lead{font-size:1.1rem;color:var(--slate-600);max-width:70ch}.page-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.82rem;color:var(--slate-400)}.takeaways{background:var(--accent-soft);border:1px solid var(--blue-200);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.5rem 0}.takeaways h3{color:var(--blue-800);margin-bottom:.6rem;font-size:1.05rem}:root.dark .takeaways h3{color:var(--blue-300)}.takeaways ul{list-style:none;padding:0}.takeaways li{padding-left:1.5rem;position:relative;margin-bottom:.35rem;font-size:.92rem}.takeaways li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.prose{max-width:760px}.prose h2{margin-top:2.25rem;margin-bottom:.75rem}.prose h3{margin-top:1.5rem;margin-bottom:.5rem}.prose p,.prose ul,.prose ol{margin-bottom:1.1rem;color:var(--slate-700)}.prose li{margin-bottom:.4rem}.prose strong{color:var(--ink)}.prose img{border-radius:var(--radius);margin:1.5rem 0;box-shadow:var(--shadow-sm)}.prose figure{margin:1.5rem 0}.prose figcaption{font-size:.82rem;color:var(--slate-400);text-align:center;margin-top:.4rem}.prose blockquote{border-left:3px solid var(--accent);padding:.5rem 1.1rem;margin:1.25rem 0;background:var(--bg-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--slate-600);font-style:italic}.prose table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.9rem}.prose th,.prose td{border:1px solid var(--line);padding:.6rem .75rem;text-align:left}.prose th{background:var(--bg-layer);font-weight:700;color:var(--ink)}.prose .tool-cta{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;margin:1.5rem 0;background:linear-gradient(90deg,var(--accent-soft),var(--bg-soft));border:1px solid var(--blue-200);border-radius:var(--radius)}.prose .tool-cta .tcta-icon{font-size:1.4rem;color:var(--accent)}.prose .tool-cta .tcta-text{flex:1}.prose .tool-cta .tcta-title{font-weight:700;color:var(--ink)}.prose .tool-cta .tcta-sub{font-size:.82rem;color:var(--slate-500)}.notice{padding:.9rem 1.1rem;border-radius:var(--radius-sm);font-size:.88rem;border-left:3px solid;margin:1.25rem 0}.notice-info{background:var(--accent-soft);border-color:var(--accent);color:var(--slate-700)}.notice-warn{background:var(--warn-soft);border-color:var(--warn);color:var(--slate-700)}.site-footer{background:var(--blue-900);color:var(--slate-300);margin-top:4rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding:3rem 0 2rem}@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}.site-footer h4{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.85rem}.site-footer a{color:var(--slate-300);font-size:.88rem;display:block;padding:.25rem 0}.site-footer a:hover{color:#fff}.footer-brand{color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:.5rem}.footer-desc{font-size:.85rem;color:var(--slate-400);margin-bottom:1rem}.footer-dol{font-size:.78rem;color:var(--slate-400);padding:1rem 0;border-top:1px solid rgba(255,255,255,.08);line-height:1.55}.footer-bottom{padding:1rem 0;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:var(--slate-400);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.ad-slot{background:var(--bg-layer);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:1rem;text-align:center;color:var(--slate-400);font-size:.78rem;margin:1.5rem 0;min-height:90px;display:flex;align-items:center;justify-content:center}.ad-slot:before{content:"Advertisement"}.hidden{display:none!important}.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}.divider{height:1px;background:var(--line);margin:2rem 0;border:0}.pill-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pill-tab{padding:.4rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg);color:var(--slate-600);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--dur) var(--ease)}.pill-tab.active,.pill-tab:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.mobile-nav{display:none}@media(max-width:860px){.main-nav{display:none}.mobile-menu-btn{display:inline-flex}.mobile-nav{display:block;position:fixed;inset:0;z-index:200;background:var(--bg);transform:translate(100%);transition:transform var(--dur) var(--ease);overflow-y:auto}.mobile-nav.open{transform:translate(0)}.mobile-nav-inner{padding:1.25rem}.mobile-nav a{display:block;padding:.7rem 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500}.mobile-nav .mn-label{font-size:.72rem;text-transform:uppercase;color:var(--slate-400);margin-top:1rem;margin-bottom:.25rem}}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-print{font-size:.85rem;padding:.4rem .8rem}@media print{*{color:#000!important;background:#fff!important}.site-header,.site-footer,.trust-bar,.mobile-nav,.ad-slot,.btn,.btn-print,.calc-input-panel,.notice-warn,.faq,.RelatedTools,.RelatedArticles,.breadcrumbs,.page-meta,.takeaways,.tool-cta{display:none!important}.calc-shell{grid-template-columns:1fr!important;gap:0}.calc-result-panel{position:static!important;box-shadow:none!important;border:1px solid #ddd!important}.prose{max-width:none}.prose table,.prose th,.prose td{border:1px solid #ddd}body{font-size:14px}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.1rem}.result-row,.result-hero{border-bottom:1px solid #ddd}@page{margin:1in}}