/* Keep interactive state changes inside their own surface. */
html{scrollbar-gutter:stable}
.thread-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.thread-hero>*,.tool-content,.tool-content>section,.calc-layout>*,.efficiency-layout>*,.studio-stage{min-width:0}
.process-detail{display:grid}
.process-view{grid-area:1/1;visibility:hidden;pointer-events:none;min-width:0;overflow-wrap:anywhere}
.process-view.is-active{visibility:visible;pointer-events:auto}
.process-detail .detail-facts b,.cost-result b,.cost-result .big-price,.kpi-grid,.worker-table{font-variant-numeric:tabular-nums}
.tool-content{height:clamp(650px,82svh,800px);min-height:0;display:flex;flex-direction:column}
.tool-content>.demo-label,.tool-content>.tailored-note{flex:none}
.tool-content>[role=tabpanel]{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior-y:contain;padding-right:10px;scroll-padding-block:12px}
.tool-content>[role=tabpanel]:focus-visible{outline:2px solid #326ee1;outline-offset:-2px}
.tool-nav button{flex:1 0 0;min-width:0}
.calc-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.rx-site{height:650px;max-height:650px;scrollbar-gutter:stable}
.concept-dialog .rx-site{height:auto;max-height:none}
.browser-chrome{min-width:0;height:44px;flex-shrink:0}
.browser-chrome>span{min-width:0;overflow-wrap:anywhere}
.browser-chrome>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){
  .thread-hero{grid-template-columns:minmax(0,1fr)}
  .calc-layout{grid-template-columns:minmax(0,1fr)}
  .tool-content{height:740px}
  .tool-content>[role=tabpanel]{padding-right:6px}
}
@media(max-width:650px){.rx-site{height:590px;max-height:590px}.concept-dialog .rx-site{height:auto;max-height:none}}

/* A continuous eight-second thread circuit, with a quiet four-second glow. */
.thread-circuit path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.circuit-track{stroke:#71b4ef;stroke-width:1;opacity:.2}
.circuit-flow,.circuit-glow,.circuit-head{stroke-dashoffset:0;animation:nit-circuit 8s linear infinite}
.circuit-flow{stroke:#61dcff;stroke-width:2;stroke-dasharray:12 88}
.circuit-glow{stroke:#51bdff;stroke-width:6;stroke-dasharray:12 88;opacity:.35;filter:blur(3px)}
.circuit-head{stroke:#e0fbff;stroke-width:3;stroke-dasharray:.35 99.65}
.thread-wordmark .wordmark-thread{stroke-dasharray:none;stroke-dashoffset:0;animation:nit-thread-breathe 4s ease-in-out infinite;filter:drop-shadow(0 0 2px #4488ff55)}
.thread-wordmark .thread-link{animation:none;stroke-dasharray:none;opacity:.22}
@keyframes nit-circuit{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes nit-thread-breathe{0%,100%{opacity:.82}50%{opacity:1}}
.motion-paused .thread-wordmark *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.thread-wordmark *{animation:none!important}.thread-wordmark .wordmark-thread{opacity:1}.circuit-glow{display:none}}