/* Exact engineering geometry, presented in the Spyken Tech 2 palette. */
.njord-connected .njord-section-head>p,.njord-ai .njord-section-head>p{font-size:1rem;line-height:1.65;max-width:520px}
.njord-connected .njord-section-head,.njord-ai .njord-section-head{gap:40px;margin-bottom:24px}
.njord-connected .eyebrow,.njord-ai .eyebrow{font-size:.75rem;margin-bottom:12px}
.edition-tech-2 .njord-connected,.edition-tech-2 .njord-ai{padding-block:32px}
.njord-ai h2{font-size:clamp(1.8rem,2.7vw,2.5rem)}
.sk-workspace{--sk-bg:#0b252a;--sk-panel:#102d32;--sk-line:#2b4c52;--sk-muted:#a4bcbe;--sk-text:#f1f5f1;--sk-accent:#65e1d3;--sk-supply:#ff918a;--sk-return:#83bdff;--sequence-progress:0;border:1px solid var(--sk-line);background:var(--sk-bg);color:var(--sk-text);font-size:1rem;overflow:hidden;box-shadow:0 16px 50px #020d1120}
.sk-window-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 20px;background:#0a2025;color:var(--sk-muted);font:13px/1.4 ui-monospace,monospace;border-top:1px solid #65e1d340;border-bottom:1px solid var(--sk-line);min-height:48px}
.sk-window-bar strong{color:var(--sk-accent);letter-spacing:.1em;margin-right:7px}
.sk-playback{display:flex;align-items:center;gap:16px}
.sk-pause{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:5px 9px;border:1px solid var(--sk-line);background:transparent;color:var(--sk-muted);font:14px/1.4 'Noto Sans',sans-serif;cursor:pointer}
.sk-pause svg{width:15px;height:15px}
.sk-pause:hover{color:var(--sk-accent);border-color:var(--sk-accent)}
.sk-workspace button:focus-visible,.sk-workspace summary:focus-visible{outline:2px solid var(--sk-accent);outline-offset:3px}
.sk-main,.sk-ai-main{display:grid;grid-template-columns:minmax(0,1fr) 330px}
.sk-main>*,.sk-ai-main>*{min-width:0}
.sk-editor,.sk-ai-editor{display:flex;flex-direction:column;min-width:0}
.sk-canvas-shell{position:relative;isolation:isolate;background:var(--sk-bg);overflow:hidden}
.sk-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;mix-blend-mode:screen;mask-image:url(/assets/products/njord-sketch-light-mask.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;transition:opacity .3s ease}
[data-phase=extended] .sk-ambient{opacity:.75}
[data-phase=extended] .sk-component-shape>rect{fill:#12363bcc}
.sk-ambient video{height:100%;width:100%;object-fit:contain;display:block}
.sk-canvas{color:var(--sk-text);position:relative;background:transparent}
.sk-canvas-context{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 4px;font-size:14px}
.sk-canvas-context strong{font-weight:600;color:var(--sk-accent)}
.sk-canvas-context>span{color:var(--sk-muted);font-size:13px}
.sk-drawing{padding:0 6px;position:relative;isolation:isolate;background:var(--sk-bg)}
.sk-diagram{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:250px;overflow:visible}
.sk-diagram-mobile{display:none}
.sk-component-shape>rect{fill:#12363b;stroke:#8fcbc7;stroke-width:1.7}
.sk-component-shape>circle{fill:var(--sk-bg);stroke:var(--sk-accent);stroke-width:1.5}
.sk-symbol{fill:none;stroke:#c9e6e0;stroke-width:1.7}
.sk-node-name,.sk-node-value{text-anchor:middle;fill:var(--sk-text);font-family:'Noto Sans',sans-serif}
.sk-node-name{font-size:16px;font-weight:600}
.sk-node-value{font-size:15px;fill:var(--sk-muted)}
.sk-pipe-lines path{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.sk-pipe-lines .sk-pipe-crossing{stroke:var(--sk-bg);stroke-width:9}
.sk-supply{stroke:var(--sk-supply)}.sk-return{stroke:var(--sk-return)}
.sk-supply-dot{fill:var(--sk-supply)}.sk-return-dot{fill:var(--sk-return)}
.sk-pipe-lines .sk-flow{stroke:#f1f5f1;stroke-width:2;stroke-dasharray:.024 .976;opacity:0;filter:drop-shadow(0 0 3px #65e1d3)}
.sk-dimension rect{fill:#102f35;stroke:#32555b}
.sk-dimension text{font:600 16px 'Noto Sans',sans-serif;fill:var(--sk-supply)}
.sk-dimension-return text{fill:var(--sk-return)}
.sk-add-position rect{fill:#0e292e;stroke:#3c6269;stroke-width:1.5;stroke-dasharray:4 4}
.sk-add-position path{stroke:#6b969b;stroke-width:1.5}
.sk-add-position text{font:14px 'Noto Sans',sans-serif;text-anchor:middle;fill:#90afb2}
.sk-connect-hint{fill:var(--sk-muted);font:16px 'Noto Sans',sans-serif}
.sk-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:8px 20px 14px;color:var(--sk-muted);font-size:13px}
.sk-legend>span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.sk-legend>span:last-child{margin-left:auto}
.sk-red,.sk-blue{display:inline-block;width:14px;height:3px;flex:0 0 14px;background:var(--sk-supply);vertical-align:middle}
.sk-blue{background:var(--sk-return)}
.sk-results{height:100%;background:var(--sk-panel);border-left:1px solid var(--sk-line);padding:20px 24px}
.njord-page .sk-panel-title{font:500 12px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:var(--sk-accent);margin:0 0 9px}
.sk-results h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;color:var(--sk-text)}
.njord-page .sk-result-intro{display:none}
.sk-results dl{margin:12px 0 0}
.sk-results dl>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--sk-line);padding:9px 0;font-size:14px;line-height:1.4}
.sk-results dt{display:flex;align-items:center;gap:6px;color:var(--sk-muted)}
.sk-results dd{margin:0;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--sk-text)}
.njord-page .sk-result-foot{font-size:14px;line-height:1.55;color:var(--sk-accent);margin-top:13px;min-height:44px}
.sk-timeline{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:14px 20px;margin:auto 0 0;border-top:1px solid var(--sk-line);background:#0c272d;min-height:56px}
.sk-timeline li{font-size:14px;line-height:1.5;color:#829fa4;display:flex;align-items:center;gap:8px;transition:color .3s ease}
.sk-timeline li>span{font:12px/1.4 ui-monospace,monospace;color:#688c92}
.sk-timeline li[aria-current]{color:var(--sk-text)}.sk-timeline li[aria-current]>span{color:var(--sk-accent)}
.njord-page .sk-status{margin:0;padding:12px 20px;background:#0a2025;color:#bed4d3;font-size:14px;line-height:1.5;border-top:1px solid var(--sk-line);min-height:46px}
.sk-assumptions{border-top:1px solid var(--sk-line);background:#0a2025;color:var(--sk-muted);padding:0 20px}
.sk-foot{display:grid;grid-template-columns:minmax(0,1fr) 180px;background:#0a2025}
.sk-foot .sk-assumptions{padding-inline:15px;position:relative}
.sk-foot:has(details[open]){grid-template-columns:1fr}
.sk-assumptions summary{cursor:pointer;padding:11px 0;font-size:14px;line-height:1.5;color:var(--sk-muted)}
.njord-page .sk-assumptions p{font-size:14px;line-height:1.7;max-width:860px;padding-bottom:14px}
.sk-sequence-progress{height:2px;background:#16383e;overflow:hidden}
.sk-sequence-progress>span{height:100%;width:100%;display:block;background:var(--sk-accent);transform-origin:left;transform:scaleX(var(--sequence-progress))}
.sk-ai-main{grid-template-columns:minmax(0,1fr) 355px}
.sk-ai-numbers{border-top:1px solid var(--sk-line);display:grid;grid-template-columns:repeat(3,1fr);padding:14px 20px;gap:15px;background:#0c272d;margin-top:auto}
.sk-ai-numbers>span{font-size:14px;line-height:1.5;color:var(--sk-muted)}
.sk-ai-numbers strong{display:block;color:var(--sk-accent);font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.sk-chat{border-left:1px solid var(--sk-line);background:var(--sk-panel);padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:16px}
.sk-chat h3{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--sk-text);line-height:1.5}
.sk-chat h3 svg{width:22px;height:22px;color:var(--sk-accent)}
.sk-user-message{background:#183e43;color:#e1f3ef;padding:14px 16px;border:1px solid #386068;border-radius:10px 10px 2px 10px;font-size:16px;line-height:1.5}
.sk-agent-action{display:flex;align-items:center;gap:10px;min-height:52px;color:var(--sk-accent);font-size:14px;line-height:1.5}
.sk-agent-symbol{display:grid;place-items:center;width:30px;height:30px;border:1px solid #3c776f;background:#133b3b;flex-shrink:0}
.sk-agent-symbol svg{width:18px;height:18px}
.sk-engine-receipt{border-left:2px solid #55caba;padding-left:12px;margin-top:2px}
.sk-engine-receipt>span{font:500 12px/1.6 ui-monospace,monospace;letter-spacing:.025em;color:var(--sk-accent)}
.njord-page .sk-engine-receipt p{font-size:14px;line-height:1.6;color:var(--sk-muted);margin-top:5px;min-height:68px}
.njord-page .sk-chat-note{color:var(--sk-muted);font-size:14px;line-height:1.6;margin-top:auto}
.sk-chat-note>span{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:#8aa7ab}
.sk-pointer{opacity:0;pointer-events:none;fill:var(--sk-accent);stroke:#071b20;stroke-width:1.5;filter:drop-shadow(0 2px 5px #0008)}
.sk-connection-halo{fill:none;stroke:var(--sk-accent);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
[data-phase=placed] .sk-component{animation:sk-place .45s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(.45s + var(--component-order)*.85s)}
[data-phase=placed] .sk-place-pointer{animation:sk-place-pointer 3.5s ease-in-out both}
[data-phase=connecting] .sk-supply,[data-phase=connecting] .sk-return{stroke-dasharray:1;animation:sk-draw 1.1s cubic-bezier(.4,0,.2,1) both}
[data-phase=connecting] .sk-return{animation-delay:.85s}
[data-phase=connecting] .sk-pipe-crossing{opacity:0;animation:sk-reveal .1s .85s forwards}
[data-phase=connecting] .sk-supply-dot,[data-phase=connecting] .sk-return-dot{animation:sk-reveal .3s 1.6s both}
[data-phase=connecting] .sk-connection-halo{animation:sk-connect .8s 1.5s ease-out both}
[data-phase=sized] .sk-dimension,[data-phase=extended] .sk-dimension,[data-phase=calculated] .sk-dimension{animation:sk-reveal .65s ease-out both}
[data-phase=sized] .sk-results dd,[data-phase=extended] .sk-results dd,[data-phase=calculated] .sk-ai-numbers strong{animation:sk-value 1.2s ease-out both}
[data-phase=sized] .sk-flow,[data-phase=extended] .sk-flow,[data-phase=calculated] .sk-flow{animation:sk-flow 2.7s linear infinite}
[data-phase=sized] .sk-flow-return,[data-phase=extended] .sk-flow-return,[data-phase=calculated] .sk-flow-return{animation-delay:.65s}
[data-phase=extending] .sk-added-component{animation:sk-place .6s ease-out both}
[data-phase=extending] .sk-extension{stroke-dasharray:1;animation:sk-draw 1s .5s cubic-bezier(.4,0,.2,1) both}
[data-phase=extending] .sk-extend-pointer{animation:sk-extend-pointer 1.5s ease-in-out both}
[data-phase=extending] .sk-extension-halo{animation:sk-connect .8s 1.3s ease-out both}
[data-phase=editing] .sk-agent-symbol{animation:sk-agent 1s ease-in-out infinite}
[data-phase=calculated] .sk-agent-action{animation:sk-reveal .5s ease-out}
@keyframes sk-reveal{from{opacity:0}to{opacity:1}}
@keyframes sk-place{from{opacity:0;filter:drop-shadow(0 0 12px #65e1d3)}to{opacity:1;filter:drop-shadow(0 0 0 transparent)}}
@keyframes sk-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes sk-connect{0%{opacity:0;transform:scale(.5)}25%{opacity:.9}100%{opacity:0;transform:scale(1.8)}}
@keyframes sk-value{from{color:var(--sk-accent);text-shadow:0 0 12px #65e1d377}to{color:inherit;text-shadow:none}}
@keyframes sk-flow{0%{stroke-dashoffset:1;opacity:0}12%{opacity:.8}85%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
@keyframes sk-agent{50%{box-shadow:0 0 16px #65e1d333;border-color:var(--sk-accent)}}
@keyframes sk-place-pointer{0%{opacity:0;transform:translate(calc(var(--x1) - 45px),calc(var(--y1) - 40px))}8%{opacity:1}13%,21%{transform:translate(var(--x1),var(--y1));opacity:1}37%,45%{transform:translate(var(--x2),var(--y2));opacity:1}62%,72%{transform:translate(var(--x3),var(--y3));opacity:1}95%,100%{transform:translate(calc(var(--x3) + 30px),calc(var(--y3) + 30px));opacity:0}}
@keyframes sk-extend-pointer{0%{opacity:0;transform:translate(calc(var(--x3) - 70px),calc(var(--y3) - 30px))}15%{opacity:1}35%,65%{opacity:1;transform:translate(var(--x3),var(--y3))}100%{opacity:0;transform:translate(calc(var(--x3) + 25px),calc(var(--y3) + 20px))}}
.sk-workspace.is-motion-paused *,.motion-paused .sk-workspace *{animation-play-state:paused!important}
.sk-workspace.is-motion-static .sk-pause{display:none}
.sk-workspace.is-motion-static *,.sk-workspace.is-motion-preview *{animation:none!important}
.sk-pause:disabled{cursor:default;opacity:.65}
@media(max-width:1100px){.sk-main,.sk-ai-main{grid-template-columns:minmax(0,1fr) 300px}.sk-results,.sk-chat{padding:18px}.sk-chat{gap:13px}.sk-timeline{gap:10px;padding-inline:16px}.sk-timeline li{gap:6px}.sk-ai-numbers{gap:10px;padding-inline:16px}.sk-ai-numbers strong{font-size:15px}}
@media(max-width:900px){.sk-main,.sk-ai-main{grid-template-columns:1fr}.sk-results{border-left:0;border-top:1px solid var(--sk-line);display:grid;grid-template-columns:1fr 1.2fr;gap:0 25px}.sk-results dl{grid-column:2;grid-row:1/5}.sk-results h3,.sk-results .sk-panel-title,.sk-results .sk-result-intro,.sk-results .sk-result-foot{grid-column:1}.sk-results h3{align-self:start}.sk-chat{border-left:0;border-top:1px solid var(--sk-line);display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.sk-chat h3{grid-column:1/-1}.sk-user-message,.sk-agent-action{grid-column:1}.sk-engine-receipt{grid-column:2;grid-row:2}.sk-chat-note{grid-column:2;grid-row:3;margin-top:0}.njord-connected .njord-section-head,.njord-ai .njord-section-head{grid-template-columns:1fr;gap:14px}.sk-foot{display:block}}
@media(min-width:901px) and (max-height:800px){.edition-tech-2 .njord-connected,.edition-tech-2 .njord-ai{padding-block:22px}.njord-connected .njord-section-head,.njord-ai .njord-section-head{margin-bottom:18px}.njord-connected h2,.njord-ai h2{font-size:32px}.sk-diagram{max-height:230px}.sk-results dl>div{padding-block:7px}.sk-results{padding-block:16px}.sk-chat{gap:12px;padding-block:16px}}
@media(max-width:540px){.sk-ambient{display:none}.edition-tech-2 .njord-connected,.edition-tech-2 .njord-ai{padding-block:28px}.njord-connected .njord-section-head>p,.njord-ai .njord-section-head>p{font-size:16px;line-height:1.6}.njord-connected .eyebrow,.njord-ai .eyebrow{font-size:12px}.sk-window-bar{font-size:12px;padding:7px 12px;gap:8px}.sk-window-bar strong{margin-right:2px}.sk-playback{gap:8px}.sk-playback>span{display:none}.sk-pause{min-height:38px}.sk-canvas-context{padding:12px 14px 5px}.sk-drawing{padding:0}.sk-diagram-desktop{display:none}.sk-diagram-mobile{display:block;max-height:370px}.sk-node-name{font-size:16px}.sk-node-value{font-size:15px}.sk-legend{padding:5px 14px 12px;gap:10px 16px;font-size:12px}.sk-legend>span:last-child{margin-left:0}.sk-timeline{padding:12px 14px;gap:14px;min-height:70px}.sk-timeline li{display:block;font-size:14px;line-height:1.45}.sk-timeline li>span{display:block;margin-bottom:4px}.sk-results{display:block;padding:18px 16px}.sk-results .sk-panel-title,.sk-results .sk-result-intro,.sk-results .sk-result-foot{display:none}.sk-results h3{font-size:18px;margin-bottom:12px}.sk-results dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sk-results dl>div{display:block;padding:9px 0}.sk-results dd{margin-top:3px}.njord-page .sk-status{padding:12px 16px;font-size:14px}.sk-assumptions{padding-inline:16px}.sk-ai-numbers{padding:12px 14px;gap:12px;grid-template-columns:1fr 1.35fr 1fr}.sk-ai-numbers>span{font-size:12px}.sk-ai-numbers strong{font-size:14px}.sk-chat{display:flex;padding:18px 16px;gap:16px}.sk-chat-note>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.sk-workspace *{animation:none!important;transition:none!important}.sk-ambient{display:none}}

/* The assistant starts with a genuinely empty canvas, then uses the drawing tools. */
.sk-empty path{stroke:#497778;stroke-width:1.5;fill:none}.sk-empty text{fill:var(--sk-muted);font:16px 'Noto Sans',sans-serif;text-anchor:middle}
.sk-prompt-label{display:block;color:var(--sk-accent);font:12px/1.5 ui-monospace,monospace;letter-spacing:.06em;margin-bottom:8px}
.sk-ai-workspace .sk-user-message{min-height:130px}
[data-phase=instruction] .sk-prompt-block,[data-phase=change-request] .sk-prompt-block{animation:sk-place .65s ease-out both}
[data-phase=generated] .sk-dimension{animation:sk-reveal .65s ease-out both}
[data-phase=generated] .sk-ai-numbers strong{animation:sk-value 1.2s ease-out both}
[data-phase=generated] .sk-flow{animation:sk-flow 2.7s linear infinite}
.sk-ai-workspace[data-phase=placed] .sk-agent-symbol,.sk-ai-workspace[data-phase=connecting] .sk-agent-symbol{animation:sk-agent 1s ease-in-out infinite}

/* One engineering canvas connects the air and water sides of the heating coil. */
.ms-drawing{background:var(--sk-bg);padding:0 6px}
.ms-diagram{width:100%;height:auto;max-height:330px;overflow:visible}
.ms-diagram.sk-diagram-desktop{display:block}.ms-diagram.sk-diagram-mobile{display:none}
.ms-label{fill:var(--sk-muted);font:16px 'Noto Sans',sans-serif}.ms-center{text-anchor:middle}.ms-value{font-weight:600;fill:var(--sk-text);font-variant-numeric:tabular-nums}
.ms-system-title{fill:var(--sk-accent);font-size:15px;font-weight:600}.ms-small{font-size:14px}
.ms-ahu{fill:#102f354d;stroke:#356068;stroke-width:1.2;stroke-dasharray:5 4}
.ms-duct{fill:none;stroke:#65e1d3;stroke-width:2.5}
.ms-air-stream{fill:none;stroke:#65e1d3;stroke-width:2;stroke-dasharray:7 18;animation:ms-airflow 2.5s linear infinite}
.ms-coil>rect{fill:#103137;stroke:#99ceca;stroke-width:1.5}.ms-coil>path{fill:none;stroke:var(--sk-supply);stroke-width:2.3}
.ms-node>rect{fill:#12363b;stroke:#8fcbc7;stroke-width:1.7}
.ms-air-value,.ms-water-value{fill:var(--sk-accent);font-weight:600;font-variant-numeric:tabular-nums}
.ms-mint{display:inline-block;width:14px;height:3px;background:var(--sk-accent)}
.ms-schedule{margin-top:auto;border-top:1px solid var(--sk-line);background:#0c272d;padding:12px 20px}
.ms-schedule>span{font:12px/1.5 ui-monospace,monospace;letter-spacing:.07em;color:var(--sk-muted)}
.njord-page .ms-schedule p{font-size:14px;line-height:1.6;margin:4px 0 0;color:var(--sk-muted);min-height:23px}
.ms-schedule b{font-weight:500;color:var(--sk-text)}.ms-schedule em{font-size:12px;font-style:normal;float:right;color:var(--sk-accent);padding:2px 7px;background:#153b3c}
.ms-results dl>div{display:block;padding:10px 0}.ms-results dd{display:flex;align-items:center;gap:12px;margin-top:5px;min-height:24px;font-size:18px}.ms-results dd strong{font-size:18px;font-weight:600}.ms-results .ms-before{font-size:14px;color:#94aeb1;text-decoration:line-through}.ms-updated dd strong{color:var(--sk-accent)}
.njord-page .ms-results .sk-result-foot{font-size:14px;min-height:0}
.njord-page .sk-multi-takeaway{font-size:16px;line-height:1.65;color:var(--muted);max-width:850px;margin:18px 0 0}
[data-phase=multi-air] .ms-ventilation{animation:sk-place .7s ease-out both}
[data-phase=multi-air] .ms-duct{stroke-dasharray:1;animation:sk-draw 1.2s .4s ease-out both}
[data-phase=multi-connect] .ms-node{animation:sk-place .65s ease-out both}
[data-phase=multi-connect] .sk-supply,[data-phase=multi-connect] .sk-return{stroke-dasharray:1;animation:sk-draw 1.35s .7s ease-in-out both}
[data-phase=multi-connect] .sk-return{animation-delay:1.2s}
[data-phase=multi-connect] .sk-pipe-crossing{opacity:0;animation:sk-reveal .1s 1.2s both}
[data-phase=multi-edit] .ms-air-value{animation:ms-value 1.4s ease-out both}
[data-phase=multi-coil] .ms-coil,[data-phase=multi-coil] .ms-water-value{animation:sk-place 1s ease-out both}
[data-phase=multi-heating] .ms-hx,[data-phase=multi-record] .ms-schedule{animation:sk-place 1s ease-out both}
[data-phase=multi-coil] .ms-signal,[data-phase=multi-heating] .ms-signal{animation:sk-flow 2.2s linear both}
[data-phase=multi-base] .ms-signal,[data-phase=multi-record] .ms-signal{animation:sk-flow 3.2s linear infinite}
[data-phase=multi-edit] .ms-air-stream,[data-phase=multi-coil] .ms-air-stream,[data-phase=multi-heating] .ms-air-stream,[data-phase=multi-record] .ms-air-stream{animation-duration:4.2s}
@keyframes ms-airflow{to{stroke-dashoffset:-100}}
@keyframes ms-value{from{fill:#f1fffb;filter:drop-shadow(0 0 8px #65e1d3)}to{fill:var(--sk-accent);filter:none}}
@media(max-width:900px){.sk-ai-workspace .sk-prompt-block{grid-column:1}.sk-ai-workspace .sk-user-message{min-height:130px}.ms-results{display:block}.ms-results dl{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.ms-results .sk-result-foot{margin-bottom:0}.ms-diagram{max-height:350px}}
@media(min-width:901px) and (max-height:800px){.ms-diagram{max-height:300px}.ms-results dl>div{padding:7px 0}.ms-results dd{min-height:22px}.ms-results dd strong{font-size:17px}}
@media(max-width:540px){.ms-drawing{padding:0}.ms-diagram.sk-diagram-desktop{display:none}.ms-diagram.sk-diagram-mobile{display:block;max-height:438px}.ms-results dl{grid-template-columns:1fr 1fr;gap:0 14px}.ms-results dd{display:block}.ms-results .ms-before{display:block}.ms-results h3{margin-bottom:8px}.ms-results .sk-result-foot{display:block}.ms-schedule{padding:12px 14px}.ms-schedule em{float:none;display:inline-block;margin-left:8px}.sk-ai-workspace .sk-user-message{min-height:106px}.sk-chat .sk-agent-action{min-height:30px}.sk-chat .sk-engine-receipt p{min-height:45px}.njord-page .sk-multi-takeaway{font-size:15px}}
/* Keep the complete engineering story within a typical laptop viewport. */
.sk-ai-workspace .sk-user-message{min-height:96px;padding:12px 14px}
.sk-ai-workspace .sk-chat{gap:12px}
.sk-ai-workspace .sk-agent-action{min-height:36px}
.njord-page .sk-ai-workspace .sk-engine-receipt p{min-height:44px}
.ms-workspace .sk-legend>span:last-child{margin-left:0}
@media(min-width:901px){
 .edition-tech-2 .njord-multisystem,.edition-tech-2 .njord-ai{scroll-margin-top:0}
 .ms-results dl>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0}
 .ms-results dt{max-width:128px}.ms-results dd{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:0}
 .ms-diagram{max-height:280px}
 .ms-results .sk-panel-title{font-size:12px;line-height:1.4}
 .ms-results h3{font-size:20px}
 .ms-schedule{padding-block:9px}
}
@media(min-width:901px) and (max-height:800px){
 .ms-results{padding:16px 20px}.ms-results dl>div{padding:9px 0}.ms-results dd{min-height:20px}.ms-results dt{font-size:14px}.ms-results .ms-before{font-size:12px}
 .ms-workspace .sk-canvas-context{padding-top:9px}.ms-workspace .sk-legend{padding-block:4px 8px}
 .ms-schedule>span{font-size:11px}.ms-diagram{max-height:260px}
 .sk-ai-workspace .sk-chat{padding:16px;gap:10px}
 .sk-ai-workspace .sk-user-message{font-size:15px;min-height:96px}
 .sk-ai-workspace .sk-chat-note{font-size:13px}.sk-ai-workspace .sk-chat-note>span{font-size:12px;margin-top:3px}
}

@media(min-width:901px){
 .ms-diagram{max-height:300px}.ms-label{font-size:18px}.ms-small{font-size:16px}.ms-system-title{font-size:16px}
 .ms-results dl>div{min-height:60px}.ms-main{min-height:448px}
}
@media(max-width:540px){
 .sk-ai-main{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .sk-ai-workspace .sk-chat{display:contents}
 .sk-ai-workspace .sk-chat h3{grid-row:1;grid-column:1;padding:14px 16px 10px}
 .sk-ai-workspace .sk-prompt-block{grid-row:2;grid-column:1;padding:0 16px 14px;background:var(--sk-panel)}
 .sk-ai-workspace .sk-ai-editor{grid-row:3;grid-column:1}
 .sk-ai-workspace .sk-agent-action{grid-row:4;grid-column:1;padding:12px 16px;background:var(--sk-panel)}
 .sk-ai-workspace .sk-engine-receipt{grid-row:5;grid-column:1;margin:0 16px}
 .sk-ai-workspace .sk-chat-note{grid-row:6;grid-column:1;padding:12px 16px}
 .sk-ai-workspace .sk-user-message{min-height:106px}
}

/* Compact animation windows. Laptop changes apply only to the multisystem example. */
.ms-mobile-record{display:none}.ms-right{text-anchor:end}
@media(min-width:901px){
 .ms-workspace .ms-main{min-height:0}
 .ms-workspace .ms-diagram{max-height:250px}
 .ms-workspace .ms-results{padding:16px 20px}
 .ms-workspace .ms-results .sk-panel-title{display:none}
 .ms-workspace .ms-results h3{font-size:20px;line-height:1.3}
 .ms-workspace .ms-results dl{margin-top:10px}
 .ms-workspace .ms-results dl>div{min-height:46px;padding:7px 0}
 .ms-workspace .ms-results dt{max-width:140px}
 .ms-workspace .ms-results dd{min-height:30px;justify-content:center;line-height:1.2}
 .ms-workspace .ms-results dd strong{font-size:16px}
 .ms-workspace .ms-results .ms-before{font-size:12px;line-height:1.1}
 .njord-page .ms-workspace .sk-result-foot{margin-top:10px}
 .ms-workspace .sk-canvas-context{padding-block:9px 2px}
 .ms-workspace .sk-legend{padding-block:4px 8px}
 .ms-workspace .ms-schedule{padding-block:7px;min-height:55px}
}
@media(max-width:540px){
 .sk-workspace .sk-window-bar{min-height:48px;padding-block:3px}
 .sk-workspace .sk-pause{min-height:40px;min-width:76px}
 .sk-workspace .sk-canvas-context{padding:7px 14px 2px}
 .sk-workspace .sk-legend{padding:3px 14px 8px;gap:8px 14px}
 .sk-workspace .sk-diagram-mobile{max-height:300px}
 .sk-workspace .sk-node-name,.sk-workspace .sk-node-value,.sk-workspace .sk-dimension text{font-size:17px}
 .sk-workspace .sk-timeline{display:none}
 [data-sketch-demo] .sk-results{padding:6px 14px 8px}
 [data-sketch-demo] .sk-results h3{display:none}
 [data-sketch-demo] .sk-results dl{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 [data-sketch-demo] .sk-results dl>div{padding:6px 0;border:0}
 [data-sketch-demo] .sk-results dl>div:nth-child(-n+3){display:none}
 [data-sketch-demo] .sk-results dt{font-size:12px;min-height:34px;line-height:1.4;align-items:flex-start}
 [data-sketch-demo] .sk-results dd{font-size:14px;margin-top:2px}
 .njord-page .sk-workspace .sk-status{padding:9px 14px;min-height:62px;display:flex;align-items:center}
 .sk-workspace .sk-assumptions summary{padding-block:11px;min-height:44px}
 .ms-workspace .ms-diagram.sk-diagram-mobile{max-height:306px}
 .ms-workspace .ms-label{font-size:17px}.ms-workspace .ms-small{font-size:15px}.ms-workspace .ms-system-title{font-size:16px}
 .ms-workspace .ms-results{padding:7px 14px 9px}
 .ms-workspace .ms-results h3,.ms-workspace .ms-results .sk-result-foot{display:none}
 .ms-workspace .ms-results dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:12px}
 .ms-workspace .ms-results dl>div{padding:4px 0;border:0;min-height:53px}
 .ms-workspace .ms-results dl>div:nth-child(-n+3){display:none}
 .ms-workspace .ms-results dt{font-size:12px}
 .ms-workspace .ms-results dd{display:flex;align-items:center;gap:6px;margin-top:5px;min-height:23px}
 .ms-workspace .ms-results dd strong{font-size:16px}
 .ms-workspace .ms-results .ms-before{display:none}
 .ms-workspace .ms-schedule{min-height:35px;padding:8px 14px}
 .ms-workspace .ms-schedule>span:not(.ms-mobile-record),.ms-workspace .ms-schedule>p{display:none}
 .ms-workspace .ms-mobile-record{display:block;color:var(--sk-accent);font:12px/1.5 'Noto Sans',sans-serif;letter-spacing:0}
 .sk-ai-workspace .sk-chat h3{display:none}
 .sk-ai-workspace .sk-prompt-block{padding:9px 14px 10px}
 .sk-ai-workspace .sk-prompt-label{margin-bottom:6px}
 .sk-ai-workspace .sk-user-message{font-size:14px;line-height:1.5;padding:9px 12px;min-height:83px}
 .sk-ai-workspace .sk-ai-numbers{padding:8px 14px;gap:8px}
 .sk-ai-workspace .sk-agent-action{padding:8px 14px;min-height:54px}
 .sk-ai-workspace .sk-engine-receipt,.njord-page .sk-ai-workspace .sk-status{display:none}
 .njord-page .sk-ai-workspace .sk-chat-note{padding:5px 14px 9px;margin:0;font-size:13px;line-height:1.45}
 .sk-ai-workspace .sk-chat-note>span{margin-top:2px}
}
@media(max-width:540px) and (max-height:740px){
 [data-sketch-demo] .sk-diagram-mobile{max-height:240px}
 .ms-workspace .ms-diagram.sk-diagram-mobile{max-height:230px}
 .ms-workspace .ms-label{font-size:19px}.ms-workspace .ms-small{font-size:17px}.ms-workspace .ms-system-title{font-size:18px}
 .sk-ai-workspace .sk-diagram-mobile{max-height:200px}
 .sk-ai-workspace .sk-node-name,.sk-ai-workspace .sk-node-value,.sk-ai-workspace .sk-dimension text{font-size:18px}
 .sk-ai-workspace .sk-chat-note>span{display:none}
 .njord-page .sk-workspace .sk-status{font-size:13px;min-height:60px}
}

.ms-status-compact{display:none}
@media(max-width:540px){
 .sk-legend .sk-wide-label{display:none}
 .ms-status-full{display:none}.ms-status-compact{display:block}
 .ms-workspace .ms-water-value{font-size:17px}
}
@media(max-width:540px) and (max-height:740px){
 .sk-ai-workspace .sk-user-message{min-height:80px}
 .njord-page .sk-ai-workspace .sk-chat-note{padding-top:3px}
 .ms-workspace .ms-water-value{font-size:18px}
}

@media(max-width:540px) and (max-height:740px){
 [data-sketch-demo] .sk-node-name,[data-sketch-demo] .sk-node-value,[data-sketch-demo] .sk-dimension text{font-size:18px}
}