:root{font:15px system-ui,-apple-system,sans-serif;color:#263d48;background:#f5f7f6;--accent:#167e79;--line:#d6dddd}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit;border:1px solid #c5ced1;border-radius:5px;background:white;min-height:36px;padding:5px 9px}button{cursor:pointer}.primary{background:var(--accent);color:white;border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}header{max-width:1160px;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}a{color:var(--accent)}main{max-width:1160px;margin:auto;padding:10px 20px 6px}h1{font-size:1.35rem;margin:0;letter-spacing:-.03em}h2{font-size:.92rem;margin:0}#intro{margin:5px 0 12px;font-size:.85rem;color:#617079}.workspace{display:grid;grid-template-columns:1.45fr 1fr;background:white;border:1px solid #ccd6d8;border-radius:9px;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#f7fafa;font-size:.8rem}#state{color:var(--accent)}svg{display:block;width:100%;color:#263d48}#rig{height:510px;touch-action:none}svg text{font:16px system-ui,sans-serif;fill:currentColor}#rig .meter-reading{font:30px ui-monospace,monospace}.control{cursor:grab}.control:active{cursor:grabbing}.choice{cursor:pointer}.control:focus-visible,.choice:focus-visible{outline:2px solid var(--accent)}#instruction{margin:0 14px 12px;font-size:.8rem;line-height:1.5;color:var(--accent)}.measure{padding:12px;border-left:1px solid var(--line);background:#fcfdfd}.inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;align-items:end}.readings{grid-template-columns:1fr 1fr auto}label{display:grid;gap:5px;font-size:.77rem}input{width:100%;min-width:0}#record,#analyse{font-size:.8rem}#feedback,#result{font-size:.8rem;margin:7px 0;line-height:1.5}#feedback:empty,#result:empty{display:none}.good{color:#167e79}.bad{color:#a04c38}#records-title{margin-top:12px}#rows{font-size:.78rem;margin:8px 0;min-height:24px}table{border-collapse:collapse;width:100%;font-size:.76rem}th,td{padding:5px 3px;text-align:right;border-bottom:1px solid var(--line)}th{font-weight:500}th:first-child,td:first-child{text-align:left}details{font-size:.78rem;line-height:1.55;margin-top:12px}summary{cursor:pointer}#help-title{color:var(--accent)}#progress{font-size:.76rem;line-height:1.5;color:#617079}#equation{font-size:1rem;margin:8px 0;font-family:ui-monospace,monospace}footer{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-top:8px}footer details{max-width:920px;margin-top:0}footer button{font-size:.8rem}[hidden]{display:none!important}body.embed header>a{display:none}body.embed header{justify-content:flex-end}@media(max-width:700px){header{padding:5px 12px}main{padding:12px}.workspace{display:block}h1{font-size:1.2rem}.toolbar{padding:10px;flex-wrap:wrap;gap:5px}#rig{height:auto}#rig text{font-size:20px}#rig .meter-reading{font-size:30px}.measure{border-left:0;border-top:1px solid var(--line);padding:12px}button{min-height:40px}#instruction{margin:6px 10px 12px}.readings{grid-template-columns:1fr 1fr}.readings button{grid-column:1/-1}footer details{max-width:calc(100% - 85px)}}

/* Direct apparatus and measured evidence share one workspace. */
body.embed header,body.embed #intro{display:none}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 16px}.heading button{min-height:44px;white-space:nowrap}.workspace{background:transparent;border:0;border-radius:0;overflow:visible;gap:28px}.apparatus,.measure{min-width:0}.toolbar{padding:8px 0;background:transparent;border-bottom:1px solid var(--line);font-size:.86rem}.measure{background:transparent;border:0;padding:8px 0}.inputs label,label{font-size:.86rem}h2{font-size:1.05rem}#instruction{margin:8px 0 10px;font-size:.9rem;line-height:1.5}.actions{padding:0;font-size:.9rem}#record,#analyse,#compare{font-size:.9rem;min-height:42px}#feedback,#result,#rows,#progress{font-size:.9rem;line-height:1.5}table{font-size:.86rem}td,th{padding:7px 4px}.control:hover circle,.control:focus-visible circle{stroke:var(--accent);stroke-width:3}.control:hover rect,.choice:hover rect,.control:focus-visible rect,.choice:focus-visible rect{stroke:var(--accent);stroke-width:2}footer{padding-top:16px}details{font-size:.85rem}
@media(max-width:760px){.workspace{display:flex;flex-direction:column;gap:18px}.heading h1{font-size:1.2rem}.measure{padding:0}}

.control:focus-visible,.choice:focus-visible{outline:none}.control:focus-visible>path{stroke-width:3}