:root{font:15px system-ui,-apple-system,sans-serif;color:#233a43;background:#f1f3ef;--accent:#186d65;--line:#ced8d1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit;border:1px solid #bdcbc5;border-radius:5px;background:#fff;min-height:38px;padding:6px 10px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}a{color:var(--accent)}
header{max-width:1200px;margin:auto;padding:6px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.85rem}header>div{display:flex;gap:8px}main{max-width:1200px;margin:auto;padding:10px 20px 6px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 16px}h1{font-size:1.35rem;letter-spacing:-.03em;margin:0}h2{font-size:.95rem;margin:0}#intro{margin:6px 0 0;font-size:.9rem;color:#61736a}.modes{display:flex;flex-shrink:0;background:#e4ebe5;padding:3px;border-radius:7px}.modes button{border:0;background:transparent;font-size:.82rem;padding:6px 12px}.modes [aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #243f4918;color:var(--accent)}
.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);gap:28px;align-items:start}.apparatus{min-width:0}#rig{display:block;width:100%;height:560px;touch-action:none;color:#dce9e7}svg text{font:16px system-ui,sans-serif;fill:currentColor}#rig .outside-label{fill:#385d58}#rig .counter-reading{font:33px ui-monospace,monospace;fill:#a6edda}.control{cursor:grab}.control:active{cursor:grabbing}.choice{cursor:pointer}.control:focus-visible,.choice:focus-visible{outline:2px solid var(--accent)}[aria-disabled=true]{cursor:default}
.measure{padding:12px 8px 0 0;min-width:0}#step{font-size:.71rem;font-weight:650;color:var(--accent);letter-spacing:.1em}#task-title{font-size:1.2rem;line-height:1.4;letter-spacing:-.02em;margin:10px 0 8px}#task-text:empty{display:none}#task-text{font-size:.9rem;line-height:1.6;margin:0 0 16px;color:#50645c}.run-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.85rem;margin:0 0 10px}.run-controls:has(#start[hidden]):has(#stop[hidden]):has(#run-status[hidden]){display:none}#run-status{font-size:.8rem;color:#61736a}.next-action{box-shadow:0 0 0 3px #167e7918}
#entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px;padding:8px 0 2px;animation:arrive .28s ease-out}.reading-context{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem;color:#62766f}.reading-context strong{font-weight:550;color:#385d58}label{display:grid;gap:5px;font-size:.85rem}input,select{width:100%;min-width:0;min-height:40px;font-size:.92rem}#entry label{font-size:.8rem;color:#62766f;gap:3px}#count{font-size:1.35rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-height:43px;border:0;border-bottom:1px solid #79978d;border-radius:0;background:#ffffff80;padding:5px 8px}#count:focus-visible{outline:0;border-bottom:2px solid var(--accent)}#record{min-height:43px;padding-inline:15px}#record,#analyse{font-size:.85rem}#feedback,#result{font-size:.85rem;line-height:1.5;margin:10px 0}#feedback:empty,#result:empty{display:none}.good{color:var(--accent)}.bad{color:#a04c38}
#observations{margin-top:18px}#records-title{font-size:.8rem;font-weight:500;color:#61736a;margin-bottom:6px}table{border-collapse:collapse;width:100%;font-size:.83rem;font-variant-numeric:tabular-nums}th,td{padding:6px 3px;text-align:right;border-bottom:1px solid var(--line)}th{font-weight:500}th:first-child,td:first-child{text-align:left}.blank-label{font-size:.75rem;color:#687e77;margin-left:8px}
#analysis{animation:arrive .28s ease-out}#analysis-title,.reason>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#evidence{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:10px 0 14px;margin:10px 0;border-bottom:1px solid var(--line)}#evidence dt{font-size:.8rem;color:#61736a}#evidence dd{font-size:1.45rem;font-variant-numeric:tabular-nums;margin:6px 0 0;letter-spacing:-.035em;font-weight:550}#bridge{font-size:.87rem;line-height:1.55;color:#50645c;margin:12px 0}.reason{margin:12px 0}.analysis-actions{display:flex;align-items:center;gap:12px;margin-top:12px}#previous{border:0;background:transparent;color:#61736a;padding:4px 0;font-size:.8rem}.text-button{border:0;background:transparent;color:var(--accent);padding:6px 0;font-size:.83rem;margin-top:8px}#show-apparatus{display:none}.is-inference #task-text{display:none}.is-inference #result{margin-bottom:0}
.utilities{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.utilities #reset{font-size:.8rem}.help{display:block;margin-top:0;border:0;background:transparent;padding:0;min-height:36px;font-size:.8rem;color:#61736a;text-align:left}#comparison-tip{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #bdd0c3;border-radius:9px;padding:15px;background:#fffef9;color:#304c44;box-shadow:0 8px 26px #17362b22;font-size:.9rem;line-height:1.6}#comparison-tip p{margin:0 0 10px}#comparison-tip::backdrop{background:transparent}#close-tip{min-height:34px;font-size:.85rem}footer{display:flex;justify-content:flex-end;padding-top:8px}footer button{font-size:.8rem}body.embed header>a{display:none}body.embed header{justify-content:flex-end}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#entry,#analysis{animation:none}}
@media(max-width:700px){header{padding:5px 12px}main{padding:10px 12px}h1{font-size:1.16rem;line-height:1.35}.heading{flex-direction:column;align-items:stretch;gap:7px;margin:0 0 12px}#intro{display:none}.modes{align-self:flex-end}.modes button{font-size:.82rem;min-height:34px}.workspace{display:flex;flex-direction:column;gap:0}.measure{display:contents}#task{order:0}#task-title{font-size:1.12rem;margin:6px 0 4px}#task-text:empty{display:none}#task-text{font-size:.88rem;line-height:1.5;margin:0 0 8px}.apparatus{order:1;width:100%}#rig{height:auto}#rig text{font-size:19px}#rig .counter-reading{font-size:33px}.run-controls{order:2;margin:8px 0;gap:8px}.is-reading .run-controls{display:none}#entry{order:3;width:100%;margin:5px 0 4px;padding:4px 0 0;gap:6px 12px}#entry .reading-context{font-size:.78rem}#feedback{order:4;margin:8px 0}#analysis{order:5;width:100%}#show-apparatus{order:6;align-self:start;margin:4px 0}#observations{order:8;width:100%;margin:14px 0 4px}#return-measure,#return-inference{order:9;align-self:start;margin:2px 0}.utilities{order:10;width:100%;margin:6px 0 0}.help{margin:0}#evidence{margin:8px 0;padding:8px 0 12px}#evidence dd{font-size:1.45rem}#bridge{font-size:.88rem}.analysis-actions{flex-wrap:wrap}.is-inference .apparatus{display:none}.is-inference #show-apparatus{display:block}.is-inference.apparatus-open .apparatus{display:block;order:7}.is-inference #observations{margin:10px 0 2px}.is-inference #result{margin-bottom:6px}footer{padding-top:6px}}
/* R4: current destination, explicit recording, and evidence-led conclusions. */
.task-progress{display:flex;gap:8px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap}#saved-status{font-size:.76rem;color:var(--accent)}#task-title mark{background:#e0eacf;color:#36542d;border-radius:3px;padding:0 .18em;font-variant-numeric:tabular-nums}#rig .target-angle{fill:#f2d48a;font-weight:750}#entry{display:block}.record-actions{display:flex;align-items:center;gap:14px;margin-top:10px}.record-actions .text-button{margin:0}#quick-record{min-height:43px}#manual-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:10px}#conclusions{list-style:none;padding:0;margin:14px 0 4px}#conclusions li{font-size:.88rem;line-height:1.6;margin:0 0 13px;color:#50645c}#conclusions strong{display:block;color:#263f36;font-weight:600;margin-bottom:2px}#quiz-toggle{margin:0}#self-test{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}#quiz-question{font-size:1rem;line-height:1.45;margin:0 0 8px}.is-inference #saved-status{display:none}@media(max-width:700px){#entry{display:block}#conclusions{margin-top:10px}#conclusions li{margin-bottom:12px;line-height:1.55}.record-actions{margin-top:8px}}
#entry #measure-title{display:none}#entry .reading-context{justify-content:flex-start}
/* R5: completion is acquisition; the evidence table stays in one stable position. */
#observations{margin:16px 0 12px}#records-title{font-size:1.05rem;font-weight:600;color:#294a40;margin-bottom:7px}#rows{max-width:400px}#rows table{table-layout:fixed;font-size:1.2rem;line-height:1.35}#rows th{font-size:1.02rem;font-weight:600;color:#365c51;padding:7px 8px;border-bottom:2px solid #a7bbb1}#rows td{padding:7px 8px}#rows th:first-child{width:45%}#rows th:last-child{width:55%}#rows td:last-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.blank-label{display:inline-block;font-size:.86rem;margin-left:5px;white-space:nowrap}.new-row td{background:#dcebc9}.just-saved{background:#dcebc9;border-radius:3px;padding:3px 6px}#saved-status{font-size:.86rem}.is-inference #saved-status{display:inline}#conclusions{margin-top:8px}#conclusions li{margin-bottom:10px;font-size:.88rem;line-height:1.5}#observations:empty{display:none}@media(max-width:700px){#observations{order:4;margin:10px 0 8px}#analysis{order:5}#rows{max-width:none}#rows table{font-size:1.14rem}#rows th{font-size:1rem}#rows td{padding:6px 8px}.is-inference #observations{margin:8px 0 10px}.is-inference #analysis{order:5}}
#analysis{animation:none}.workspace:not(.is-inference) #task{min-height:104px}.workspace:not(.is-inference) .run-controls{display:flex;min-height:38px}.workspace:not(.is-inference) .run-controls:has(#start[hidden]):has(#stop[hidden]):has(#run-status[hidden]){display:flex;visibility:hidden}@media(max-width:700px){.workspace:not(.is-inference) #task{min-height:0}.workspace:not(.is-inference) .run-controls{min-height:38px}}
@media(min-width:701px){.workspace:not(.is-inference) #task{min-height:84px}#task-title{margin:6px 0 4px}#task-text{margin-bottom:6px}.run-controls{margin-bottom:6px}}

/* Keep the reset in view and the focus on the physical detector. */
body.embed header,body.embed #intro{display:none}.heading-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}#reset{min-height:44px}.control:focus-visible,.choice:focus-visible{outline:none}#detector:not([aria-disabled=true]):hover>rect:first-child,#detector:focus-visible>rect:first-child{stroke:#a6edda;stroke-width:3}.choice:hover>rect,.choice:focus-visible>rect{stroke:var(--accent);stroke-width:2}@media(max-width:700px){.heading-actions{justify-content:space-between;flex-wrap:wrap}}