/* Presentation choices do not alter experiment records. */
body[data-view=flat] .travel-tools{display:none!important}
#scene-toggle{display:none}
#finding-print{display:none}
@media(max-width:700px){
 #scene-toggle{display:block;margin:8px 16px;padding:10px 12px;min-height:44px;background:#172b40;border:1px solid #8295a9;border-radius:6px;color:#e5eff9;font:inherit;font-size:13px}
 body[data-view=flat] #scene-toggle{display:none}
 body[data-view=museum][data-scene-expanded=false] #scene,body[data-view=museum][data-scene-expanded=false] .scene-shade{display:none!important}
 body[data-view=museum][data-scene-expanded=false] .travel-tools{display:none!important}
 body[data-view=museum][data-scene-expanded=false] .look-hint{display:none!important}
 body[data-inspecting=true] #quest-recommendation[data-compact=true]{display:none!important}
 body[data-view=museum][data-scene-expanded=true] #scene{position:relative!important;top:auto!important;height:clamp(260px,42svh,360px)!important;min-height:260px!important;max-height:360px!important}
 body[data-view=museum][data-scene-expanded=true] .scene-shade{display:none!important}
 body[data-view=museum] .exhibit-copy{margin-top:0!important;padding-top:8px!important}
 body[data-view=museum] .exhibit-reading{max-height:none!important}
 body[data-inspecting=true] #room-guide{margin:7px 0;font-size:12px}
 body[data-inspecting=true] #room-guide small{display:none}
 body[data-inspecting=true] h1{font-size:27px!important;margin-bottom:10px!important}
 body[data-inspecting=true] .eyebrow{margin-bottom:7px}
 body[data-room=turing][data-inspecting=true] #room-guide{display:none}
 body[data-room=turing][data-inspecting=true] #lesson-progress{display:none}
 body[data-room=turing][data-inspecting=true] #turing-question{margin-bottom:8px}
 body[data-room=turing][data-inspecting=true] .turing-evidence-progress{margin-bottom:8px}
 body[data-room=turing][data-inspecting=true] .turing-live{position:relative;top:auto}
 body[data-view=flat] #museum{padding-top:18px!important}
}
@media print{
 html,body{background:white!important;color:#111!important;color-scheme:light!important;height:auto!important;overflow:visible!important}
 body>*:not(#finding-print){display:none!important}
 #finding-print{display:block!important;font:12pt/1.5 Georgia,serif;max-width:170mm;margin:12mm auto;color:#111}
 #finding-print h1{font-size:24pt!important;color:#111;margin:0 0 5mm}
 #finding-print h2{font-size:13pt;margin:5mm 0 2mm}
 #finding-print p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
 #finding-print section{break-inside:avoid}
 #finding-print footer{font:9pt/1.4 sans-serif;border-top:1px solid #777;padding-top:4mm;margin-top:7mm}
}

/* ELIZA extends the lower wing west of Shakey. */
#museum-map .room-stop[data-room="eliza"]{grid-area:3/2}

/* Phones get a visible instrument and one document scroll, including landscape.
   Keep the welcome panel after the exhibit instead of displacing its first view. */
@media screen and (max-width:1000px){
 .masthead{position:relative;top:auto}
 body[data-view=museum] #museum{height:auto;min-height:calc(100svh - var(--atlas-header-height,68px));overflow:visible}
 body[data-view=museum] #museum>#scene{order:0}
 body[data-view=museum] .travel-tools{order:1}
 #scene-toggle{order:2;align-self:stretch}
 body[data-view=museum] .look-hint{order:2}
 #museum>#quest-recommendation{order:4;margin:12px 16px 24px}
 body[data-view=museum] .exhibit-copy .exhibit-controls{padding-bottom:24px}
 body[data-room=perceptron][data-focus-active=true] #focus-live-decision,
 .shakey-map-panel{position:relative;top:auto}
}
@media screen and (max-width:700px){
 .masthead{position:relative;top:auto}
 body[data-view=museum] .travel-tools{padding:6px 16px;min-height:0;gap:6px 10px}
 #travel-status{font-size:11px}
 #scene-toggle{margin:6px 16px;font-size:12px}
 body[data-view=museum] .look-hint{display:none}
 body[data-view=museum] .exhibit-copy{gap:10px}
 body[data-view=museum] .exhibit-controls{position:static;box-shadow:none}
 .journey{height:calc(68px + env(safe-area-inset-bottom,0px));padding:4px 12px calc(4px + env(safe-area-inset-bottom,0px))}
 .journey #journey-current,.journey .next-room{font-size:11px;line-height:1.3}
 body[data-view=museum] #museum,body[data-view=flat] #museum{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 input,select,textarea{font-size:16px!important}
}
@media screen and (max-width:1000px) and (orientation:landscape){
 body[data-view=museum] #museum>#scene{height:clamp(160px,45svh,280px)!important;min-height:160px!important;max-height:280px!important}
}

#museum-map .room-stop[data-room="lighthill"]{grid-area:3/1}
@media(max-width:700px){#museum-map .room-stop[data-room="lighthill"]{grid-area:auto}}