@import url('./preparation.css');
.skip{top:0;transform:translateY(-150%)}.skip:focus{top:10px;transform:none}
main{max-width:1540px;padding-top:1rem}.course-intro{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.course-intro h1{font-size:clamp(2rem,3.2vw,3.2rem)}.course-intro .subtitle{color:#bbd5d4;margin:0;max-width:760px}.course-switch{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem}.course-switch a{padding:.5rem .8rem;border:1px solid #46645f;border-radius:2rem;text-decoration:none}.course-switch a[aria-current]{background:#bde7d8;color:#123229}.stations{display:flex;gap:.4rem;margin-bottom:1rem;overflow:auto;padding:3px 3px .6rem}.stations button{flex:1;min-width:130px;text-align:left;font-size:.82rem;display:flex;gap:.6rem;align-items:center}.stations button span{color:#bdd3d1;font-size:.73rem}.stations button[aria-current]{background:#bde7d8;color:#102e25}.stations button[aria-current] span{color:#33584b}.station-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.station-heading h2{font-size:1.4rem}.station-heading p{max-width:990px;font-size:.93rem;color:#c2d6d8;margin-bottom:0}.station-heading .eyebrow{color:#a7dfc8;margin-bottom:.2rem}.station-heading button{flex:none;font-size:.78rem}.workbench{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem;align-items:start}.settings{padding:1rem;border:1px solid #4a6a5d;border-radius:.8rem;background:#14322c;min-width:0}.stage-label{font-size:.7rem;letter-spacing:.1em;color:#afd0c3;border-bottom:1px solid #476456;padding-bottom:.6rem;margin-bottom:.8rem}.stage-label strong{font-size:1rem;letter-spacing:0;display:block;margin-top:.3rem;color:#f1d9ae;font-weight:550}.control{margin-bottom:.8rem;min-width:0}.control label{font-size:.86rem;display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.control select{width:100%;min-width:0;font-size:.84rem}.control input[type=range]{width:100%;min-height:36px;accent-color:#a4dec6}.control output{color:#f0d5a4;font-variant-numeric:tabular-nums}.control p{font-size:.76rem;color:#b8d1c5;margin:.35rem 0}.operation-list{display:grid;gap:.4rem;margin-bottom:.7rem}.operation-list button{font-size:.85rem;text-align:left}.operation-list button:not(:disabled){background:#2d5749;border-color:#a3d8bf}.operation-reason{font-size:.76rem;color:#c3d4c6}.settings>#capture{width:100%;font-size:.83rem}.settings #feedback{color:#f0d7a7;font-size:.83rem;margin:.6rem 0;min-height:1.5rem}.settings .small{font-size:.76rem;color:#bdd0c6}.visuals{min-width:0}.visual-pair{display:grid;grid-template-columns:1fr 1.05fr;gap:.8rem;align-items:start}.visual-panel{border:1px solid #3c5962;border-radius:.75rem;overflow:hidden;background:#102a32;min-width:0}.panel-heading{min-height:54px;padding:.55rem .7rem}.panel-heading h3{font-size:.83rem}.panel-heading button{font-size:.75rem;min-height:36px}.scene-shell{position:relative;height:320px;background:radial-gradient(ellipse at 50% 40%,#2d4750,#0b2029);overflow:hidden}#diagram,#inspection{display:block;width:100%;height:320px}#scene{position:absolute;inset:0}#scene canvas{display:block;touch-action:none}.scene-label{position:absolute;max-width:190px;color:#d9efec;background:#0c242be8;border:1px solid #5d8581;border-radius:3px;padding:3px 6px;font-size:12px;pointer-events:none;white-space:normal}.camera-tools{display:flex;gap:.3rem;flex-wrap:wrap;padding:.5rem .7rem}.camera-tools button{font-size:.73rem;padding:.3rem .5rem;min-height:36px}#scene-status,#image-caption{font-size:.78rem;color:#bed4d5;margin:.4rem .7rem .8rem;min-height:2.5rem}.readout{background:#11313a;border:1px solid #3d6263;border-radius:.65rem;padding:1rem;margin-top:.8rem}.readout>p{font-size:.92rem}.readout .metrics{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:.75rem;color:#bed4d0}.metrics strong{font-size:1rem;display:block;color:#eddbb7;font-weight:550}.model-note{font-size:.77rem;color:#aec9cb;margin:.65rem .2rem}.explanation{display:grid;grid-template-columns:1.15fr 1fr;gap:1.5rem;margin:1.5rem 0}.explanation p,.explanation li{font-size:.91rem;color:#c2d8d6}.explanation h3{font-size:1rem}.takeaway{border-left:3px solid #e3c391;padding:.6rem .8rem;background:#182f32;color:#e3ddc4!important}.history-box{padding:1rem;border:1px solid #3d5b61;background:#112b33;border-radius:.6rem;max-height:330px;overflow:auto}.history-box ol{padding-left:1.3rem}.history-box li{font-size:.82rem;margin:.5rem 0}.station-actions{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.station-actions button{font-size:.85rem}.next-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.next-links article{border:1px solid #3c5b61;background:#122d34;border-radius:.6rem;padding:1rem}.next-links p{font-size:.86rem;color:#bcd5d3;margin-bottom:0}.record-compare{grid-column:1/-1;color:#e8d4a3;font-size:.87rem;margin:0}.record .capture-metrics{font-size:.78rem}.record .image-label{font-size:.73rem}#large-inspection{width:100%;display:block;height:60vh;max-height:70vh}.print-only{display:none}.journey{margin:1.5rem 0;padding:1.4rem;border:1px solid #385d5f;border-radius:.7rem;background:#102c32}.journey h2{font-size:1.4rem}.journey p{color:#bed6d4}.prep-gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.prep-gateway-grid article{padding:1.3rem;background:#15332e;border:1px solid #476858;border-radius:.8rem;display:flex;flex-direction:column;min-width:0}.prep-gateway-grid h3{font-size:1.35rem}.prep-gateway-grid p{color:#c5d9ce;font-size:.9rem}.prep-gateway-grid .entry{margin-top:auto;display:inline-block;padding:.65rem .8rem;background:#bbe7d3;color:#16392d;border-radius:.35rem;font-weight:600;text-decoration:none}.prep-gateway-grid svg{width:100%;height:160px;display:block;margin:.3rem 0 1rem}.prep-gateway-grid ol{font-size:.85rem;color:#e3dabd;padding-left:1.3rem}.small-reference{font-size:.83rem;color:#b7d0ce}
@media(min-width:1600px){.scene-shell,#diagram,#inspection{height:375px}}
@media(max-width:1150px){.workbench{grid-template-columns:1fr}.settings{display:grid;grid-template-columns:1.1fr 1fr;gap:.2rem 1rem;align-items:start}.stage-label{grid-column:1/-1}.settings #controls{grid-column:1}.settings .operation-list,.settings #capture,.settings #feedback,.settings .operation-reason,.settings .small{grid-column:2}.settings #controls{grid-row:2/8}.scene-shell,#diagram,#inspection{height:330px}.prep-gateway-grid{grid-template-columns:1fr 1fr}.course-intro{gap:1rem}.course-switch{max-width:260px}}
@media(max-width:700px){.course-intro,.station-heading{display:block}.course-intro h1{font-size:2.1rem}.course-intro .subtitle{font-size:.92rem}.course-switch{max-width:none;margin-top:.8rem}.station-heading button{margin-top:.65rem}.stations button{min-width:135px}.settings{display:block}.settings #controls{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.visual-pair{grid-template-columns:1fr}.image-panel{order:-1}.scene-shell,#diagram,#inspection{height:290px}.explanation,.next-links,.prep-gateway-grid{grid-template-columns:1fr}.history-box{max-height:none}.readout{padding:.8rem}.station-heading p{font-size:.88rem}.brand span{display:none}#large-inspection{height:52vh}.control label{flex-wrap:wrap}.prep-gateway-grid svg{height:140px}}
@media(max-width:360px){.settings #controls{grid-template-columns:1fr}.scene-shell,#diagram,#inspection{height:260px}}
@media print{.site-header,.course-intro,.stations,#load-status,#workbench,.reference,.journey,footer,dialog,#notebook>label,#notes,.notebook-footer,.record button,#empty{display:none!important}.print-only{display:block;white-space:pre-wrap}.record details{display:block}.record summary,.record summary::marker{color:#173c36}}

body[data-workflow="sem"] #inspection{height:440px}@media(max-width:700px){body[data-workflow="lfm"] #inspection{height:450px}.station-actions{flex-wrap:wrap}.station-actions button{min-width:0;flex:1;font-size:.8rem;padding:.5rem}.settings select{min-width:0}}