.board-tip{display:flex;gap:14px;align-items:center;background:#fff0df;border:1px solid #efb985;border-radius:12px;padding:17px;margin-bottom:20px;box-shadow:0 5px 20px #e46e1510;animation:tip-arrive .45s ease-out}.tip-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#e46e15;color:#231c15;border-radius:12px;font-size:23px}.board-tip b{font-size:16px}.board-tip p{font-size:13px;color:#755034;margin-top:3px}.video-viewed{padding-top:7px;color:#327042!important;font-weight:700}.booking-slot{display:flex;align-items:center;gap:14px;margin:22px 0;padding:18px;background:#edf6ef;border-radius:10px}.booking-slot>span{font-size:25px;color:#327042}.booking-slot b{font-size:17px}.booking-slot p,.route-note{font-size:13px;color:#657079}.booking-slot p{margin-top:4px}.route-note{padding:8px 0 12px}.demo-controls{flex-direction:column;align-items:stretch;gap:18px}.stage-tabs{width:100%;justify-content:space-between;gap:5px}.stage-tabs button{font-size:12px;padding:11px 9px;border-radius:8px}.play-controls{justify-content:center;gap:12px}.play-controls button{font-family:inherit;font-size:14px;font-weight:700;min-height:46px;border-radius:10px;padding:11px 20px;transition:transform .15s,background .15s}.play-controls button:hover{transform:translateY(-2px);background:#fff0e3}.play-controls #play-toggle{background:#e46e15;border-color:#e46e15;color:#201b16;box-shadow:0 5px 15px #e46e1525}.play-controls #play-toggle:hover{background:#f08430}#journey-progress{font-size:13px;font-weight:700;white-space:nowrap;color:#657079}.demo-explanation{align-items:center}#demo-scene{min-height:570px}.job-timeline>div{padding:8px 0}@keyframes tip-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.stage-tabs{justify-content:flex-start}.stage-tabs button{flex-shrink:0}.board-tip{padding:13px;gap:10px}.board-tip b{font-size:14px}.board-tip p{font-size:12px}.tip-icon{width:30px;height:30px}.demo-explanation{display:block}#journey-progress{display:block;margin-top:10px}#demo-scene{min-height:600px}}@media(prefers-reduced-motion:reduce){.board-tip{animation:none}.play-controls button{transition:none}}
.demo-app{grid-template-columns:185px minmax(0,1fr)}.app-sidebar nav{display:flex;flex-direction:column;gap:4px}.app-sidebar button.app-nav-item{width:100%;border:0;background:transparent;text-align:left;align-items:center;font-family:inherit;font-size:12px;line-height:1.5;min-height:44px}.app-sidebar button.app-nav-item.selected{background:#fff0e3;color:#a94c09}.app-sidebar button.app-nav-item:hover{background:#fff4eb}.app-sidebar .demo-nav-icon{display:inline-block;font-size:17px;width:19px;flex-shrink:0}#demo-scene:focus{outline:none}#demo-scene:focus-visible{outline:2px solid #e46e15;outline-offset:-3px}@media(max-width:760px){.demo-app{grid-template-columns:1fr}.app-sidebar{display:block;padding:12px;border-right:0;border-bottom:1px solid #e1e6e1}.app-sidebar>img,.app-sidebar .app-workspace,.app-sidebar-foot{display:none}.app-sidebar nav{flex-direction:row;overflow:auto;gap:6px}.app-sidebar button.app-nav-item{width:auto;flex:0 0 auto;padding:9px 12px;margin:0;justify-content:flex-start}.app-sidebar .app-nav-item span{display:inline}.app-sidebar .demo-nav-icon{display:none}}