/* Projection layouts retain the hub's single fullscreen control. */
.iq-filter{box-sizing:border-box;width:100%;min-width:0;flex:none;font:inherit;margin-bottom:10px;background:#152b38;color:#f0f8fa;border:1px solid #658690;border-radius:6px;padding:10px}
#a-lab .dl-left .iq-filter,#a-popsim .pp-left .iq-filter{width:100%}
#a-lab .dl-main{grid-template-columns:clamp(175px,17vw,250px) minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#a-lab .dl-left{grid-column:auto;overflow:auto!important}
#a-lab .dl-exps{display:flex;flex-direction:column;align-items:stretch;gap:12px}
#a-lab .dl-grp{flex-direction:column!important;align-items:stretch;flex-wrap:nowrap}
#a-lab .dl-e{white-space:normal;overflow-wrap:anywhere}
#a-lab .dl-mid{overflow:auto}
#a-lab .dl-mid>*{flex-shrink:0}
#a-lab .dl-mid>.dl-scene{flex:1 0 260px}
#a-lab .dl-codes{min-width:0}
.iq-projector{white-space:normal!important;flex-shrink:0}.iq-projector.on{background:#e4f4f2!important;color:#16353e!important;border-color:#8bcbd0!important}
#a-lab .dl-left,#a-popsim .pp-left,#a-diagram .db-side{scrollbar-gutter:stable}
#a-lab .dl-e[hidden],#a-popsim .pp-m[hidden],#a-diagram .db-tp[hidden],.dl-grp[hidden],.pp-grp[hidden]{display:none!important}
#a-lab .dl-how,#a-popsim .pp-how{white-space:pre-line;line-height:1.65}
#a-lab .dl-scene svg{width:100%;height:100%;min-height:240px}
#a-lab .dl-scene{background:#8faab7!important;border:1px solid #7995a2;box-shadow:0 10px 24px #06152140;isolation:isolate}
#a-lab .dl-scene svg{display:block}
#a-popsim .pp-stage{background:#294652;border:1px solid #58747d;box-shadow:0 10px 24px #06152140}
#a-lab #dl-plot svg,#a-popsim #pp-graph svg{direction:ltr}
#a-lab.iq-projector-on .dl-left,#a-popsim.iq-projector-on .pp-left{display:none}
#a-lab.iq-projector-on .dl-main,#a-popsim.iq-projector-on .pp-main{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}
#a-lab.iq-projector-on .dl-card,#a-popsim.iq-projector-on .pp-card{display:none}
#a-lab.iq-projector-on .dl-scene,#a-popsim.iq-projector-on .pp-stage{min-height:48vh}
#a-lab.iq-projector-on .dl-aim,#a-popsim.iq-projector-on .pp-aim{font-size:clamp(20px,2.5vmin,34px)}
#a-lab.iq-projector-on .dl-how,#a-popsim.iq-projector-on .pp-how,#a-popsim.iq-projector-on .pp-leg{font-size:clamp(15px,1.9vmin,24px)}
#a-diagram.iq-projector-on .db-side,#a-diagram.iq-projector-on .db-right{display:none}
#a-diagram.iq-projector-on .db-main{grid-template-columns:minmax(0,1fr)}
#a-diagram.iq-projector-on .db-stage{min-height:75vh}
#a-diagram .db-top{flex-wrap:wrap}
#a-diagram .db-tools{flex-wrap:wrap;min-width:0}
/* The illustration board uses physical LTR coordinates, also in Arabic. */
#a-diagram #db-svg{direction:ltr;background:#fff;outline:1px solid #a9bfc3;box-shadow:0 12px 32px #06131b60}
#a-diagram .db-wrap{background:linear-gradient(145deg,#273f4b,#132c37);border:1px solid #5e7c85;padding:clamp(6px,1vw,14px);overflow:hidden}
#a-diagram .db-st{font-size:12px;line-height:1.3;min-height:94px;padding:7px 5px;box-shadow:inset 0 0 0 1px #bccdce}
#a-diagram .db-st svg{height:64px;overflow:visible;direction:ltr}
#a-diagram .db-pal{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}
#a-diagram .db-cat,#a-diagram .db-tp{line-height:1.4;overflow-wrap:anywhere}
#a-diagram .db-f,#a-diagram .db-note,#a-diagram .db-hint{line-height:1.5}
#a-diagram .db-right,#a-diagram .db-side{min-width:0}
#a-diagram.db-full .db-stage::after{content:attr(data-exit-hint)}
#a-diagram.db-full .db-main{min-height:0}
#a-diagram.db-full .db-stage{min-height:0}
@media(max-width:760px){#a-diagram .db-wrap{min-height:245px;aspect-ratio:10/7}#a-diagram #db-svg{width:100%;height:auto;max-height:none}#a-diagram .db-pal{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}#a-diagram .db-hint{font-size:13px}#a-diagram.iq-projector-on .db-stage{min-height:0}}
.er-digit-guide{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 14px;background:#071b20;border:1px solid #799c6a;color:#f3f8e9;border-radius:8px}
.er-digit-guide strong{font-size:1.2em;color:#d5ff85}.er-dig{display:flex;align-items:center;gap:.2em;line-height:1.1;min-width:1.6em;user-select:none;pointer-events:none}.er-dig sup{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;border:2px solid #fff;border-radius:50%;font:bold .28em Arial;background:#071b20;color:#fff;vertical-align:middle;box-shadow:0 0 0 3px #071b20;text-shadow:none;margin-left:0}
.er-dark:focus-visible{outline:3px solid #efffa4;outline-offset:3px}.er-shade{transition:none}.er-dark{cursor:crosshair}
@media(max-width:1100px){#a-lab .dl-main,#a-popsim .pp-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}#a-lab .dl-left,#a-popsim .pp-left{grid-column:1/-1;max-height:145px;overflow:auto!important}#a-lab .dl-exps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#a-lab .dl-left .iq-filter,#a-popsim .pp-left .iq-filter{max-width:320px}#a-popsim .pp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#a-lab .dl-main,#a-popsim .pp-main{display:flex;flex-direction:column}#a-lab .dl-left,#a-popsim .pp-left{max-height:170px;flex:none}#a-lab .dl-exps,#a-popsim .pp-list{grid-template-columns:repeat(2,minmax(0,1fr))}#a-lab .dl-grp>span,#a-popsim .pp-grp>span{display:block}#a-popsim .pp-grp{flex-direction:column}#a-popsim .pp-m{white-space:normal;overflow-wrap:anywhere}#a-lab .dl-mid{overflow:visible}#a-lab .dl-codes{font-size:12px}}
@media(max-width:900px){#a-lab.iq-projector-on .dl-main,#a-popsim.iq-projector-on .pp-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}#a-lab.iq-projector-on .dl-scene,#a-popsim.iq-projector-on .pp-stage{min-height:320px}}
@media(prefers-reduced-motion:reduce){#a-lab .dl-scene *{animation:none!important}}
/* Odyssey research stations: the readable paper/plots remain clear of scenery. */
#a-lab .dl-scene,#a-popsim .pp-stage{border-color:#62d3ff80;box-shadow:0 0 0 3px #081824,0 10px 28px #0007,inset 0 2px #ffb23e55}
#a-diagram .db-wrap{background:linear-gradient(#06121ca8,#06121ce8),url('../assets/illustrations/mission-lab-v1.png') center/cover;border:1px solid #62d3ff80;box-shadow:inset 0 2px #ffb23e55}
#a-diagram .db-st{background:#eef4f3;border-color:#98b8bc}
#a-diagram .db-st:hover{background:#fff8e7;border-color:#ffb23e}