@import url('./preparation.css');
main{max-width:1540px}.intro{grid-template-columns:1fr auto;gap:1.5rem;margin-bottom:1.2rem}.intro h1{font-size:clamp(2.1rem,3.6vw,3.4rem)}.intro .text-link{font-size:.87rem;max-width:260px}.subtitle{font-size:1.05rem;color:#bbd3d3;margin:0}.stations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin-bottom:1.2rem}.stations button{text-align:left;display:flex;align-items:center;gap:.65rem;font-size:.85rem}.stations button span{font-size:.75rem;color:#c8d9d1}.stations button[aria-current]{background:#b9e8d4;color:#12352b}.stations button[aria-current] span{color:#2b5747}.station-heading{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1.2rem}.station-heading p{max-width:1000px;color:#c4d7d8;margin-bottom:0}.station-heading .eyebrow{color:#a7dec8;margin-bottom:.3rem}.station-heading button{align-self:start;flex:none;font-size:.8rem}.workbench{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1rem;align-items:start}.control-panel{border:1px solid #45625a;background:#13312e;border-radius:.8rem;padding:1rem}.state-banner{border-bottom:1px solid #4e6c60;padding-bottom:.8rem;margin-bottom:1rem}.state-banner span{display:block;font-size:.67rem;letter-spacing:.12em;color:#b5d2c7}.state-banner strong{display:block;font-size:1.1rem;color:#f0deb4;margin-top:.4rem;font-weight:550}.control{margin-bottom:1rem}.control label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.88rem;margin-bottom:.4rem}.control output{color:#f1d39d;font-variant-numeric:tabular-nums}.control select{width:100%;min-width:0;font-size:.85rem}.control input[type=range]{width:100%;min-height:36px;accent-color:#aedfc8}.control p,.small{font-size:.77rem;color:#bbd2cb;margin:.4rem 0}.task{font-size:.87rem;color:#deebe4;padding:.7rem 0;border-top:1px solid #466259}.actions{display:grid;gap:.45rem}.actions button{font-size:.87rem;text-align:left}.actions button:not(:disabled){border-color:#a4d4bf;background:#31584b}.actions button:disabled{opacity:.55}.control-panel>#inspect{width:100%;margin-top:.6rem;font-size:.87rem}#feedback{font-size:.84rem;margin:.75rem 0;color:#f0daad;min-height:1.2rem}.visuals{min-width:0}.visual-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:start}.visual-panel{border:1px solid #3a5660;background:#0f2730;border-radius:.75rem;min-width:0;overflow:hidden}.visual-panel .panel-heading{min-height:62px;padding:.6rem .7rem}.visual-panel h3{font-size:.8rem}.visual-panel .panel-heading button{font-size:.72rem;padding:.3rem .5rem}.scene-shell{position:relative;height:345px;background:radial-gradient(ellipse at 50% 45%,#304851,#0c222b);overflow:hidden}#overview{width:100%;height:100%;display:block}.camera-tools{display:flex;flex-wrap:wrap;gap:.35rem;padding:.6rem .7rem}.camera-tools button{font-size:.72rem;min-height:36px;padding:.3rem .5rem}.visual-panel #scene-status{font-size:.74rem;margin:.3rem .7rem .7rem}#face{width:100%;height:345px;display:block;cursor:crosshair;background:#10232a}.features{display:flex;gap:.3rem;flex-wrap:wrap;padding:.6rem .7rem .3rem}.features button{font-size:.75rem;padding:.25rem .55rem;min-height:34px}.features button[aria-pressed=true]{background:#edd5a6;color:#223329}#feature-description{font-size:.8rem;margin:.4rem .7rem .8rem;min-height:3rem}.readout{padding:1rem;border:1px solid #36585d;border-radius:.65rem;margin-top:.8rem;background:#133238}.readout p{font-size:.9rem;color:#d9e9e3}.readout #metrics{display:flex;gap:1.3rem;flex-wrap:wrap;font-size:.76rem}.readout #metrics strong{font-size:1.1rem;display:block}.reference-toolbar{display:flex;align-items:center;gap:1rem;margin-top:.8rem}.reference-toolbar button{flex:none;font-size:.82rem}.reference-toolbar button[aria-pressed=true]{background:#efd7a8;color:#1e352b}.reference-toolbar p{font-size:.76rem;color:#b3cbd0;margin:0}.explanation{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;margin:1.7rem 0}.explanation>article{font-size:.95rem;color:#cadbda}.explanation>aside{border:1px solid #3c555e;border-radius:.7rem;background:#102a32;padding:1rem;max-height:420px;overflow:auto}.explanation ol{padding-left:1.3rem;font-size:.84rem;color:#c7d9d8}.explanation li{margin:.6rem 0}.suitability{border-left:3px solid #e4c185;padding:.3rem .9rem;margin-top:1rem}.suitability h3{color:#f0d9b4}.suitability p,.suitability li{font-size:.86rem}.suitability ul{padding-left:1.2rem}.station-actions{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.station-actions button{font-size:.88rem}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 1.7rem}.method-grid article{padding:1.2rem;border:1px solid #39565d;border-radius:.6rem;background:#122c33;font-size:.9rem}.examinations>p{color:#bfd3d5;font-size:.9rem}#records .record img{width:100%;height:auto}.record time{font-size:.75rem;color:#adc9c0}.print-only{display:none}.control-lock{border-left:2px solid #d0b476;padding:.4rem .7rem;font-size:.8rem;color:#dfcfaa}.record-compare{grid-column:1/-1;margin:0;color:#eed6a3;font-size:.9rem}#large-face{width:100%;display:block;max-height:70vh;cursor:crosshair}.hub-intro{max-width:840px;padding:1.5rem 0 2rem}.hub-intro p:last-child{max-width:730px;font-size:1.05rem;color:#c0d6d4}.hub-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.hub-cards article{padding:1.6rem;border:1px solid #45675c;border-radius:1rem;background:#13312e;display:flex;flex-direction:column;align-items:start}.hub-cards article>p{color:#cadcd4}.hub-cards img{max-width:100%;height:auto;border-radius:.4rem;margin:.8rem 0 1.2rem}.button{display:inline-block;text-decoration:none;padding:.7rem 1rem;min-height:44px;border-radius:.4rem}.hub-cards .button{margin-top:auto}.workflow-strip{list-style:none;counter-reset:step;display:grid;gap:.5rem;width:100%;padding:0;margin:1rem 0 1.5rem}.workflow-strip li{counter-increment:step;padding:.7rem;border:1px solid #497362;border-radius:.4rem;background:#0d2524;color:#e5e4ca}.workflow-strip li:before{content:'0' counter(step);color:#addbc6;font-size:.8rem;margin-right:1rem}.hub-context{margin:2rem 0;padding:1.5rem;border:1px solid #3d555c;border-radius:.75rem}.hub-context p{max-width:1000px;color:#c5d6d7}
@media(min-width:1600px){.workbench{grid-template-columns:320px minmax(0,1fr)}.scene-shell,#face{height:390px}}
@media(max-width:1100px){.workbench{grid-template-columns:260px minmax(0,1fr)}.visual-pair{grid-template-columns:1fr}.image-panel{order:-1}.scene-shell{height:280px}#face{height:360px}.reference-toolbar{align-items:start;flex-direction:column}.stations button{display:block}.stations button span{display:block}.explanation{gap:1rem}}
@media(max-width:760px){.intro{display:block}.intro .text-link{display:inline-block;margin-top:.65rem;max-width:none}.intro h1{font-size:2.25rem}.stations{display:flex;overflow:auto;padding-bottom:.7rem}.stations button{min-width:135px;font-size:.8rem}.station-heading{display:block}.station-heading h2{font-size:1.4rem}.station-heading p{font-size:.9rem}.station-heading button{margin-top:.7rem}.workbench{display:flex;flex-direction:column}.control-panel{width:100%}.visuals{width:100%}.visual-pair{grid-template-columns:1fr}.control-panel .actions{grid-template-columns:repeat(2,minmax(0,1fr))}.control-panel #station-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.control{margin:0}.control-lock{grid-column:1/-1}.control-panel .task{margin-top:.9rem}.explanation{grid-template-columns:1fr}.explanation aside{max-height:none}.method-grid,.hub-cards{grid-template-columns:1fr}.scene-shell{height:280px}#face{height:330px}.reference-toolbar{flex-direction:column;align-items:start}.hub-intro{padding-top:.7rem}.hub-cards article{padding:1.2rem}.hub-context{padding:1rem}.brand span{display:none}.print-only{display:none}}
@media(max-width:360px){.control-panel #station-controls{grid-template-columns:1fr}.control-panel .actions{grid-template-columns:1fr}#face{height:290px}}
@media print{.site-header,.intro,.stations,#loading,#workbench,.reference,footer,dialog,#notebook>label,#note,.notebook-footer,.record button,.record-compare,#empty,.skip{display:none!important}.print-only{display:block;white-space:pre-wrap}.record details{display:block}.record time{color:#294a3d}}

@media(min-width:761px){main{padding-top:1rem}.intro{margin-bottom:1rem}.intro h1{font-size:clamp(2rem,3vw,2.65rem)}.intro .eyebrow{margin-bottom:.35rem}.subtitle{font-size:.95rem}.stations{margin-bottom:.8rem}.station-heading{margin-bottom:.8rem}.station-heading h2{font-size:1.4rem}.station-heading p:not(.eyebrow){font-size:.9rem}.state-banner{padding-bottom:.6rem;margin-bottom:.7rem}.control{margin-bottom:.7rem}.control-panel{padding:.8rem}}