/* Dedicated mechanical presentation, sharing the existing rack model. */
.navrail{overflow-y:auto}.navrail .logo{flex-shrink:0}
.rail-demo-page .metric-row,.rail-demo-page .bottom-grid,.rail-demo-page #context-panel,.rail-demo-page .main-grid>.inspector{display:none}
.rail-demo-page .main-grid{grid-template-columns:minmax(0,1fr) 350px;gap:20px}
.rail-demo-page .heading{margin-bottom:20px}.rail-demo-page .dimension{display:none}
.rail-demo-page .scene-stage{height:clamp(430px,60vh,620px)}
.rail-demo-page .layer-controls,.rail-demo-page .mechanical-controls{display:none}
.rail-demo-page .scene-overlay.right,.rail-demo-page .scene-overlay.left{display:none}
.rail-demo-page .scene-bottom-note span:last-child{display:none}
.rail-demo-page .scene-controls{justify-content:space-between}
.rail-demo-page .layer-explanation{font-size:11px;line-height:1.8}
.rail-transport{display:flex;align-items:center;gap:7px;padding:12px 15px;border-bottom:1px solid #dfe8da;background:#f4f8ed;flex-wrap:wrap}
.rail-transport>div{display:flex;flex-direction:column;gap:5px;flex:1 1 130px;min-width:0}
.rail-transport strong{font-size:12px;color:#3d654e}.rail-transport span{font-size:10px;color:#809478}
.rail-transport .btn{font-size:11px;padding:9px 11px;min-height:36px}
.rail-highlight-legend{display:flex;align-items:center;flex-wrap:wrap;gap:9px 20px;padding:9px 16px;background:#fbfcf7;border-bottom:1px solid #e1e8da;font-size:10px;line-height:1.5;color:#677a5d}
.rail-highlight-legend>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.rail-highlight-legend i{display:inline-block;flex:none;width:12px;height:7px;border-radius:2px}
.rail-key-rig{background:linear-gradient(90deg,#339caa 50%,#8c79b5 50%)}.rail-key-pipe{background:#9eb889}.rail-key-tag{background:#c99b43;border:1px solid #b28a40}.rail-key-probe{background:#4d9db6;border:1px solid #3b8298}
.rail-capture-badge{position:absolute;left:12px;right:12px;bottom:36px;z-index:3;pointer-events:none;background:#fafdf4f2;border:1px solid #cadbb9;border-left:3px solid #b69a5b;box-shadow:0 3px 12px #304c2c0d;border-radius:8px;padding:10px 13px;display:flex;flex-direction:column;gap:5px;color:#506746}
.rail-capture-badge strong{font-size:12px;font-weight:600}.rail-capture-badge span{font-size:10px;line-height:1.6;color:#81916f;overflow-wrap:anywhere}
.rail-transport #rail-quick-capture{background:#e8efdb;border-color:#cbd9b9;color:#557442}
#rail-rfid-focus{border:1px solid #d9c59b;background:#fbf5e5;border-radius:7px;padding:8px 12px;color:#8b713e;font-size:11px;min-height:33px;white-space:nowrap}
#rail-rfid-focus:hover{background:#f1e5c8}#rail-rfid-focus:focus-visible{outline:2px solid #a28343;outline-offset:3px}
.rail-demo-panel{border:1px solid #dfe7d8;border-radius:15px;background:#fcfdf8;padding:21px;min-width:0;box-shadow:0 8px 24px #2b513b04}
.rd-eyebrow{font-size:9px;color:#80917a;letter-spacing:1.7px;margin:0 0 11px;font-weight:600}
.rd-heading>div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rd-heading h2{font-size:20px;letter-spacing:-.4px;line-height:1.25}
.rd-status{font-size:10px;white-space:nowrap;background:#edf2e7;border:1px solid #dfe8d8;color:#718569;border-radius:20px;padding:5px 8px}
.rail-demo-panel[data-status=running] .rd-status{background:#e5f2e7;color:#357453;border-color:#c5dec6}
.rd-intro{font-size:11px;line-height:1.8;color:#7d8e77;margin:12px 0 16px}
.rd-playback{display:flex;gap:6px}.rd-button{border:1px solid #dce5d5;background:white;border-radius:8px;padding:10px 12px;min-height:40px;font-size:11px;white-space:nowrap}
.rd-button:hover:not(:disabled){background:#f0f5e9}.rd-button.rd-primary{background:#2e654d;border-color:#2e654d;color:#fff;flex:1;display:flex;justify-content:space-between;gap:10px;align-items:center}
.rd-button.rd-primary:hover:not(:disabled){background:#234f3c}.rd-primary span{font-size:10px;color:#d6e4cc}.rd-reset{font-size:20px;padding:4px 12px}
.rd-capture-start{width:100%;border:1px solid #cbd9b9;border-radius:8px;background:#e9f0dd;color:#4c713e;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;padding:11px 13px;margin-top:8px;min-height:40px}.rd-capture-start:hover:not(:disabled){background:#dfeacd}
.rd-timeline{padding:14px 0 15px;border-bottom:1px solid #e6eddf}
.rd-time-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#809078}
.rd-time-label output{color:#3a5c42;margin-left:6px;font-size:11px;font-variant-numeric:tabular-nums}
.rd-time-total{color:#a0ab95;font-variant-numeric:tabular-nums}
.rd-time-label label{display:flex;align-items:center;gap:6px}.rd-time-label select{padding:4px 6px;font-size:10px;background:#f8faf4}
.rd-timeline input{width:100%;margin:15px 0 0;accent-color:#4d865e;cursor:pointer;height:6px;display:block}
.rd-timeline p{font-size:9px;color:#97a18c;margin:10px 0 0;line-height:1.6}
.rd-chapters{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:15px 0}
.rd-chapters button{display:flex;align-items:center;gap:7px;min-width:0;text-align:left;border:1px solid #e1e8da;border-radius:8px;background:#f9fbf5;padding:10px 9px;min-height:40px}
.rd-chapters button>span{font-size:10px;color:#9cad90;font-variant-numeric:tabular-nums}.rd-chapters strong{font-size:11px;font-weight:500}
.rd-chapters button>i{width:4px;height:4px;border-radius:50%;background:#d4dfca;margin-left:auto;flex:none}
.rd-chapters button[aria-pressed=true]{background:#eaf2e4;border-color:#aac49c;color:#365e3b}
.rd-chapters button[aria-pressed=true]>span{color:#658953}.rd-chapters button[aria-pressed=true]>i{background:#608d50}
.rd-chapters button.rd-completed>i{background:#8eb379}
.rd-explanation{background:#f0f5e9;border-radius:10px;padding:15px}
.rd-step-label{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#809574;line-height:1.5}
.rd-step-label>span:first-child{letter-spacing:1.4px;white-space:nowrap}.rd-step-label>span:last-child{text-align:right}
.rd-explanation h3{font-size:17px;font-weight:550;letter-spacing:-.2px;line-height:1.5;margin:9px 0 7px;color:#3e6145}
.rd-explanation p{font-size:11px;line-height:1.8;color:#71856a;margin:0}
.rd-focus{border:0;background:transparent;color:#47784d;font-size:10px;display:flex;gap:10px;align-items:center;padding:10px 0 0}
.rd-focus span{color:#86a276;font-size:15px}
.rd-capture-card{margin-top:14px;padding:15px;border:1px solid #e2e7d8;border-radius:10px;background:#f8faf3}.rd-capture-card .rd-eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:8px}.rd-capture-card h3{font-size:14px;line-height:1.6;margin:0;color:#657b54;font-weight:600}.rd-capture-card>p:not(.rd-eyebrow){font-size:10px;color:#909d83;line-height:1.7;margin:6px 0 0}.rd-capture-card.rd-capturing{border-color:#b8cda3;background:#f2f7e9}.rd-capture-card.rd-capturing h3{color:#426a3a}
.rd-capture-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-block:1px solid #dfe8d2;margin:11px 0 0;padding:11px 0}.rd-capture-pair>span{font-size:9px;color:#89957b;line-height:1.6}.rd-capture-pair .rd-dot{margin-right:4px}.rd-capture-pair code{display:block;font-size:10px;color:#5f7951;margin-top:4px;overflow-wrap:anywhere}
.rd-plant-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.rd-plant-picker button{border:1px solid #dce5d2;background:#fff;border-radius:6px;font-size:11px;color:#7b8d6b;padding:7px 5px;min-height:32px;font-variant-numeric:tabular-nums}.rd-plant-picker button[aria-pressed=true]{border-color:#91ae77;background:#e3edcf;color:#416432;font-weight:600}
.rd-map{margin:17px 0 0}.rd-map-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#9aa78f}
.rd-map-heading strong{font-size:10px;color:#6c8165;font-weight:500}.rd-map-heading>span{display:flex;align-items:center;gap:4px}
.rd-dot{display:inline-block;width:5px;height:5px;border-radius:50%;flex:none}.rd-cyan{background:#339caa}.rd-purple{background:#8c79b5}
.rd-gold{background:#c99b43}.rd-blue{background:#4d9db6}
.rd-map svg{width:100%;height:auto;max-height:152px;display:block;margin:10px auto 0;overflow:visible}
.rd-map text{font-family:inherit;font-size:8px;fill:#8a9b7f}.rd-map figcaption{font-size:9px;color:#93a086;line-height:1.6;text-align:center;margin:2px 0 0}
.rd-map figcaption>span{display:block}.rd-map .rd-tag-key{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#8b713e;margin-bottom:4px}.rd-tag-key i{display:inline-block;width:12px;height:7px;border-radius:2px;background:#c99b43;border:1px solid #b28a40}
.rd-map .rd-pair-legend{display:flex;align-items:center;justify-content:center;gap:4px 6px;font-size:9px;color:#829175;flex-wrap:wrap;margin-bottom:5px}.rd-pair-legend i{width:10px;height:6px;border-radius:2px;display:inline-block}.rd-map-plant{opacity:.32}.rd-map-plant.rd-active-plant{opacity:1}.rd-map-plant.rd-active-plant>text{fill:#426235;font-weight:600}.rd-active-plant .rd-plant-pair{filter:drop-shadow(0 0 2px #b9cc9a)}
.rd-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #e4ebdc;padding:13px 0;margin-top:16px}
.rd-readouts>div{padding-left:12px;border-right:1px solid #e4ebdc;white-space:nowrap}.rd-readouts>div:first-child{padding-left:0}.rd-readouts>div:last-child{border:0}
.rd-readouts span{display:flex;align-items:center;gap:5px;font-size:9px;color:#87967c;margin-bottom:6px}.rd-readouts strong{font-size:22px;line-height:1;font-weight:500;color:#456a4b;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.rd-readouts small{font-size:8px;color:#9ca88f;margin-left:5px}
.rd-footnote{font-size:9px;line-height:1.8;color:#9ba58f;margin:11px 0 0}
.rd-mode-note,.rd-error{font-size:11px;line-height:1.8;border-radius:8px;padding:11px 12px;margin:12px 0 0;background:#f4efdf;color:#927e4f}
.rd-hardware .rd-map{opacity:.45}.rd-error{background:#f6eae2;color:#a56e52}
.rail-demo-panel button:focus-visible,.rail-demo-panel input:focus-visible,.rail-demo-panel select:focus-visible{outline:2px solid #69935b;outline-offset:3px}
@media(min-width:1600px){.rail-demo-page .main-grid{grid-template-columns:minmax(0,1fr) 390px}.rail-demo-panel{padding:25px}.rd-explanation h3{font-size:18px}.rd-explanation p{font-size:12px}.rd-map svg{max-height:165px}}
@media(max-width:1100px){.rail-demo-page .main-grid{grid-template-columns:minmax(0,1fr) 320px;gap:15px}.rail-demo-panel{padding:17px}.rd-heading h2{font-size:18px}.rail-transport>div{flex-basis:100%;flex-direction:row;justify-content:space-between}}
@media(max-width:900px){.rail-demo-page .main-grid{grid-template-columns:minmax(0,1fr)}.rail-demo-page .scene-stage{height:clamp(350px,54vh,490px)}.rail-demo-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.rd-heading,.rd-playback,.rd-timeline,.rd-chapters{grid-column:1}.rd-explanation{grid-column:2;grid-row:1/3}.rd-map{grid-column:2;grid-row:3/5;align-self:center;margin-top:0}.rd-readouts{grid-column:1/-1}.rd-footnote,.rd-mode-note,.rd-error{grid-column:1/-1}.rd-map svg{max-height:155px}.rail-transport>div{flex:1 1 150px;flex-direction:column}.rail-demo-page .scene-toolbar strong{font-size:11px}}
@media(max-width:640px){.rail-demo-page .heading{margin-bottom:16px}.rail-demo-page .scene-stage{height:360px}.rail-demo-page .scene-overlay.left{flex-direction:column}.rail-demo-page .scene-controls{gap:8px}.rail-transport{padding:10px;gap:6px}.rail-transport>div{flex-basis:100%;flex-direction:row;align-items:center}.rail-transport .btn{font-size:10px;padding:8px 11px;min-height:35px}.rail-transport #rail-quick-play{flex:1}.rail-transport #rail-quick-focus{font-size:9px;padding-inline:8px}.rail-demo-panel{display:block;padding:18px}.rd-heading h2{font-size:20px}.rd-map{margin-top:17px}.rd-chapters{gap:8px}.rd-explanation h3{font-size:18px}.rd-explanation p{font-size:12px}.rd-map svg{max-height:160px}.rd-readouts strong{font-size:24px}.rd-footnote{font-size:10px}.rail-demo-page .layer-explanation{font-size:10px}}
@media(prefers-reduced-motion:reduce){.rail-demo-panel *{scroll-behavior:auto}}

@media(min-width:641px) and (max-width:900px){.rail-demo-panel .rd-heading{grid-column:1;grid-row:1}.rail-demo-panel .rd-playback{grid-column:1;grid-row:2;align-self:start}.rail-demo-panel .rd-capture-start{grid-column:1;grid-row:3;align-self:start}.rail-demo-panel .rd-timeline{grid-column:1;grid-row:4}.rail-demo-panel .rd-chapters{grid-column:1;grid-row:5}.rail-demo-panel .rd-explanation{grid-column:2;grid-row:1/3}.rail-demo-panel .rd-capture-card{grid-column:2;grid-row:3/6}.rail-demo-panel .rd-map{grid-column:1/-1;grid-row:6;margin-top:16px}.rail-demo-panel .rd-readouts{grid-column:1/-1;grid-row:7}}
@media(max-width:640px){.rail-capture-badge{left:10px;right:10px;bottom:34px;padding:9px 11px}.rail-capture-badge strong{font-size:12px}.rail-capture-badge span{font-size:10px}.rail-transport #rail-quick-capture{font-size:10px}.rd-capture-card h3{font-size:15px}.rd-plant-picker button{min-height:36px}.rd-map-heading{flex-wrap:wrap}}