.load-demo { align-self:start; min-width:0 }
.load-demo .screen-top { gap:12px }.load-demo .screen-top a { font-size:13px;color:#273748;text-underline-offset:4px;white-space:nowrap }
.load-demo-viewport { height:535px;background:#f3f3ef;overflow:hidden;position:relative }
.load-panel { height:100%;padding:23px;box-sizing:border-box;overflow:auto;color:#273748;background:#f8f8f5;font-family:Outfit,sans-serif }.load-panel[hidden]{display:none}
.load-job { display:grid;gap:5px;margin-bottom:20px }.load-job>span{font-size:12px;color:#617078}.load-job>strong{font-size:23px;line-height:1.15}.load-job>small{font-size:12px;color:#617078}
.load-alert { background:#fbe3e0;border:1px solid #e9b1a7;border-left:4px solid #b64236;border-radius:6px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;color:#8b2d24 }.load-alert b{font-size:17px}.load-alert span{font-size:12px;max-width:180px}
.load-shortage { display:grid;grid-template-columns:minmax(0,1fr) repeat(3,65px);align-items:center;gap:8px;background:#fff;border:1px solid #d7deda;border-radius:7px;padding:15px 12px;margin:10px 0 }.load-shortage>strong{font-size:15px}.load-shortage>span{text-align:center;font-size:22px;font-weight:600}.load-shortage .load-warning{color:#982e26;background:#fbe3e0;border-radius:5px;padding:6px}
.load-legend{display:grid;grid-template-columns:repeat(3,65px);justify-content:end;gap:8px;padding-right:12px;font-size:11px;text-align:center;color:#617078}.load-warning{color:#982e26}.load-footnote{font-size:13px!important;line-height:1.5!important;color:#617078!important;margin:17px 0 0!important}
.load-picking{display:grid;grid-template-columns:1fr 1fr;gap:10px}.load-pick-item{border:1px solid #d7deda;background:white;border-radius:6px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.load-pick-item>b{font-size:23px}.load-pdf-panel{padding:0;overflow:hidden}.load-pdf-toolbar{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#e4e6e5;font-size:12px}.load-pdf-scroll{height:calc(100% - 39px);overflow-y:auto;overscroll-behavior:contain;padding:20px;box-sizing:border-box;scrollbar-width:thin}.load-pdf-scroll img{display:block;width:100%;height:auto;box-shadow:0 3px 14px #14253420;margin:0 auto 18px;background:white}.load-play{margin-top:20px;background:transparent;border:1px solid #8f9da4;border-radius:5px;color:#fffaf2;padding:9px 14px;font:inherit;font-size:13px;cursor:pointer}.load-play:focus-visible{outline:2px solid #f2b38e;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.load-demo[data-stage="0"] .load-shortage .load-warning{animation:load-shortage-emphasis 1s ease both;animation-delay:var(--load-delay)}@keyframes load-shortage-emphasis{0%,100%{transform:scale(1)}45%{transform:scale(1.25);box-shadow:0 5px 14px #982e2628}}}
@media(max-width:720px){.load-demo-viewport{height:490px}.load-panel{padding:14px}.load-job>strong{font-size:20px}.load-shortage{grid-template-columns:minmax(0,1fr) repeat(3,44px);padding:12px 9px;gap:5px}.load-shortage>strong{font-size:13px}.load-shortage>span{font-size:20px}.load-legend{grid-template-columns:repeat(3,44px);gap:5px;padding-right:9px;font-size:10px}.load-alert{padding:10px;gap:8px}.load-alert b{font-size:15px}.load-alert span{font-size:11px;max-width:140px}.load-pick-item{font-size:12px;padding:10px}.load-pdf-panel{padding:0}.load-pdf-scroll{padding:12px}}
/* Keep the complete walkthrough below the fixed navigation on desktop. */
@media(min-width:821px){
 #warehouse { grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:clamp(24px,4vw,65px);row-gap:20px;padding-block:24px;box-sizing:border-box }
 #warehouse .section-heading { display:block;grid-column:1;grid-row:1;align-self:end }
 #warehouse .section-heading h2 { font-size:clamp(30px,3vw,48px);line-height:1.04 }
 #warehouse .section-heading>p { font-size:15px;line-height:1.5;margin:12px 0 0;max-width:45ch }
 #warehouse .section-heading .eyebrow { margin-bottom:12px }
 #warehouse .load-tour { display:contents }
 #warehouse .tour-story { grid-column:1;grid-row:2;align-self:start }
 #warehouse .tour-story .tag { font-size:11px }
 #warehouse .tour-story h3 { font-size:clamp(24px,2.25vw,36px);line-height:1.08;margin:8px 0 }
 #warehouse .tour-story>p { font-size:14px;line-height:1.45;margin:10px 0 14px }
 #warehouse .tour-steps button { padding-block:10px;font-size:14px }
 #warehouse .load-play { margin-top:12px;padding:8px 12px }
 #warehouse .load-demo { grid-column:2;grid-row:1/span 2;align-self:center }
 #warehouse .load-demo-viewport { height:min(535px,calc(100svh - var(--head-height,75px) - 145px)) }
 #warehouse .load-demo figcaption { font-size:12px;padding:10px 12px }
 #warehouse .load-demo .screen-top { min-height:40px;padding:10px 14px }
}
@media(min-width:821px) and (max-height:760px){
 #warehouse {padding-block:16px;row-gap:12px}
 #warehouse .section-heading h2 {font-size:31px}
 #warehouse .section-heading>p {font-size:13px;line-height:1.35}
 #warehouse .tour-story>p {font-size:13px;line-height:1.35;margin:7px 0 10px}
 #warehouse .tour-story h3 {font-size:25px}
 #warehouse .tour-steps button {padding-block:8px;font-size:13px}
 #warehouse .load-panel {padding:15px}
 #warehouse .load-pdf-panel {padding:0}
 #warehouse .load-job {margin-bottom:12px}
 #warehouse .load-shortage {padding-block:10px;margin-block:8px}
 #warehouse .load-alert {padding-block:9px;margin-bottom:12px}
}