.lesson-page .loc-example{text-align:left;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:24px 50px;max-width:960px;display:grid;margin:45px auto 0!important}.lesson-page .loc-example-map{width:100%;max-width:520px;height:auto;margin-inline:auto;display:block}.lesson-page .loc-example-counts{gap:32px;display:grid}.lesson-page .loc-example-counts dt{color:var(--muted);font-size:12px}.lesson-page .loc-example-counts dd{color:var(--blue);font:29px/1.4 var(--mono);margin:8px 0 0}.lesson-page .loc-example-counts dd small{font-size:14px}.lesson-page .loc-example-counts div:last-child dd{color:#856348}.lesson-page .loc-example figcaption{color:var(--muted);text-align:center;font:10px/1.8 var(--mono);grid-column:1/-1}.lesson-page .loc-intro .model-boundary{max-width:85ch;margin-inline:auto}.lesson-page .loc-preparation{color:var(--muted);margin-top:15px;font-size:12px}.lesson-page .loc-preparation a{padding-block:4px;display:inline-block}.lesson-page .loc-prediction>div>p{max-width:48ch;color:var(--muted);font-size:14px}.lesson-page .loc-prediction a{border-bottom:1px solid var(--line);align-items:center;gap:30px;min-height:44px;margin-top:16px;font-size:13px;text-decoration:none;display:inline-flex}.lesson-page .loc-prediction a:hover{border-color:var(--blue)}.lesson-page .loc-lab{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch}.lesson-page .loc-lab .mission-visual{flex-direction:column;display:flex}.lesson-page .loc-lab .mission-toolbar{min-height:77px}.lesson-page #loc-viewport{flex:1;width:100%;min-width:0;height:500px;min-height:460px;position:relative}.lesson-page .loc-legend{color:var(--muted);flex-wrap:wrap;gap:9px 22px;padding:16px 24px 0;font-size:11px;display:flex}.lesson-page .loc-legend span:first-child{color:var(--blue)}.lesson-page .loc-legend span:nth-child(2){color:#856348}.lesson-page .loc-lab .mission-map-hint{color:var(--muted);padding:15px 24px 20px;font-size:11px;line-height:1.8}.loc-page .lesson-page .transport{border-bottom:0}.loc-page .lesson-page .transport button{font-size:12px}.loc-page .lesson-page .speed-control select{max-width:150px;font-size:12px}.lesson-page .loc-config>label{margin-bottom:9px;font-size:13px;display:block}.lesson-page .loc-config>select{margin-bottom:22px}.lesson-page .loc-config>p{color:#586970;font-size:12px;line-height:1.8}.lesson-page #loc-description{margin:-8px 0 24px}.lesson-page .loc-config .loc-checkbox{align-items:center;gap:10px;min-height:36px;margin-block:1px 12px;display:flex}.lesson-page #loc-bias{width:16px;height:16px;min-height:16px;accent-color:var(--blue);flex-shrink:0;margin:0;padding:0}.lesson-page #loc-seed-form{margin-block:23px;font-size:12px}.lesson-page #loc-seed-form>div{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px;display:grid}.lesson-page #loc-seed{width:100%;min-width:0;font:12px/1.6 var(--mono)}.lesson-page #loc-seed-form button{white-space:nowrap;padding-inline:10px;font-size:12px}.lesson-page .loc-error{color:#8b453a;margin-top:10px;font-size:12px}.lesson-page .loc-error:empty{display:none}.lesson-page .loc-advance{grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 12px;display:grid}.lesson-page .loc-advance button{padding-inline:6px;font-size:11px}.lesson-page .loc-config .wide{font-size:12px}.loc-page .lesson-page .mission-metrics{gap:25px 40px;padding:30px 0}.loc-page .lesson-page .mission-metrics>div>span{color:var(--muted);font-size:12px}.loc-page .lesson-page .mission-metrics strong{margin-top:10px;font-size:23px}.loc-page .lesson-page .mission-small{color:var(--muted);font-size:12px;line-height:1.8}.loc-page .lesson-page .mission-outcome{border-left:2px solid var(--blue);color:#35525e;background:#e9eff1;padding:18px 24px;font-size:14px;line-height:1.8}.loc-page .lesson-page .mission-outcome:is([data-status=false-arrival],[data-status=collision],[data-status=budget]){color:#70513c;background:#efebe5;border-color:#9b7659}.lesson-page .loc-inspection{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:60px}.lesson-page :is(.loc-filter,.loc-evidence,.loc-state){border-top:1px solid var(--line);min-width:0;padding-top:28px}.lesson-page .loc-filter .panel-heading{flex-wrap:wrap;align-items:flex-start;gap:16px 24px}.lesson-page .loc-filter .panel-heading h3,.lesson-page .loc-evidence h3{margin-top:12px}.lesson-page #loc-axis{font-size:12px}.lesson-page #loc-update-kind{margin:26px 0;font-size:14px}.lesson-page .loc-details{margin:22px 0 25px}.lesson-page .loc-details>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;padding:14px 0;font-size:13px;display:grid}.lesson-page .loc-details dt{color:var(--muted)}.lesson-page .loc-details dd{text-align:right;font:12px/1.8 var(--mono);overflow-wrap:anywhere;margin:0}.lesson-page #loc-chart{margin:30px 0 20px}.lesson-page #loc-chart svg{width:100%;height:auto;color:var(--muted);font:11px var(--mono);display:block}.lesson-page #loc-chart svg text{fill:currentColor}.lesson-page .loc-chart-legend{flex-wrap:wrap;gap:10px 24px;margin-bottom:22px;font-size:11px;display:flex}.lesson-page .loc-chart-legend span:first-child{color:var(--blue)}.lesson-page .loc-chart-legend span:last-child{color:#856348}.lesson-page .loc-fix-box{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;font-size:13px}.lesson-page .loc-fix-box strong{color:var(--ink)}.lesson-page .loc-fix-box p{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.8}.lesson-page .loc-state{margin-top:46px}.lesson-page .loc-state .panel-heading{flex-wrap:wrap;align-items:flex-start;gap:18px 28px}.lesson-page #loc-controller{color:var(--blue);font-size:12px}.lesson-page .loc-state table{min-width:570px}.loc-page .lesson-page th,.loc-page .lesson-page td{padding-block:14px}.loc-page .lesson-page caption{caption-side:bottom;text-align:left;white-space:normal;color:var(--muted);padding-top:18px;font-size:12px;line-height:1.8}.lesson-page #loc-waypoint,.lesson-page #loc-distance{margin-top:20px}.lesson-page #loc-comparisons table{min-width:870px}.lesson-page #loc-comparisons>h3{margin-top:34px}.lesson-page .loc-worked-update{gap:18px;margin-top:25px;display:grid}.lesson-page .loc-worked-update>div{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.lesson-page .loc-worked-update dt{color:var(--muted);font-size:13px}.lesson-page .loc-worked-update dd{color:var(--blue);font:23px/1.4 var(--mono);white-space:nowrap;margin:0}.lesson-page .loc-worked-update dd small{font-size:12px}.lesson-page .loc-worked-update>div:last-child dd{color:#856348}.lesson-page .loc-equation{text-align:left;grid-template-columns:1fr 1fr;gap:35px;font-size:17px;display:grid}.lesson-page .loc-equation .eyebrow{margin-bottom:18px}.lesson-page .loc-equation p+p{margin-top:12px}.lesson-page .loc-next p:last-child{max-width:55ch}@media (width<=1100px){.lesson-page .loc-lab{grid-template-columns:minmax(0,1fr) 300px}.loc-page .lesson-page .mission-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.loc-page .lesson-page .mission-metrics strong{font-size:21px}.lesson-page .loc-inspection{grid-template-columns:1fr;gap:44px}.lesson-page .loc-lab :is(.loc-legend,.mission-map-hint){padding-inline:18px}}@media (width<=820px){.lesson-page .loc-lab{grid-template-columns:minmax(0,1fr)}.lesson-page #loc-viewport{flex:auto}.lesson-page .loc-example{grid-template-columns:minmax(0,1fr) 175px;gap:22px}.lesson-page .loc-example-counts dd{font-size:26px}.lesson-page .loc-worked-update>div{flex-wrap:wrap;gap:5px 20px}}@media (width<=600px){.lesson-page .loc-example{grid-template-columns:1fr;gap:28px;margin-top:36px!important}.lesson-page .loc-example-counts{text-align:center;grid-template-columns:1fr 1fr;gap:22px}.lesson-page .loc-example-counts dt{min-height:3.3em;font-size:11px}.lesson-page .loc-example-counts dd{font-size:24px}.lesson-page #loc-viewport{height:420px;min-height:420px}.lesson-page .loc-lab :is(.loc-legend,.mission-map-hint){padding-inline:15px}.loc-page .lesson-page .mission-metrics{grid-template-columns:1fr 1fr;gap:28px 20px}.loc-page .lesson-page .mission-outcome{padding:16px 18px;font-size:13px}.lesson-page .loc-details>div{gap:12px}.lesson-page .loc-equation{grid-template-columns:1fr;font-size:16px}}#loc-viewport .loc-svg,#loc-viewport .loc-three{color:#273438;background:#fbfcfa;width:100%;height:100%;position:absolute;inset:0}#loc-viewport .loc-svg{font-family:var(--mono,"IBM Plex Mono", ui-monospace, monospace);display:block}#loc-viewport .loc-three[hidden]{display:none}#loc-viewport .loc-three canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#loc-viewport .loc-three canvas:active{cursor:grabbing}#loc-viewport .loc-three canvas:focus-visible{outline-offset:-3px;outline:2px solid #446e91}#loc-viewport .loc-svg text{pointer-events:none}#loc-viewport .loc-labels,#loc-viewport .loc-label-leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#loc-viewport .loc-labels span{color:#273438;font:11px/15px var(--mono,"IBM Plex Mono", ui-monospace, monospace);white-space:nowrap;background:#fbfcfaf5;border:1px solid #dbe1dd;border-radius:2px;padding:2px 5px;position:absolute;transform:none}#loc-viewport .loc-labels span[hidden]{display:none}#loc-viewport .workshop-camera-controls{flex-wrap:wrap;gap:8px;max-width:calc(100% - 36px);display:flex;position:absolute;top:16px;left:18px}#loc-viewport .workshop-camera-controls button{color:#586970;min-height:40px;font:400 12px/1.3 var(--sans,"IBM Plex Sans", sans-serif);cursor:pointer;background:#fbfcfaf5;border:1px solid #cdd7da;border-radius:3px;padding:8px 11px}#loc-viewport .workshop-camera-controls button:hover,#loc-viewport .workshop-camera-controls button[aria-pressed=true]{color:#365f80;background:#eaf0f3;border-color:#9caeb9}#loc-viewport .workshop-camera-controls button:focus-visible{outline-offset:3px;outline:2px solid #446e91}#loc-viewport .workshop-scene-caption{color:#586970;font:400 11px/1.6 var(--sans,"IBM Plex Sans", sans-serif);text-wrap:pretty;background:#fbfcfaf2;border:1px solid #dbe1dd;border-radius:3px;margin:0;padding:9px 10px;position:absolute;bottom:12px;left:18px;right:18px}#loc-viewport .loc-webgl-message{color:#586970;max-width:460px;margin:0 auto;padding:70px 28px 28px;font-size:15px;line-height:1.8}@media (width<=580px){#loc-viewport .workshop-camera-controls{max-width:calc(100% - 24px);top:10px;left:12px}#loc-viewport .workshop-scene-caption{bottom:10px;left:12px;right:12px}}#loc-viewport .loc-truth-label{border-bottom-color:#446e91}#loc-viewport .loc-estimate-label{border-bottom-color:#947658}#loc-viewport .loc-fix-label{border-bottom-color:#617e8c}
