/* WARM-UX-1: shared presentation; calculation surfaces stay authoritative. */
body.storefront.tool-workspace.warm-tool{--warm-paper:#f8f6f1;--warm-surface:#fffdfa;--warm-ink:#152f46;--warm-line:#d8dedf;--warm-blue:#2453d4;--warm-teal:#17695f;--warm-orange:#b65313;--work-line:var(--warm-line);background:var(--warm-paper);color:var(--warm-ink)}
body.warm-tool .site-main{padding-bottom:6rem}
body.storefront.tool-workspace.warm-tool .workspace-heading,body.warm-tool .page-heading.compact{max-width:none;margin-bottom:1.25rem}
body.storefront.tool-workspace.warm-tool .ordrel-tool-title.warm-title{display:flex;align-items:center;gap:.8rem;min-height:0;padding:.85rem 1rem;border-radius:12px;background:#173d61;border:0;box-shadow:none;margin:0 0 .65rem}
body.storefront.tool-workspace.warm-tool .warm-title h1{font-size:clamp(1.35rem,2.5vw,1.85rem)!important;line-height:1.25;letter-spacing:-.025em;margin:0;color:#fff!important}
body.warm-tool .warm-title .ordrel-title-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #ffffff50;border-radius:9px;background:#ffffff12;color:#fff}
body.warm-tool .warm-title .ordrel-title-icon svg{width:24px;height:24px}
body.warm-tool .warm-job{font-size:1.125rem!important;line-height:1.5!important;color:#152f46!important;font-weight:650;margin:.4rem 0!important;max-width:none!important}
body.warm-tool .warm-outcome{font-size:.9375rem!important;line-height:1.5!important;color:#43586a!important;margin:.35rem 0!important;max-width:none!important}
body.warm-tool .warm-how{padding:0;border:0;margin:.25rem 0 0}
body.warm-tool .warm-how summary{display:list-item;width:fit-content;min-height:44px;padding:.6rem 0;font-size:.875rem;color:#21479f}
body.warm-tool .warm-how p{font-size:.9375rem;line-height:1.6;margin:.5rem 0;color:#43586a}
body.warm-tool :is(.input-workspace,.lab-input,.why-input,.why-editor,.fishbone-inspector,.project-toolbar){background:var(--warm-surface);border-color:var(--warm-line);border-radius:14px;box-shadow:none}
body.warm-tool :is(.result-workspace,.oee-output,.lab-output,.working-outline){border:1px solid #b8cbd4;border-top:4px solid #2453d4;border-radius:14px;box-shadow:0 4px 16px #152f4609}
body.warm-tool .warm-first{font-size:.875rem;line-height:1.55;margin:0 0 1rem;padding:0 0 .85rem;border-bottom:1px solid var(--warm-line);color:#43586a}
body.warm-tool .warm-result-guide{margin:1.25rem 0 0;padding:.5rem 0 0;border-top:1px solid #98aeb980;border-bottom:0;color:inherit}
body.warm-tool .warm-result-guide summary{font-size:.9375rem;min-height:44px;padding:.6rem 0;color:inherit}
body.warm-tool .warm-result-guide p{font-size:.875rem;line-height:1.6;color:inherit;opacity:1;margin:.65rem 0}
body.warm-tool :is(.project-status,.order-save-note){display:block!important;font-size:.875rem;line-height:1.5;white-space:normal}
body.warm-tool .project-status:not(:empty){border-left:3px solid var(--warm-teal);padding:.3rem .6rem;background:#eef5f2;color:#185449}
body.warm-tool .why-node{border:1px solid var(--warm-line);border-left:3px solid #2453d4;border-radius:10px;background:var(--warm-surface);position:relative}
body.warm-tool .why-node+.why-node:before{content:'';position:absolute;left:19px;top:-17px;height:16px;border-left:2px solid #9fb5c8}
body.warm-tool .outline-evidence{border-left:3px solid #17695f;background:#eef5f2;margin-left:1rem}
body.warm-tool .outline-evidence strong{color:#185449}
body.warm-tool .capacity-visual{border-top:1px solid #98aeb980;padding-top:1rem}
body.warm-tool .oee-factors>div{border-radius:9px;border:1px solid var(--warm-line)}
body.warm-tool #fishbone-diagram{background:var(--warm-surface);border-color:#b8cbd4;border-radius:12px}
body.warm-tool footer.warm-next{display:block;margin:2rem 0 0;padding:1.25rem 0;border-top:1px solid #bbcbd2;background:transparent;color:#152f46}
body.warm-tool .warm-next h2{font-size:1.125rem;margin:0 0 .8rem}
body.warm-tool .warm-next>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
body.warm-tool .warm-next a{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;min-height:52px;border:1px solid #c3d0d8;border-radius:10px;background:#fffdfa;color:#21479f;font-size:.9375rem;line-height:1.5;text-decoration:none;font-weight:650}
body.warm-tool .warm-next a>span:first-child{display:flex;flex:none}
body.warm-tool .warm-next svg{width:22px;height:22px}
body.warm-tool .warm-next a>span:last-child{margin-left:auto}
body.warm-tool :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #2453d4!important;outline-offset:3px}
body.warm-tool :is(button,a){transition:background-color 130ms,border-color 130ms,box-shadow 130ms}
body.warm-tool :is(button,summary){touch-action:manipulation}
body.warm-tool .warm-next a:hover{background:#edf2fc;border-color:#2453d4}
body.warm-tool .mobile-outcome{position:static!important;margin-bottom:1rem}
body.warm-tool :is(input,textarea,select){scroll-margin-block:6rem}
@media(max-width:760px){body.warm-tool .warm-next>div{grid-template-columns:1fr}body.warm-tool .warm-first{font-size:.875rem}body.storefront.tool-workspace.warm-tool .warm-title{padding:.8rem}body.warm-tool :is(.input-workspace,.result-workspace,.oee-output,.lab-input,.lab-output,.working-outline){padding:1rem}body.warm-tool .flow-utility{position:static!important}body.warm-tool .warm-next{margin-top:1.5rem}body.warm-tool .warm-title .ordrel-title-icon{width:32px;height:32px}body.warm-tool .flow-tabs button{min-height:44px}}
@media(prefers-reduced-motion:reduce){body.warm-tool *,body.warm-tool *:before,body.warm-tool *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body.warm-tool :is(.warm-next,.warm-how,.warm-first,.warm-result-guide){display:none!important}body.storefront.tool-workspace.warm-tool .warm-title{background:none;border-bottom:1px solid #bccbdc}body.storefront.tool-workspace.warm-tool .warm-title h1{color:#152f46!important}}
/* The existing Guide wrapper also adds an icon; keep the named shared icon. */
body.warm-tool .warm-title .og-tool-header{display:contents}
body.warm-tool .warm-title .og-tool-header>svg{display:none}
body.warm-tool .flow-utility .project-controls>label{font-size:.875rem}
body.warm-tool .ordrel-title-icon svg{transition:transform 130ms}