/* Shared navigation, page headings and actions for every engineering tool. */
.tools-mobile-bar,.tools-backdrop{display:none}
@media screen{
html:has(body.tools-layout){height:auto;overflow:visible;scroll-padding-top:24px}
body.tools-layout{--tool-nav-width:248px;--tool-blue:#0d67e8;--tool-line:#dce5f1;--tool-ink:#11213c;margin:0;background:#f2f6fc;color:var(--tool-ink);font:15px/1.5 "Segoe UI",Arial,sans-serif;height:auto;overflow:visible;zoom:1}
.tools-layout *{box-sizing:border-box}.tools-layout a{text-decoration:none}.tools-layout a:focus-visible,.tools-layout button:focus-visible,.tools-layout summary:focus-visible{outline:3px solid #66b2ff;outline-offset:3px}
.tools-layout>main,.tools-layout>.app-shell>main{margin-left:var(--tool-nav-width);min-width:0;width:auto;max-width:none;height:auto;overflow:visible;display:block}
.tools-layout .app-shell{display:block;width:auto;height:auto;min-height:100vh;overflow:visible}
.tools-accumulator .app-shell>.sidebar{display:none}
.tools-layout.tools-nav-collapsed{--tool-nav-width:76px}
.tools-sidebar{position:fixed;inset:0 auto 0 0;width:var(--tool-nav-width);z-index:50;display:flex;flex-direction:column;background:linear-gradient(180deg,#092f64,#061f45);color:#fff;overflow-y:auto;overscroll-behavior:contain}
.tools-brand-row{display:flex;align-items:center;gap:8px;min-height:92px;padding:18px 14px;background:#fff;border-right:1px solid var(--tool-line)}.tools-brand{min-width:0;flex:1}.tools-brand strong{display:block;color:#1262d2;font-size:19px;font-weight:900;letter-spacing:-.5px}.tools-brand span{display:block;margin-top:3px;color:#526987;font-size:10px;letter-spacing:1px}
.tools-toggle{flex:none;width:32px;height:34px;border:1px solid #d0dff1;border-radius:7px;background:#f5f9ff;color:#1262d2;font-size:18px;cursor:pointer}.tools-sidebar nav{padding:17px 10px;display:grid;gap:5px}.tools-nav-group{margin-top:13px}.tools-nav-heading{display:block;padding:5px 12px 8px;color:#9eb9da;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.tools-nav-heading:hover,.tools-nav-heading[aria-current]{color:#fff}.tools-nav-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 10px;border-radius:8px;color:#dceaff;font-size:13px;line-height:1.35;margin-bottom:3px}.tools-nav-link:hover{background:#ffffff12}.tools-nav-link.is-active{background:var(--tool-blue);color:#fff}.tools-nav-icon{flex:none;display:grid;place-items:center;width:28px;height:27px;border:1px solid #ffffff25;border-radius:6px;font-size:10px;font-weight:800}.tools-nav-label{min-width:0}.tools-website{margin-top:20px;padding-top:14px;border-top:1px solid #ffffff20}.tools-website summary{padding:8px 12px;font-size:12px;color:#b7cbe7;cursor:pointer}.tools-website .tools-nav-link{font-size:12px}.tools-sidebar-footer{margin-top:auto;padding:20px 18px;color:#9eb9da;font-size:10px;white-space:nowrap}
.tools-nav-collapsed .tools-brand,.tools-nav-collapsed .tools-nav-label,.tools-nav-collapsed .tools-nav-heading,.tools-nav-collapsed .tools-website,.tools-nav-collapsed .tools-sidebar-footer{display:none}.tools-nav-collapsed .tools-brand-row{justify-content:center;padding-inline:10px}.tools-nav-collapsed .tools-nav-link{justify-content:center;padding-inline:5px}.tools-nav-collapsed .tools-nav-group{margin-top:9px;padding-top:9px;border-top:1px solid #ffffff20}
.tools-layout .tools-page-header{padding:17px 28px 22px;margin:0;background:linear-gradient(105deg,#fff,#f3f8ff);border-bottom:1px solid var(--tool-line);box-shadow:0 5px 18px #1d4f9108;display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:16px 24px;min-height:0;position:relative;z-index:5;flex:none}
.tools-layout .tools-page-header:after{content:"";position:absolute;left:28px;bottom:-1px;width:56px;height:3px;background:var(--tool-blue);border-radius:3px}
.tools-layout .site-breadcrumb{display:block;grid-column:1/-1;width:100%;max-width:none;padding:0;margin:0!important;color:#687892;font-size:12px;line-height:1.5}.tools-layout .site-breadcrumb a{color:#526987}.tools-layout .site-breadcrumb a:hover{color:var(--tool-blue)}
.tools-page-kicker,.tools-layout .product-kicker{display:block;color:#1765d8;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:1px}.tools-layout .tools-page-header h1{margin:4px 0 6px;color:#092c5c;font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.5px;max-width:900px}.tools-layout .tools-page-header p{margin:0;color:#687892;font-size:13px;max-width:780px}.tools-layout .topbar-heading{gap:0}
.tools-layout .tools-page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:580px}.tools-layout .tools-page-actions button,.tools-layout .tools-page-actions .language-picker{width:auto;min-height:38px;height:auto;margin:0;padding:9px 13px;border:1px solid #cbdcf1;border-radius:8px;background:#fff;color:#23405f;font:700 12px/1.4 "Segoe UI",Arial,sans-serif;white-space:nowrap;box-shadow:0 3px 10px #1e4c8808;cursor:pointer;transform:none}.tools-layout .tools-page-actions button:hover{border-color:#80aee8;background:#f5f9ff}.tools-layout .tools-page-actions button.tools-primary,.tools-layout .tools-page-actions button.primary{order:10;background:var(--tool-blue);border-color:var(--tool-blue);color:#fff;box-shadow:0 5px 12px #0d67e825}.tools-layout .tools-page-actions button:disabled{opacity:.5;cursor:default}.tools-guide-link{color:#1765d8;font-size:12px;font-weight:700;padding:8px 4px}.tools-help{position:relative;font-size:12px}.tools-help summary{padding:9px 10px;border:1px solid #cbdcf1;border-radius:8px;background:#fff;color:#23405f;font-weight:700;cursor:pointer}.tools-help[open]{padding-bottom:0}.tools-help a{display:block;position:absolute;right:0;top:39px;width:240px;padding:12px 15px;background:#fff;border:1px solid #cbdcf1;color:#1765d8;box-shadow:0 8px 20px #082e6315}.tools-help a+a{top:82px;border-top:0}
.tools-layout .section{padding:26px 28px}.tools-layout .section>.container{width:100%;max-width:1440px;margin:0 auto}.tools-layout .section-head h2{font-size:24px}.tools-layout .tool-panel,.tools-layout .result-panel,.tools-layout .method-card,.tools-layout .emission-panel,.tools-layout .form-card,.tools-layout .summary-card{border-radius:12px;border-color:var(--tool-line);box-shadow:0 5px 18px #1d4f9108}.tools-layout .tool-panel h2,.tools-layout .result-panel h2,.tools-layout .method-card h2,.tools-layout .emission-panel h2,.tools-layout .form-card h2,.tools-layout .summary-card h2{font-size:20px}.tools-layout .result-hero,.tools-layout .summary-hero{background:linear-gradient(135deg,#f0f6ff,#eaf3ff);color:#0b55bd;border:1px solid #cbdfff}.tools-layout .result-hero .result-label{opacity:1;color:#526987}.tools-layout .summary-hero span{color:#526987}.tools-layout .summary-hero strong{color:#0b55bd}.tools-layout .result-value{font-size:30px}.tools-layout .summary-card{top:20px}.tools-layout .method-card,.tools-layout .emission-method{scroll-margin-top:20px}.tools-layout .tool-buttons:empty,.tools-layout .action-grid:empty{display:none}.tools-layout .emission-heading{margin-bottom:20px}.tools-layout .emission-heading p{font-size:13px}.tools-layout .emission-actions{margin-top:16px}.tools-layout .emission-actions span{margin-left:0}.tools-layout .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Let the accumulator use the same natural page scrolling as the other tools. */
.tools-accumulator .workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto;align-items:start;gap:20px;padding:26px 28px;overflow:visible;max-width:1800px;margin:0 auto}
.tools-accumulator .left-column,.tools-accumulator .right-column{height:auto;min-height:0;max-height:none;overflow:visible;padding-right:0}.tools-accumulator .left-column{position:static}.tools-accumulator .panel{border-radius:12px;box-shadow:0 5px 18px #1d4f9108}.tools-accumulator .panel-title{padding:14px 18px}.tools-accumulator .panel-title h2{font-size:17px}.tools-accumulator .input-grid{gap:16px;padding:20px}.tools-accumulator .result-grid{padding:20px}.tools-accumulator .input-grid label{min-width:0}.tools-accumulator .title-row{flex-wrap:wrap}.tools-accumulator .standard-badge{font-size:10px}.tools-accumulator .service-card{margin-top:0}
@media(max-width:1250px){.tools-layout .tools-page-header{grid-template-columns:1fr}.tools-layout .tools-page-actions{justify-content:flex-start;max-width:none}.tools-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-accumulator .workspace{grid-template-columns:1fr}.tools-accumulator .project-panel{grid-column:1}.tools-layout .tool-shell,.tools-layout .pump-layout{grid-template-columns:1fr}.tools-layout .summary-card{position:static;grid-row:auto}.tools-layout .pump-form{grid-row:auto}.tools-layout .emission-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body.tools-layout{--tool-nav-width:248px;padding-top:56px}.tools-layout>main,.tools-layout>.app-shell>main{margin-left:0}.tools-mobile-bar{position:fixed;inset:0 0 auto 0;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;z-index:60;background:#fff;border-bottom:1px solid #dce5f1}.tools-mobile-bar a{font-size:19px;color:#1262d2;font-weight:900}.tools-mobile-toggle{padding:7px 12px;background:#f5f9ff;color:#1262d2;border:1px solid #cbdcf1;border-radius:7px;font:700 13px "Segoe UI",sans-serif}.tools-sidebar{top:56px;transform:translateX(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s}.tools-menu-open .tools-sidebar{transform:none;visibility:visible}.tools-menu-open{overflow:hidden!important}.tools-menu-open .tools-backdrop{display:block;position:fixed;inset:56px 0 0;border:0;background:#04142966;z-index:40}.tools-layout .tools-page-header{padding:16px 18px 20px}.tools-layout .tools-page-header:after{content:none}.tools-layout .section,.tools-accumulator .workspace{padding:20px 16px}.tools-layout .tools-page-header h1{font-size:24px}.tools-layout .tools-page-actions{gap:7px}.tools-layout .tools-page-actions button{padding:9px 11px}.tools-layout .site-breadcrumb{font-size:11px}.tools-accumulator .input-grid{grid-template-columns:1fr 1fr}.tools-accumulator .panel-title small{display:none}.tools-layout .emission-fields{grid-template-columns:1fr}.tools-layout .emission-field-wide{grid-column:auto}.tools-layout .grid{grid-template-columns:1fr}.tools-help a{left:0;right:auto}}
@media(max-width:480px){.tools-accumulator .input-grid{grid-template-columns:1fr}.tools-layout .tools-page-header h1{font-size:22px}.tools-layout .tools-page-actions{gap:6px}.tools-layout .tools-page-actions button{font-size:11px;padding:8px 10px}.tools-layout .tool-panel,.tools-layout .result-panel,.tools-layout .method-card{padding:18px}}
.tools-accumulator main>.service-card{margin:0 28px 26px;max-width:1744px}.tools-accumulator .right-column{scrollbar-gutter:auto}
@media(max-width:1650px){.tools-accumulator .cycle-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.tools-accumulator main>.service-card{margin:0 16px 20px}}
.tools-help-links{position:absolute;right:0;top:39px;width:260px;overflow:hidden;border:1px solid #cbdcf1;border-radius:8px;background:#fff;box-shadow:0 8px 20px #082e6315}.tools-help .tools-help-links a{position:static;width:auto;padding:12px 15px;border:0;box-shadow:none}.tools-help .tools-help-links a+a{border-top:1px solid #dce5f1}.tools-help .tools-help-links a:hover{background:#f3f8ff}
@media(max-width:800px){.tools-help-links{left:0;right:auto}}
@media(prefers-reduced-motion:reduce){.tools-sidebar{transition:none}}
.tools-layout .tools-page-header{position:sticky;top:0;z-index:35}
@media(max-width:800px){.tools-layout .tools-page-header{position:static;top:auto;z-index:auto}}
}
@media print{.tools-sidebar,.tools-mobile-bar,.tools-backdrop,.tools-help,.tools-guide-link,.tools-page-actions{display:none!important}.tools-layout>main,.tools-layout>.app-shell>main{margin-left:0!important}.tools-layout .tools-page-header{box-shadow:none}.tools-layout .tools-page-header .site-breadcrumb{display:none}.tools-layout .tools-page-header h1{font-size:22px}.tools-layout .tools-page-header p{font-size:11px}.tools-layout .emission-panel{break-inside:auto}}

/* Suppress numeric steppers while scripts load and in browsers without JS. */
.tools-layout input[type="number"]{appearance:textfield;-moz-appearance:textfield}
.tools-layout input[type="number"]::-webkit-inner-spin-button,.tools-layout input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.tools-subgroup{margin-top:8px}
.tools-subgroup summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 10px;border-radius:8px;color:#dceaff;font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.tools-subgroup summary::-webkit-details-marker{display:none}
.tools-subgroup summary:hover{background:#ffffff12}
.tools-subgroup[open]>summary{background:#ffffff08}
.tools-subgroup-chevron{margin-left:auto;width:7px;height:7px;border-right:1.5px solid #9eb9da;border-bottom:1.5px solid #9eb9da;transform:rotate(-45deg);transition:transform .15s}
.tools-subgroup[open] .tools-subgroup-chevron{transform:rotate(45deg)}
.tools-subgroup-links{margin:5px 0 8px 24px;padding-left:12px;border-left:1px solid #ffffff26}
.tools-subgroup-links .tools-nav-link{margin:3px 0 0;min-height:40px;padding:7px 9px;font-size:12px}
.tools-subgroup-links .tools-nav-icon{width:23px;height:23px;font-size:9px;flex-shrink:0}
.tools-subgroup-overview{display:block;padding:7px 9px;color:#9eb9da;font-size:11px}
.tools-subgroup-overview:hover,.tools-subgroup-overview[aria-current]{color:#fff}
.tools-nav-collapsed .tools-subgroup summary{justify-content:center;padding:9px 5px}
.tools-nav-collapsed .tools-subgroup-chevron,.tools-nav-collapsed .tools-subgroup-overview{display:none}
.tools-nav-collapsed .tools-subgroup-links{margin:4px 0;padding:0;border:0}
.tools-nav-collapsed .tools-subgroup-links .tools-nav-link{padding:7px 5px}
@media(prefers-reduced-motion:reduce){.tools-subgroup-chevron{transition:none}}
