.dxg-house,.dxg-workflow{margin:0;min-width:0;max-width:100%;color:var(--ink,#e0f1f7)}
.dxg-figure-head{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding-bottom:18px;border-bottom:1px solid #234650}
.dxg-figure-head>span{font:500 10px/1.8 var(--latin,sans-serif);letter-spacing:.13em;color:#83b8c6}
.dxg-motion-toggle{flex-shrink:0;background:transparent;border:1px solid #365866;color:#99b9c7;font-size:11px;line-height:1.6;min-height:38px;padding:8px 11px}
.dxg-motion-toggle:hover{color:#c4f7ff;border-color:#82dcea}
.dxg-motion-toggle:focus-visible,.dxg-stage-buttons button:focus-visible{outline:2px solid #baffff;outline-offset:4px}
.dxg-house{padding:24px clamp(18px,3vw,36px);background:radial-gradient(ellipse at 50% 45%,#08384580,transparent 69%),#03111a;border:1px solid #244651}
.dxg-house-drawing{display:block;width:100%;height:auto;max-height:460px;overflow:visible}
.dxg-ground{fill:none;stroke:#2e6270;stroke-width:1;opacity:.36}
.dxg-house-base{stroke:#528591;stroke-width:1.35;fill:none}
.dxg-wall-front,.dxg-gable{fill:url(#dxg-wall-shade)}
.dxg-wall-side{fill:#061823}
.dxg-roof-away{fill:#092330}
.dxg-roof-near{fill:url(#dxg-roof-shade)}
.dxg-roof-seams{stroke:#5a8b96;opacity:.47;stroke-width:.9}
.dxg-foundation{stroke:#31515f}
.dxg-window{fill:#021019;stroke:#7098a4}
.dxg-window-bars{stroke:#355761}
.dxg-door{fill:#092b35}
.dxg-door-handle{stroke:#a3d8df;stroke-width:2}
.dxg-canopy{fill:#0a2631}
.dxg-waterproof-base{fill:#14333c}
.dxg-waterproof-edge{stroke:#7aa4ae}
.dxg-gutter-base{stroke:#9cbec5;stroke-width:2.8;fill:none}
.dxg-part{fill:#6ce9ef;fill-opacity:.05;stroke:#8ef7fc;stroke-width:1.9;opacity:.2}
.dxg-part-gutter{fill:none;stroke-width:4}
.dxg-callout-lines{fill:none;stroke:#5c8a96;stroke-width:1;opacity:.6}
.dxg-callout-lines circle{fill:#a7f1f5;stroke:none}
.dxg-house-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0 0 24px;border-bottom:1px solid #24424f}
.dxg-house-legend li{min-width:0;position:relative;padding-top:12px;border-top:1px solid #315b69}
.dxg-house-legend li>span{font:400 11px/1.6 var(--latin,sans-serif);color:#76a9b7;margin-right:7px}
.dxg-house-legend strong{font-size:14px;font-weight:500;color:#b7d6df;white-space:nowrap}
.dxg-house-legend small{display:block;margin-top:7px;font-size:11px;line-height:1.8;color:#91afbd}
.dxg-house figcaption{padding-top:20px;font-size:13px;line-height:2;color:#9dbdc9}
.dxg-house figcaption small{display:block;margin-top:9px;font-size:11px;color:#7ea1b1}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-part{animation:dxg-part-light 16s linear infinite;animation-play-state:paused}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-part-roof{animation-delay:-12s}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-part-waterproof{animation-delay:-8s}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-part-gutter{animation-delay:-4s}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-house-legend li{animation:dxg-legend-light 16s linear infinite;animation-play-state:paused}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-house-legend .dxg-legend-roof{animation-delay:-12s}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-house-legend .dxg-legend-waterproof{animation-delay:-8s}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-house-legend .dxg-legend-gutter{animation-delay:-4s}
.dxg-workflow{padding-top:10px}
.dxg-case-note{font-size:13px;line-height:2;color:#93b1c0;margin:20px 0 25px;max-width:900px}
.dxg-workflow-hint{font-size:12px;color:#8caaba;margin-bottom:18px}
.dxg-stage-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.dxg-stage-buttons button{min-width:0;min-height:80px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:15px 16px;background:transparent;border:0;border-left:1px solid #315160;text-align:left;color:#8aa8b8;transition:background .2s,color .2s}
.dxg-stage-buttons button:last-child{border-right:1px solid #315160}
.dxg-stage-buttons button>span{font:400 13px/1.6 var(--latin,sans-serif);color:#719cab}
.dxg-stage-buttons button strong{font-size:16px;font-weight:500;line-height:1.7}
.dxg-stage-buttons button[aria-pressed="true"]{background:#0a2d3b;color:#b7f8ff}
.dxg-stage-buttons button[aria-pressed="true"]>span{color:#74ecf5}
.dxg-stage-buttons button:hover{background:#08232f;color:#b7e3ed}
.dxg-stage-track{width:100%;height:32px;margin-block:6px 18px;overflow:hidden}
.dxg-stage-track svg{display:block;width:100%;height:32px;overflow:visible}
.dxg-track-base{fill:none;stroke:#2c5868;stroke-width:1}
.dxg-track-light{fill:none;stroke:#8bedf5;stroke-width:1.5;stroke-dasharray:42 970;stroke-dashoffset:30;opacity:.8}
.dxg-track-node{fill:#376d7a;stroke:#051724;stroke-width:4;vector-effect:non-scaling-stroke}
.dxg-workflow[data-dxg-stage="0"] [data-dxg-node="0"],.dxg-workflow[data-dxg-stage="1"] [data-dxg-node="1"],.dxg-workflow[data-dxg-stage="2"] [data-dxg-node="2"],.dxg-workflow[data-dxg-stage="3"] [data-dxg-node="3"],.dxg-workflow[data-dxg-stage="4"] [data-dxg-node="4"]{fill:#aff8fc}
.dxg-motion-scene[data-dxg-ready="true"] .dxg-track-light{animation:dxg-workflow-light 11s linear infinite;animation-play-state:paused}
.dxg-workflow-panel{border-top:1px solid #376674;border-bottom:1px solid #254b5a;background:linear-gradient(120deg,#092431aa,#03121b66);padding:32px clamp(18px,3vw,38px);margin-top:22px;scroll-margin-top:110px}
.dxg-workflow[data-dxg-enhanced="true"] .dxg-workflow-panel{margin-top:0}
.dxg-panel-header{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:22px}
.dxg-panel-number{font:400 43px/1.15 var(--latin,sans-serif);letter-spacing:-.06em;color:#70c5d4;margin-top:5px}
.dxg-panel-kicker{font-size:12px;color:#9dbecb;line-height:1.9}
.dxg-panel-kicker>span{display:inline-block;margin-left:18px;font:400 10px/1.9 var(--latin,sans-serif);letter-spacing:.08em;color:#6a9cae}
.dxg-panel-header h3{font-size:clamp(21px,2.15vw,28px);line-height:1.65;font-weight:600;margin-top:12px;color:#d6edf5;overflow-wrap:anywhere}
.dxg-panel-intro{font-size:15px;line-height:2.1;color:#a3c0cd;margin-top:25px;max-width:980px}
.dxg-information-lines{margin:27px 0 0;padding:0}
.dxg-information-lines>div{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;border-top:1px solid #254551;padding:18px 0}
.dxg-information-lines dt{font-size:14px;font-weight:500;color:#8ed4e3;line-height:1.9}
.dxg-information-lines dd{margin:0;font-size:14px;line-height:2;color:#adc7d2;overflow-wrap:anywhere}
.dxg-ai-example{border-left:2px solid #448c9e;padding:4px 0 4px 17px;margin-top:14px;font-size:12px;line-height:2;color:#98b9c8}
.dxg-workflow-scope{font-size:12px;line-height:2;color:#829fae;margin-top:19px;max-width:1000px}
.dxg-visually-hidden{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.dxg-motion-scene[data-dxg-paused="false"] .dxg-part,.dxg-motion-scene[data-dxg-paused="false"] .dxg-house-legend li,.dxg-motion-scene[data-dxg-paused="false"] .dxg-track-light{animation-play-state:running}
.motion-paused .dxg-motion-scene .dxg-part,.motion-paused .dxg-motion-scene .dxg-house-legend li,.motion-paused .dxg-motion-scene .dxg-track-light{animation-play-state:paused!important}
@keyframes dxg-part-light{0%,24%,100%{opacity:.17;fill-opacity:.05}5%,18%{opacity:.85;fill-opacity:.15}}
@keyframes dxg-legend-light{0%,24%,100%{border-top-color:#315b69}5%,18%{border-top-color:#a3f0f3}}
@keyframes dxg-workflow-light{to{stroke-dashoffset:-982}}
@media(max-width:760px){
  .dxg-house{padding:18px}.dxg-figure-head{gap:10px;align-items:flex-start}.dxg-figure-head>span{font-size:9px;max-width:60%}.dxg-motion-toggle{font-size:10px;min-height:38px;padding:8px}.dxg-house-drawing{margin-block:8px}.dxg-house-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding-bottom:20px}.dxg-house-legend strong{font-size:14px}.dxg-house figcaption{font-size:13px}.dxg-house figcaption small{font-size:11px}.dxg-case-note{font-size:12px;margin-block:19px 23px}.dxg-stage-buttons button{padding:12px 8px;gap:7px;min-height:90px}.dxg-stage-buttons button strong{font-size:12px;line-height:1.7;word-break:normal;overflow-wrap:anywhere}.dxg-stage-buttons button>span{font-size:11px}.dxg-stage-track{margin-bottom:16px}.dxg-workflow-panel{padding:25px 20px}.dxg-panel-header{grid-template-columns:37px minmax(0,1fr);gap:15px}.dxg-panel-number{font-size:34px}.dxg-panel-header h3{font-size:22px;line-height:1.7;margin-top:9px}.dxg-panel-kicker{font-size:11px}.dxg-panel-kicker>span{display:block;margin-left:0;font-size:9px;margin-top:3px}.dxg-panel-intro{font-size:14px;margin-top:21px}.dxg-information-lines{margin-top:24px}.dxg-information-lines>div{grid-template-columns:minmax(0,1fr);gap:8px;padding:17px 0}.dxg-information-lines dt{font-size:13px}.dxg-information-lines dd{font-size:14px;line-height:2}.dxg-ai-example,.dxg-workflow-scope{font-size:12px}
}
@media(max-width:360px){.dxg-house{padding:15px}.dxg-figure-head>span{font-size:8px;letter-spacing:.08em;max-width:54%}.dxg-stage-buttons button{padding-inline:5px}.dxg-stage-buttons button strong{font-size:11px}.dxg-workflow-panel{padding-inline:17px}.dxg-panel-header{grid-template-columns:30px minmax(0,1fr);gap:12px}.dxg-panel-number{font-size:29px}.dxg-panel-header h3{font-size:20px}.dxg-house-legend small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dxg-part,.dxg-house-legend li,.dxg-track-light{animation:none!important}.dxg-motion-toggle{display:none}.dxg-stage-buttons button{transition:none}.dxg-part{opacity:.3;fill-opacity:.07}}