/* Guided mission view */
:root{--guide-teal:#8cd3cf;--guide-border:#39434b}
.storypage .pageheading{margin-bottom:17px}.storypage .heading-status{display:none}.storypage .pageheading h1{font-size:clamp(31px,3.1vw,49px);letter-spacing:-1.9px}.storypage .pageheading p{font-size:13px}
.guideflag{font:600 9px/1.35 var(--mono);letter-spacing:1.55px;color:var(--guide-teal);white-space:nowrap}.bankheading{display:flex;gap:12px;align-items:center;margin-bottom:9px}.bankcaption{font-size:12px;color:#c1cbd5}.bankedit{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:#c3cbd5;font-size:11px;padding:3px 6px;border-radius:4px}.bankedit:hover,.readmore:hover{color:#ffca8c;background:#2c2b28}
.flightpath{display:flex;flex-direction:column;gap:7px;margin:2px 0 12px}.pathlabel{display:flex;justify-content:space-between;align-items:center}.pathlabel .guideflag{color:#8396a7;font-size:8px}.pathlabel .textbutton{padding:0}.pathscroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#47525f transparent}.pathsteps{min-width:max-content;display:flex;align-items:center;gap:3px}.pathstep{border-radius:4px;color:#9dacb9;display:flex;align-items:center;gap:5px;padding:4px 6px;font-size:10px;white-space:nowrap}.pathstep i{color:#6f8293;font:8px var(--mono);border:1px solid #36414d;background:#1b2128;border-radius:2px;padding:2px 3px}.pathstep:hover{background:#222a32;color:#e5ebee}.pathstep.active{color:var(--amber);background:#2b2722}.pathstep.active i{background:#5b432b;border-color:#8e673f;color:#ffce94}.pathstep+.pathstep::before{content:"";height:1px;width:4px;background:#36414b;margin-left:-7px}
.storypage #primary{grid-template-columns:minmax(0,1fr) minmax(258px,28%);gap:0;border:1px solid #3a4651;border-radius:10px;overflow:hidden;background:#141b22}.storypage #viewer{border:0;border-radius:0;background:#161d24}.storypage #viewer .panelhead{min-height:40px;padding:4px 12px 4px 16px;background:#161c23}.storypage #viewer .panelhead h2{font-size:12px}.storypage #viewport{min-height:335px}.storypage .cameras{padding:6px 8px;gap:3px}.storypage .camera{font-size:9px;padding:6px}.storypage #guidepanel{display:flex;border-left:1px solid var(--guide-border);background:linear-gradient(135deg,#202830 0%,#1b2229 80%);min-width:0}.chaptercard{width:100%;padding:18px 16px 12px;display:flex;flex-direction:column;align-items:stretch}.chapterkicker{display:flex;align-items:center;justify-content:space-between;gap:5px}.chapterkicker>span:last-child{font:9px var(--mono);letter-spacing:.8px;color:#a3b0bd}.chaptercard h2{display:block;font-size:clamp(22px,1.8vw,32px);line-height:1.1;letter-spacing:-.9px;font-weight:550;color:#eff3f4;margin:11px 0 9px}.chaptercard>p{font-size:12.5px;line-height:1.58;color:#c0cbd3;margin:0}.chaptermetrics{display:flex;gap:15px;padding:15px 0 12px;border-bottom:1px solid #38414b}.chaptermetrics>div{min-width:0;flex:1}.chaptermetrics small{display:block;font:9px/1.3 var(--mono);color:#9eafbb}.chaptermetrics strong{display:block;font:500 clamp(17px,1.6vw,26px)/1.4 var(--mono);color:#f0d6ae;white-space:nowrap}.chaptermetrics em{font-size:10px;font-style:normal;color:#b4bbc0}.readmore{align-self:flex-start;display:inline-flex;gap:6px;align-items:center;color:#a6d2cf;border-radius:4px;padding:4px 0;font-size:11px;margin:5px 0}.guide-launch{display:grid;grid-template-columns:1fr;gap:3px;margin-bottom:4px}.guide-launch label{font:8px var(--mono);text-transform:uppercase;color:#99aabb;letter-spacing:1px}.guide-launch select{width:100%;font-size:11px;padding:5px 6px}.guide-launch .readmore{justify-self:start;margin:0;font-size:10px}.chapterbuttons{margin-top:auto;padding-top:13px;display:flex;align-items:center;gap:6px}.guideplay{background:var(--amber);color:#242018;border:1px solid var(--amber);justify-content:center;min-height:31px;padding:5px 11px;font-size:11px}.guideplay:hover{background:#ffd096;border-color:#ffd096}.chapterbuttons .iconbtn{border:1px solid #3b4651}.chapterbuttons .iconbtn:first-of-type{margin-left:auto}.guidemeter{margin-top:12px}.guidemeter>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;font:9px var(--mono);color:#a4b4c1}.guidemeter>div span:last-child{font-size:7px;letter-spacing:.6px;color:#7d909f}.guidemeter input[type=range]{margin:6px 0 1px}.guidewarning{margin-top:9px;border-left:2px solid #ba8f55;padding:4px 7px;background:#352b21;color:#ecc898;font-size:11px}.instrument-toggle{display:flex;align-items:center;gap:8px;text-align:left;width:100%;background:#151b22;border:1px solid var(--line);border-radius:6px;padding:9px 12px;color:#bac6cf}.instrument-toggle strong{font-size:12px;font-weight:550}.instrument-toggle span{font-size:11px;color:#8798a7}.instrument-toggle svg:last-child{margin-left:auto}.guide-source{margin-top:14px;padding:12px;font-size:12px;border:1px solid var(--line);border-radius:4px}.guide-source p{color:#afbfcb;margin:4px 0 6px}.tablewrap td small{display:block;color:var(--muted);font-size:10px}.guide-source a{display:inline-flex;align-items:center;gap:5px}.storypage #viewer:fullscreen{border:0!important}.storypage #viewer:fullscreen #viewport{min-height:0}
#workbench-tip{position:fixed;z-index:2147483646;max-width:min(318px,calc(100vw - 18px));border-radius:6px;background:#e4ebeb;color:#14222b;box-shadow:0 5px 22px #0006;font:12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align:left;padding:8px 11px;pointer-events:none;border:1px solid #b8c9cd}.helpbutton[aria-pressed=true]{background:#354841;color:#a7dfc8}.helplens :is([data-tip],[data-param],[data-action],[data-metric],button,select){cursor:help}.helplens :is([data-tip],[data-metric],button):hover{outline:1px dashed var(--guide-teal)}.source-rule{font-size:11px;color:var(--muted)}
@media(min-width:1500px){.storypage #viewport{min-height:425px}.chaptercard{padding:22px 22px 18px}.chaptercard>p{font-size:14px}.pathstep{font-size:12px}}
@media(max-width:1110px){.storypage #primary{grid-template-columns:minmax(0,1fr) 253px}.chaptercard{padding:14px 13px}.chaptercard h2{font-size:22px}.gesture{display:none}}
@media(max-width:720px){.storypage .pageheading{align-items:flex-start;gap:6px}.storypage .pageheading h1{font-size:30px}.storypage .pageheading p{font-size:11px;max-width:285px}.storypage #primary{display:flex;flex-direction:column;gap:0}.storypage #guidepanel{border-left:0;border-top:1px solid var(--guide-border)}.storypage #viewport{min-height:245px}.chaptercard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:12px 14px}.chapterkicker,.chaptercard h2,.chaptercard>p,.guidewarning,.guide-launch,.guidemeter{grid-column:1/-1}.chaptercard h2{margin:6px 0;font-size:24px}.chaptercard>p{font-size:12px;line-height:1.5}.chaptermetrics{grid-column:1/-1;padding:8px 0;gap:20px}.chaptermetrics>div{flex:none}.chaptermetrics strong{font-size:17px}.guide-launch{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}.guide-launch label{font-size:7px}.guide-launch .readmore{font-size:9px}.chapterbuttons{grid-column:1/-1;padding-top:7px}.guidemeter{margin-top:8px}.guideflag{font-size:8px}.pathsteps{gap:4px}.bankcaption{font-size:10px}.bankheading{gap:7px}.bankedit{font-size:10px}.storypage .camera{font-size:8px;padding:5px}.storypage .cameras{justify-content:space-around;gap:1px;padding:5px 2px}.camera svg{width:12px}.instrument-toggle span{display:none}.helpbutton{width:24px}.gesture{display:none}}
@media(max-width:395px){.storypage .camera svg{display:none}.bankcaption{display:none}.topactions{gap:4px}.storypage #viewport{min-height:214px}}.chapterbuttons .guideplay{margin-right:auto}.chapterbuttons .iconbtn{width:25px;height:27px}.guideplay{min-width:87px}@media(max-width:720px){.chapterbuttons .guideplay{margin-right:3px}}

.current-design-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;padding:9px 12px;border:1px solid #35434b;border-radius:6px;background:#182128;color:#e3e9e9}
.current-design-id,.design-file-actions{display:flex;align-items:center;gap:7px;min-width:0}
.current-design-id{flex:1 1 195px;flex-wrap:wrap;column-gap:10px;row-gap:2px}
.current-design-id>span{color:#a0b1b9;font:9px/1.4 var(--mono,monospace);letter-spacing:.09em;text-transform:uppercase}
.current-design-id strong{font:600 13px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}
.design-file-actions{position:relative;flex-wrap:wrap}
.design-file-actions .chip,.design-more>summary{min-height:31px;border:1px solid #3f5058;border-radius:5px;background:#1c2a32;color:#c5d2d6;padding:5px 9px;font:550 11px/1.2 system-ui,sans-serif;display:inline-flex;align-items:center;gap:5px}
.design-file-actions .chip:hover,.design-more>summary:hover{border-color:#728b92}
.design-file-actions .design-save{color:#b9e4d7;border-color:#446961;background:#21352f}
.design-file-actions .chip b{color:#e2eded;border-radius:3px;background:#33464b;padding:1px 4px;font:10px/1.25 var(--mono,monospace)}
.design-more>summary{cursor:pointer;list-style:none}.design-more>summary::-webkit-details-marker{display:none}
.design-more[open]>div{position:absolute;z-index:9;top:calc(100% + 4px);right:0;width:148px;max-width:100%;padding:4px;background:#1e2b34;border:1px solid #44535a;border-radius:6px;box-shadow:0 8px 16px #0005}
.design-more button{display:block;width:100%;text-align:left;padding:8px 9px;color:#d4dfe0;font:12px/1.4 system-ui,sans-serif;border-radius:4px}.design-more button:hover,.design-more button:focus-visible{background:#2c4049}
@media(max-width:600px){.current-design-strip{padding:8px 9px}.current-design-id{flex-basis:100%}.design-file-actions{gap:4px}.design-file-actions .chip,.design-more>summary{min-height:36px;padding:6px 8px}.design-more button{min-height:40px}}
@media(max-width:365px){.design-file-actions .chip svg{display:none}}

/* Phase F disposal plots */
.odc-disposal{background:#18202a;border:1px solid #354350;border-radius:8px;color:#e4eaec;padding:15px}.odc-disposal h3{font-size:17px;margin:0 0 2px}.odc-disposal p{font-size:12px;color:#bfcad3;margin:4px 0 9px}.odc-disposal svg{display:block;width:100%;max-height:300px;margin:5px 0;background:#111b24;border:1px solid #30414c;border-radius:5px}.odc-disposal .phasef-method{font:600 10px ui-monospace,monospace;letter-spacing:.09em;color:#96d6cc}.odc-disposal summary{cursor:pointer;font-size:12px;color:#bbd5d7;margin:8px 0}.odc-disposal button{margin:3px 4px 1px 0;font-size:11px;padding:5px 8px}.phasef-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.phasef-legend b{font-weight:600}.phasef-metrics{display:flex;gap:14px;flex-wrap:wrap;margin:7px 0;font:11px ui-monospace,monospace}.odc-disposal .map-note{font-size:11px}

.odc-vehicle-drawing{display:block;height:auto;max-width:100%}
@media screen and (prefers-color-scheme:dark){.odc-vehicle-drawing{--drawing-paper:#19212a;--drawing-ink:#e9f1ef;--drawing-hint:#b4c4c7;--drawing-sub:#6e8993;--drawing-rule:#364952;--drawing-teal:#86d4cf;--drawing-pv:#395d73;--drawing-grid:#8caebe;--drawing-rad:#bb9869;--drawing-bus:#93a5a6;--drawing-base:#74888f}}
