:root{--color-bg:#fff;--color-bg-subtle:#f7f8fa;--color-border:#e2e5ea;--color-text:#14213d;--color-text-muted:#565f6e;--color-primary:#2878ff;--color-primary-dark:#14213d;--color-primary-contrast:#fff;--color-accent:#2878ff;--color-amber:#f2a93b;--color-danger:#b3261e;--color-danger-bg:#fdecea;--color-success-bg:#eaf1ff;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 1px 2px #1018280f, 0 1px 3px #10182814;--container-max:1080px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);margin:0;font-size:16px;line-height:1.55}h1,h2,h3,h4{margin:0 0 .5em;font-weight:700;line-height:1.2}h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}h2{margin-top:2rem;font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem)}h3{margin-top:1.5rem;font-size:1.15rem}p{margin:0 0 1em}a{color:var(--color-accent);text-decoration-thickness:1px}a:hover{text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:20;position:sticky;top:0}.site-header__inner{max-width:var(--container-max);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.85rem 1.25rem;display:flex}.brand{white-space:nowrap;align-items:center;line-height:0;text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:30px;display:block}.main-nav{flex-wrap:wrap;gap:1.25rem;display:flex}.main-nav a{color:var(--color-text);font-size:.95rem;font-weight:600;text-decoration:none}.main-nav a:hover{color:var(--color-primary)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-muted);margin-top:4rem;padding:2.5rem 0;font-size:.9rem}.site-footer__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;display:grid}.site-footer h4{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:.4rem}.site-footer a{color:var(--color-text-muted)}.breadcrumbs{color:var(--color-text-muted);margin:1rem 0;font-size:.85rem}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs .sep{margin:0 .4em}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem}.calc-shell{gap:1.5rem;margin:1.5rem 0 2rem;display:grid}@media (width>=860px){.calc-shell{grid-template-columns:1fr 1fr;align-items:start}}.field{margin-bottom:1rem}.field label{margin-bottom:.3rem;font-size:.9rem;font-weight:600;display:block}.field .hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem}.field input:not([type=checkbox]){border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);padding:.6rem .7rem;font-family:inherit;font-size:1rem}.field input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary);flex-shrink:0;margin:0}.field label:has(input[type=checkbox]){align-items:center;gap:.5rem;display:flex}.field input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}details.advanced{border:1px dashed var(--color-border);border-radius:var(--radius-sm);margin:1rem 0;padding:.6rem .9rem}details.advanced summary{cursor:pointer;font-weight:600}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-text-muted)}.btn-row{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.result-primary{background:var(--color-success-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.25rem}.result-primary .label{color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:600}.result-primary .value{color:var(--color-primary-dark);margin-top:.2rem;font-size:clamp(1.8rem,1.5rem + 1.2vw,2.4rem);font-weight:800}.result-error{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-md);padding:1rem 1.25rem;font-weight:600}.result-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0;display:grid}.result-metric{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem .9rem}.result-metric .label{color:var(--color-text-muted);font-size:.78rem}.result-metric .value{font-size:1.15rem;font-weight:700}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-md);margin:1rem 0;overflow-x:auto}table.result-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}.result-table th,.result-table td{text-align:right;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.6rem .8rem}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table thead th{background:var(--color-bg-subtle);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);font-size:.78rem}.formula-block{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);margin:1rem 0;padding:1rem 1.25rem;font-size:.88rem;overflow-x:auto}.assumption-note{border-left:3px solid var(--color-accent);background:var(--color-bg-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1rem 0;padding:.75rem 1rem;font-size:.92rem}.worked-example{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);margin:1.25rem 0;padding:1.25rem}.worked-example h3{margin-top:0}.related-tools{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin:1.25rem 0;display:grid}.related-tool-card{border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;padding:1rem 1.1rem;text-decoration:none;display:block}.related-tool-card:hover{border-color:var(--color-primary)}.related-tool-card .title{color:var(--color-text);margin-bottom:.25rem;font-weight:700}.related-tool-card .desc{color:var(--color-text-muted);font-size:.85rem}.faq-item{border-bottom:1px solid var(--color-border);padding:.9rem 0}.faq-item summary{cursor:pointer;font-weight:700}.faq-item[open] summary{margin-bottom:.5rem}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0 2.5rem;display:grid}.hub-card{color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;text-decoration:none;transition:border-color .15s;display:block}.hub-card:hover{border-color:var(--color-primary)}.hub-card h3{margin-top:0}.hub-card p{color:var(--color-text-muted);margin-bottom:0;font-size:.92rem}.hero{text-align:left;padding:3rem 0 1rem}.hero p.lede{color:var(--color-text-muted);max-width:62ch;font-size:1.15rem}.section{margin:2.5rem 0}.tag{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary-dark);background:var(--color-success-bg);border-radius:999px;margin-bottom:.6rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.placeholder-note{color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:.6rem .9rem;font-size:.85rem}.ad-slot{min-height:0;margin:1.5rem 0}@media (width<=480px){.field-row{grid-template-columns:1fr}}.visually-hidden-focusable[data-astro-cid-z4jru4n3]{z-index:100;background:#fff;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.visually-hidden-focusable[data-astro-cid-z4jru4n3]:focus{top:1rem;left:1rem}
